tedir-select - npm Package Compare versions

Comparing version 0.0.1-iron-0 to 0.0.1-iron-1

dist/vue/tedir-select-vue.es.js

@@ -1,3 +0,3 @@
-import { defineComponent as A, ref as S, watch as T, computed as z, openBlock as u, createElementBlock as c, normalizeClass as N, createBlock as U, Teleport as W, createElementVNode as o, normalizeStyle as w, unref as h, Fragment as p, createTextVNode as x, toDisplayString as g, withDirectives as _, vModelText as B, renderList as V, withModifiers as j, renderSlot as L, reactive as E, withKeys as H, pushScopeId as R, popScopeId as F } from "vue";
-const D = { class: "pickerWrap" }, K = { class: "pickerContent" }, P = { class: "pickerHeader" }, q = ["onClick"], G = { class: "check" }, J = ["checked", "id"], Q = ["for"], X = ["onClick"], Y = { class: "check" }, Z = ["checked", "id"], ee = ["for"], le = ["onClick"], te = ["onClick"], ae = ["onClick"], se = ["onClick"], ue = /* @__PURE__ */ A({
+import { defineComponent as A, ref as S, watch as T, computed as z, openBlock as u, createElementBlock as c, normalizeClass as N, createElementVNode as o, normalizeStyle as w, unref as h, Fragment as p, createTextVNode as x, toDisplayString as g, withDirectives as _, vModelText as B, renderList as V, withModifiers as j, renderSlot as L, reactive as U, withKeys as W, pushScopeId as E, popScopeId as H } from "vue";
+const R = { class: "pickerWrap" }, F = { class: "pickerContent" }, D = { class: "pickerHeader" }, K = ["onClick"], P = { class: "check" }, q = ["checked", "id"], G = ["for"], J = ["onClick"], Q = { class: "check" }, X = ["checked", "id"], Y = ["for"], Z = ["onClick"], ee = ["onClick"], le = ["onClick"], te = ["onClick"], ae = /* @__PURE__ */ A({
   __name: "SelectBox",
@@ -50,11 +50,9 @@ props: {
     }, [
-      (u(), U(W, { to: "body" }, [
+      o("div", {
+        class: "pickerBackdrop",
+        style: w({ display: r.value ? "block" : "none" }),
+        onClick: d
+      }, null, 4),
+      o("div", R, [
         o("div", {
-          class: "pickerBackdrop",
-          style: w({ display: r.value ? "block" : "none" }),
-          onClick: d
-        }, null, 4)
-      ])),
-      o("div", D, [
-        o("div", {
           class: "select pickerToggler",
@@ -77,4 +75,4 @@ onClick: n[0] || (n[0] = (l) => r.value = !r.value)
         ]),
-        o("div", K, [
-          o("div", P, [
+        o("div", F, [
+          o("div", D, [
             _(o("input", {
@@ -101,3 +99,3 @@ type: "search",
               }, [
-                o("div", G, [
+                o("div", P, [
                   o("input", {
@@ -109,3 +107,3 @@ type: "checkbox",
                     style: { "pointer-events": "none" }
-                  }, null, 8, J),
+                  }, null, 8, q),
                   o("label", {
@@ -115,5 +113,5 @@ class: "checkLabel",
                     style: { "pointer-events": "none" }
-                  }, g(l), 9, Q)
+                  }, g(l), 9, G)
                 ])
-              ], 8, q)) : typeof l == "object" && l !== null && a.prop in l ? (u(), c("div", {
+              ], 8, K)) : typeof l == "object" && l !== null && a.prop in l ? (u(), c("div", {
                 key: 1,
@@ -123,3 +121,3 @@ onClick: j((i) => k(l, a.prop), ["stop"]),
               }, [
-                o("div", Y, [
+                o("div", Q, [
                   o("input", {
@@ -131,3 +129,3 @@ type: "checkbox",
                     style: { "pointer-events": "none" }
-                  }, null, 8, Z),
+                  }, null, 8, X),
                   o("label", {
@@ -137,5 +135,5 @@ class: "checkLabel",
                     style: { "pointer-events": "none" }
-                  }, g(l[a.prop]), 9, ee)
+                  }, g(l[a.prop]), 9, Y)
                 ])
-              ], 8, X)) : (u(), c("div", {
+              ], 8, J)) : (u(), c("div", {
                 key: 2,
@@ -149,3 +147,3 @@ onClick: j((i) => k(l), ["stop"]),
                 }, void 0, !0)
-              ], 8, le))
+              ], 8, Z))
             ], 64))), 128))
@@ -164,7 +162,7 @@ ], 4)) : (u(), c("div", {
                 class: N(["pickerItem", e.value === l ? "active" : ""])
-              }, g(l), 11, te)) : typeof l == "object" && l !== null && a.prop in l ? (u(), c("div", {
+              }, g(l), 11, ee)) : typeof l == "object" && l !== null && a.prop in l ? (u(), c("div", {
                 key: 1,
                 onClick: (i) => v(l),
                 class: N(["pickerItem", e.value[a.prop] === l[a.prop] || String(l[a.dataprop || a.prop]) === String(e.value) ? "active" : ""])
-              }, g(l[a.prop]), 11, ae)) : (u(), c("div", {
+              }, g(l[a.prop]), 11, le)) : (u(), c("div", {
                 key: 2,
@@ -178,3 +176,3 @@ onClick: j((i) => v(l), ["stop"]),
                 }, void 0, !0)
-              ], 10, se))
+              ], 10, te))
             ], 64))), 128))
@@ -192,3 +190,3 @@ ], 4))
   return f;
-}, sl = /* @__PURE__ */ M(ue, [["__scopeId", "data-v-a80159b8"]]), ce = { class: "pickerWrap" }, ne = { class: "pickerContent pickerSizing" }, re = ["onClick"], oe = ["onClick"], ie = ["onClick"], de = /* @__PURE__ */ A({
+}, tl = /* @__PURE__ */ M(ae, [["__scopeId", "data-v-4ad5849c"]]), se = { class: "pickerWrap" }, ue = { class: "pickerContent pickerSizing" }, ce = ["onClick"], ne = ["onClick"], re = ["onClick"], oe = /* @__PURE__ */ A({
   __name: "ComboBox",
@@ -226,10 +224,8 @@ props: {
     }, [
-      (u(), U(W, { to: "body" }, [
-        o("div", {
-          class: "pickerBackdrop",
-          style: w({ display: e.value ? "block" : "none" }),
-          onClick: $
-        }, null, 4)
-      ])),
-      o("div", ce, [
+      o("div", {
+        class: "pickerBackdrop",
+        style: w({ display: e.value ? "block" : "none" }),
+        onClick: $
+      }, null, 4),
+      o("div", se, [
         _(o("input", {
@@ -244,3 +240,3 @@ type: "search",
         ]),
-        o("div", ne, [
+        o("div", ue, [
           (u(!0), c(p, null, V(h(C), (d, k) => (u(), c(p, {
@@ -255,3 +251,3 @@ key: "option-" + d
               class: N(["pickerItem", a.modelValue === d ? "active" : ""])
-            }, g(d), 11, re)) : typeof d == "object" && a.prop in d ? (u(), c("div", {
+            }, g(d), 11, ce)) : typeof d == "object" && a.prop in d ? (u(), c("div", {
               key: 1,
@@ -262,3 +258,3 @@ onClick: (v) => {
               class: N(["pickerItem", a.modelValue[a.prop] === d[a.prop] ? "active" : ""])
-            }, g(d[a.prop]), 11, oe)) : (u(), c("div", {
+            }, g(d[a.prop]), 11, ne)) : (u(), c("div", {
               key: 2,
@@ -271,3 +267,3 @@ onClick: (v) => {
               L(m.$slots, "default", { option: d }, void 0, !0)
-            ], 10, ie))
+            ], 10, re))
           ], 64))), 128))
@@ -279,3 +275,3 @@ ])
 });
-const ul = /* @__PURE__ */ M(de, [["__scopeId", "data-v-f4b8a3cd"]]), ve = { class: "list" }, fe = { class: "listHeader" }, ke = ["onClick"], ye = { class: "check" }, he = ["checked", "id"], pe = ["for"], ge = ["onClick"], Ce = { class: "check" }, be = ["checked", "id"], me = ["for"], $e = ["onClick"], Se = ["onClick"], Ne = ["onClick"], xe = ["onClick"], je = /* @__PURE__ */ A({
+const al = /* @__PURE__ */ M(oe, [["__scopeId", "data-v-804539e4"]]), ie = { class: "list" }, de = { class: "listHeader" }, ve = ["onClick"], fe = { class: "check" }, ke = ["checked", "id"], ye = ["for"], he = ["onClick"], pe = { class: "check" }, ge = ["checked", "id"], Ce = ["for"], be = ["onClick"], me = ["onClick"], $e = ["onClick"], Se = ["onClick"], Ne = /* @__PURE__ */ A({
   __name: "ListBox",
@@ -323,4 +319,4 @@ props: {
     return (k, v) => (u(), c("div", null, [
-      o("div", ve, [
-        o("div", fe, [
+      o("div", ie, [
+        o("div", de, [
           _(o("input", {
@@ -347,3 +343,3 @@ type: "search",
             }, [
-              o("div", ye, [
+              o("div", fe, [
                 o("input", {
@@ -355,3 +351,3 @@ type: "checkbox",
                   style: { "pointer-events": "none" }
-                }, null, 8, he),
+                }, null, 8, ke),
                 o("label", {
@@ -361,5 +357,5 @@ class: "checkLabel",
                   style: { "pointer-events": "none" }
-                }, g(s), 9, pe)
+                }, g(s), 9, ye)
               ])
-            ], 8, ke)) : typeof s == "object" && a.prop in s ? (u(), c("div", {
+            ], 8, ve)) : typeof s == "object" && a.prop in s ? (u(), c("div", {
               key: 1,
@@ -369,3 +365,3 @@ onClick: j((l) => y(s, a.prop), ["stop"]),
             }, [
-              o("div", Ce, [
+              o("div", pe, [
                 o("input", {
@@ -377,3 +373,3 @@ type: "checkbox",
                   style: { "pointer-events": "none" }
-                }, null, 8, be),
+                }, null, 8, ge),
                 o("label", {
@@ -383,5 +379,5 @@ class: "checkLabel",
                   style: { "pointer-events": "none" }
-                }, g(s[a.prop]), 9, me)
+                }, g(s[a.prop]), 9, Ce)
               ])
-            ], 8, ge)) : (u(), c("div", {
+            ], 8, he)) : (u(), c("div", {
               key: 2,
@@ -395,3 +391,3 @@ onClick: j((l) => y(s), ["stop"]),
               }, void 0, !0)
-            ], 10, $e))
+            ], 10, be))
           ], 64))), 128))
@@ -410,7 +406,7 @@ ], 4)) : (u(), c("div", {
               class: N(["listItem", e.value === s ? "active" : ""])
-            }, g(s), 11, Se)) : typeof s == "object" && a.prop in s ? (u(), c("div", {
+            }, g(s), 11, me)) : typeof s == "object" && a.prop in s ? (u(), c("div", {
               key: 1,
               onClick: (l) => d(s),
               class: N(["listItem", e.value[a.prop] === s[a.prop] || String(s[a.dataprop || a.prop]) === String(e.value) ? "active" : ""])
-            }, g(s[a.prop]), 11, Ne)) : (u(), c("div", {
+            }, g(s[a.prop]), 11, $e)) : (u(), c("div", {
               key: 2,
@@ -424,3 +420,3 @@ onClick: j((l) => d(s), ["stop"]),
               }, void 0, !0)
-            ], 10, xe))
+            ], 10, Se))
           ], 64))), 128))
@@ -432,3 +428,3 @@ ], 4))
 });
-const cl = /* @__PURE__ */ M(je, [["__scopeId", "data-v-c2f3a9ca"]]), we = (a) => (R("data-v-4f75424c"), a = a(), F(), a), Ie = { class: "tagWrap" }, Ve = { class: "tags" }, Le = { class: "tag groupItem" }, Oe = ["onClick"], _e = /* @__PURE__ */ we(() => /* @__PURE__ */ o("svg", {
+const sl = /* @__PURE__ */ M(Ne, [["__scopeId", "data-v-c2f3a9ca"]]), xe = (a) => (E("data-v-de7e2b23"), a = a(), H(), a), je = { class: "tagWrap" }, we = { class: "tags" }, Ie = { class: "tag groupItem" }, Ve = ["onClick"], Le = /* @__PURE__ */ xe(() => /* @__PURE__ */ o("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -456,5 +452,5 @@ width: "16",
   })
-], -1)), Be = [
-  _e
-], Ae = { class: "tagContent" }, ze = ["onClick"], Me = ["onClick"], Te = ["onClick"], Ue = /* @__PURE__ */ A({
+], -1)), Oe = [
+  Le
+], _e = { class: "tagContent" }, Be = ["onClick"], Ae = ["onClick"], ze = ["onClick"], Me = /* @__PURE__ */ A({
   __name: "TagBox",
@@ -471,3 +467,3 @@ props: {
   setup(a, { emit: b }) {
-    const f = a, e = S(!1), r = S(""), C = S(null), $ = E(f.modelValue || []), m = S(f.options || []), y = S(f.separator || ","), d = S(f.prop || "value"), k = z(() => {
+    const f = a, e = S(!1), r = S(""), C = S(null), $ = U(f.modelValue || []), m = S(f.options || []), y = S(f.separator || ","), d = S(f.prop || "value"), k = z(() => {
       let l = m.value;
@@ -512,15 +508,13 @@ return r.value.length >= 1 && (l = l.filter((t) => {
     }, [
-      (u(), U(W, { to: "body" }, [
+      o("div", {
+        class: "tagBackdrop",
+        style: w({ display: e.value ? "block" : "none" }),
+        onClick: n
+      }, null, 4),
+      o("div", je, [
         o("div", {
-          class: "tagBackdrop",
-          style: w({ display: e.value ? "block" : "none" }),
-          onClick: n
-        }, null, 4)
-      ])),
-      o("div", Ie, [
-        o("div", {
           class: "input tagToggler",
           onClick: v
         }, [
-          o("div", Ve, [
+          o("div", we, [
             (u(!0), c(p, null, V($, (i, I) => (u(), c("div", {
@@ -530,3 +524,3 @@ key: "tag-" + I,
             }, [
-              o("div", Le, [
+              o("div", Ie, [
                 typeof i == "string" && i !== "" ? (u(), c(p, { key: 0 }, [
@@ -543,3 +537,3 @@ x(g(i), 1)
                 onClick: (O) => $.splice(I, 1)
-              }, Be, 8, Oe)
+              }, Oe, 8, Ve)
             ]))), 128)),
@@ -553,3 +547,3 @@ _(o("input", {
               onInput: t[1] || (t[1] = (i) => s(i)),
-              onKeyup: t[2] || (t[2] = H((i) => s(i), ["enter"])),
+              onKeyup: t[2] || (t[2] = W((i) => s(i), ["enter"])),
               placeholder: "Add new tag"
@@ -561,3 +555,3 @@ }, null, 544), [
         ]),
-        o("div", Ae, [
+        o("div", _e, [
           (u(!0), c(p, null, V(h(k), (i, I) => (u(), c(p, {
@@ -572,3 +566,3 @@ key: "option-" + i
               class: "tagItem"
-            }, g(i), 9, ze)) : typeof i == "object" && d.value in i ? (u(), c("div", {
+            }, g(i), 9, Be)) : typeof i == "object" && d.value in i ? (u(), c("div", {
               key: 1,
@@ -579,3 +573,3 @@ onClick: (O) => {
               class: "tagItem"
-            }, g(i[d.value]), 9, Me)) : (u(), c("div", {
+            }, g(i[d.value]), 9, Ae)) : (u(), c("div", {
               key: 2,
@@ -588,3 +582,3 @@ onClick: (O) => {
               L(l.$slots, "default", { option: i }, void 0, !0)
-            ], 8, Te))
+            ], 8, ze))
           ], 64))), 128))
@@ -596,3 +590,3 @@ ])
 });
-const nl = /* @__PURE__ */ M(Ue, [["__scopeId", "data-v-4f75424c"]]), We = { class: "pickerOverlay pickerWrap" }, Ee = { class: "pickerContent" }, He = { class: "pickerHeader" }, Re = ["onClick"], Fe = { class: "check" }, De = ["checked", "id"], Ke = ["for"], Pe = ["onClick"], qe = { class: "check" }, Ge = ["checked", "id"], Je = ["for"], Qe = ["onClick"], Xe = ["onClick"], Ye = ["onClick"], Ze = ["onClick"], el = { class: "pickerFooter" }, ll = { class: "tedirCategoryAdd" }, tl = /* @__PURE__ */ A({
+const ul = /* @__PURE__ */ M(Me, [["__scopeId", "data-v-de7e2b23"]]), Te = { class: "pickerOverlay pickerWrap" }, Ue = { class: "pickerContent" }, We = { class: "pickerHeader" }, Ee = ["onClick"], He = { class: "check" }, Re = ["checked", "id"], Fe = ["for"], De = ["onClick"], Ke = { class: "check" }, Pe = ["checked", "id"], qe = ["for"], Ge = ["onClick"], Je = ["onClick"], Qe = ["onClick"], Xe = ["onClick"], Ye = { class: "pickerFooter" }, Ze = { class: "tedirCategoryAdd" }, el = /* @__PURE__ */ A({
   __name: "CategoryBox",
@@ -645,11 +639,9 @@ props: {
     }, [
-      (u(), U(W, { to: "body" }, [
+      o("div", {
+        class: "pickerBackdrop",
+        style: w({ display: r.value ? "block" : "none" }),
+        onClick: k
+      }, null, 4),
+      o("div", Te, [
         o("div", {
-          class: "pickerBackdrop",
-          style: w({ display: r.value ? "block" : "none" }),
-          onClick: k
-        }, null, 4)
-      ])),
-      o("div", We, [
-        o("div", {
           class: "select pickerToggler",
@@ -672,4 +664,4 @@ onClick: l[0] || (l[0] = (t) => r.value = !r.value)
         ]),
-        o("div", Ee, [
-          o("div", He, [
+        o("div", Ue, [
+          o("div", We, [
             _(o("input", {
@@ -696,3 +688,3 @@ type: "search",
               }, [
-                o("div", Fe, [
+                o("div", He, [
                   o("input", {
@@ -704,3 +696,3 @@ type: "checkbox",
                     style: { "pointer-events": "none" }
-                  }, null, 8, De),
+                  }, null, 8, Re),
                   o("label", {
@@ -710,5 +702,5 @@ class: "checkLabel",
                     style: { "pointer-events": "none" }
-                  }, g(t), 9, Ke)
+                  }, g(t), 9, Fe)
                 ])
-              ], 8, Re)) : typeof t == "object" && t !== null && a.prop in t ? (u(), c("div", {
+              ], 8, Ee)) : typeof t == "object" && t !== null && a.prop in t ? (u(), c("div", {
                 key: 1,
@@ -718,3 +710,3 @@ onClick: j((I) => v(t, a.prop), ["stop"]),
               }, [
-                o("div", qe, [
+                o("div", Ke, [
                   o("input", {
@@ -726,3 +718,3 @@ type: "checkbox",
                     style: { "pointer-events": "none" }
-                  }, null, 8, Ge),
+                  }, null, 8, Pe),
                   o("label", {
@@ -732,5 +724,5 @@ class: "checkLabel",
                     style: { "pointer-events": "none" }
-                  }, g(t[a.prop]), 9, Je)
+                  }, g(t[a.prop]), 9, qe)
                 ])
-              ], 8, Pe)) : (u(), c("div", {
+              ], 8, De)) : (u(), c("div", {
                 key: 2,
@@ -744,3 +736,3 @@ onClick: j((I) => v(t), ["stop"]),
                 }, void 0, !0)
-              ], 8, Qe))
+              ], 8, Ge))
             ], 64))), 128))
@@ -759,7 +751,7 @@ ], 4)) : (u(), c("div", {
                 class: N(["pickerItem", e.value === t ? "active" : ""])
-              }, g(t), 11, Xe)) : typeof t == "object" && t !== null && a.prop in t ? (u(), c("div", {
+              }, g(t), 11, Je)) : typeof t == "object" && t !== null && a.prop in t ? (u(), c("div", {
                 key: 1,
                 onClick: (I) => s(t),
                 class: N(["pickerItem", e.value[a.prop] === t[a.prop] || String(t[a.dataprop || a.prop]) === String(e.value) ? "active" : ""])
-              }, g(t[a.prop]), 11, Ye)) : (u(), c("div", {
+              }, g(t[a.prop]), 11, Qe)) : (u(), c("div", {
                 key: 2,
@@ -773,7 +765,7 @@ onClick: j((I) => s(t), ["stop"]),
                 }, void 0, !0)
-              ], 10, Ze))
+              ], 10, Xe))
             ], 64))), 128))
           ], 4)),
-          o("div", el, [
-            o("div", ll, [
+          o("div", Ye, [
+            o("div", Ze, [
               _(o("input", {
@@ -801,9 +793,9 @@ type: "text",
 });
-const rl = /* @__PURE__ */ M(tl, [["__scopeId", "data-v-af01efa6"]]);
+const cl = /* @__PURE__ */ M(el, [["__scopeId", "data-v-740094f1"]]);
 export {
-  rl as CategoryBox,
-  ul as ComboBox,
-  cl as ListBox,
-  sl as SelectBox,
-  nl as TagBox
+  cl as CategoryBox,
+  al as ComboBox,
+  sl as ListBox,
+  tl as SelectBox,
+  ul as TagBox
 };

dist/vue/tedir-select-vue.umd.js

@@ -1,1 +0,1 @@
-(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.TedirSelect={},h.Vue))})(this,function(h,e){"use strict";const E={class:"pickerWrap"},N={class:"pickerContent"},S={class:"pickerHeader"},V=["onClick"],$={class:"check"},x=["checked","id"],w=["for"],j=["onClick"],I={class:"check"},z=["checked","id"],L=["for"],T=["onClick"],D=["onClick"],F=["onClick"],M=["onClick"],O=e.defineComponent({__name:"SelectBox",props:{modelValue:{default:{}},options:{default:[]},prop:{default:"value"},datatype:{default:""},dataprop:{default:""},placeholder:{default:"-- Select option --"},size:{default:0}},emits:["update:modelValue","change"],setup(n,{emit:y}){const k=n,t=e.ref(k.modelValue||{}),r=e.ref(!1),m=e.ref("");e.watch(()=>k.modelValue,()=>{t.value=k.modelValue});const g=e.computed(()=>{let c=k.options;return m.value.length>=1&&(c=c.filter(o=>{if(isNaN(o)===!1&&Number(o)===Number(m.value))return!0;if(typeof o=="string"&&o.toLowerCase().includes(m.value.toLowerCase()))return!0;if(typeof o=="object"&&o!==null&&Object.prototype.toString.call(o)==="[object Object]")for(const l of Object.keys(o)){if(isNaN(o[l])===!1&&Number(o[l])===Number(m.value))return!0;if(typeof o[l]=="string"&&o[l].toLowerCase().includes(m.value.toLowerCase()))return!0}return!1})),c}),p=((c=10)=>{let o="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",l="";for(let a=0;a<c;a++)l+=o.charAt(Math.floor(Math.random()*o.length));return l})(),i=c=>{c.target.style.display="none",r.value=!1},f=(c,o="")=>{o!==""?t.value.map(l=>l[o]).includes(c[o])?t.value.splice(t.value.findIndex(l=>l[o]===c[o]),1):t.value.push(c):t.value.includes(c)?t.value.splice(t.value.findIndex(l=>l===c),1):t.value.push(c),y("update:modelValue",t.value),y("change",t.value,c)},d=c=>{typeof c=="object"&&c!==null&&String(k.datatype).toLowerCase()==="string"?(t.value=c[String(k.dataprop||k.prop)],y("update:modelValue",String(t.value))):(t.value=c,y("update:modelValue",t.value)),r.value=!1,y("change",t.value,c)};return(c,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",r.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:r.value?"block":"none"}),onClick:i},null,4)])),e.createElementVNode("div",E,[e.createElementVNode("div",{class:"select pickerToggler",onClick:o[0]||(o[0]=l=>r.value=!r.value)},[typeof t.value=="string"&&t.value!==""&&e.unref(g).length>=1&&typeof e.unref(g)[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.value),1)],64)):typeof t.value=="string"&&e.unref(g).filter(l=>String(l[String(n.dataprop||n.prop)])===t.value).length>=1&&typeof e.unref(g).filter(l=>String(l[String(n.dataprop||n.prop)])===t.value)[0]=="object"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(g).filter(l=>String(l[String(n.dataprop||n.prop)])===t.value)[0][n.prop]),1)],64)):typeof t.value=="object"&&t.value!==null&&n.prop in t.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.value[n.prop]),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(t.value.join(", ")),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="object"&&n.prop in t.value[0]?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(t.value.map(l=>l[n.prop]).join(", ")),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[e.createTextVNode(e.toDisplayString(n.placeholder),1)],64))]),e.createElementVNode("div",N,[e.createElementVNode("div",S,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":o[1]||(o[1]=l=>m.value=l),class:"input"},null,512),[[e.vModelText,m.value]])]),Array.isArray(t.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+l},[typeof l=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(s=>f(l),["stop"]),class:"pickerItem"},[e.createElementVNode("div",$,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(l),id:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},null,8,x),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},e.toDisplayString(l),9,w)])],8,V)):typeof l=="object"&&l!==null&&n.prop in l?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(s=>f(l,n.prop),["stop"]),class:"pickerItem"},[e.createElementVNode("div",I,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(l),id:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},null,8,z),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},e.toDisplayString(l[n.prop]),9,L)])],8,j)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(s=>f(l),["stop"]),class:"pickerItem"},[e.renderSlot(c.$slots,"default",{option:l,selected:t.value},void 0,!0)],8,T))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+l},[typeof l=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s=>d(l),class:e.normalizeClass(["pickerItem",t.value===l?"active":""])},e.toDisplayString(l),11,D)):typeof l=="object"&&l!==null&&n.prop in l?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:s=>d(l),class:e.normalizeClass(["pickerItem",t.value[n.prop]===l[n.prop]||String(l[n.dataprop||n.prop])===String(t.value)?"active":""])},e.toDisplayString(l[n.prop]),11,F)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(s=>d(l),["stop"]),class:e.normalizeClass(["pickerItem",t.value===l?"active":""])},[e.renderSlot(c.$slots,"default",{option:l,selected:t.value},void 0,!0)],10,M))],64))),128))],4))])])],2))}}),Ae="",b=(n,y)=>{const k=n.__vccOpts||n;for(const[t,r]of y)k[t]=r;return k},_=b(O,[["__scopeId","data-v-a80159b8"]]),A={class:"pickerWrap"},U={class:"pickerContent pickerSizing"},W=["onClick"],H=["onClick"],R=["onClick"],K=e.defineComponent({__name:"ComboBox",props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- combo option --"},size:{default:0}},emits:["update:modelValue"],setup(n,{emit:y}){const k=n,t=e.ref(!1),r=e.ref(""),m=e.computed(()=>{let u=k.options;return r.value.length>=1&&(u=u.filter(p=>{if(isNaN(p)===!1&&Number(p)===Number(r.value))return!0;if(typeof p=="string"&&p.toLowerCase().includes(r.value.toLowerCase()))return!0;if(typeof p=="object"&&p!==null&&Object.prototype.toString.call(p)==="[object Object]")for(const i of Object.keys(p)){if(isNaN(p[i])===!1&&Number(p[i])===Number(r.value))return!0;if(typeof p[i]=="string"&&p[i].toLowerCase().includes(r.value.toLowerCase()))return!0}return!1})),u}),g=u=>{u.target.style.display="none",t.value=!1};return(u,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",t.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:t.value?"block":"none"}),onClick:g},null,4)])),e.createElementVNode("div",A,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":p[0]||(p[0]=i=>r.value=i),onInput:p[1]||(p[1]=i=>e.unref(m).length>=1&&r.value!==""?t.value=!0:t.value=!1),onClick:p[2]||(p[2]=i=>e.unref(m).length>=1&&r.value!==""?t.value=!0:t.value=!1),class:"input"},null,544),[[e.vModelText,r.value]]),e.createElementVNode("div",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(i,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+i},[typeof i=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:d=>{r.value=i,y("update:modelValue",i),t.value=!1},class:e.normalizeClass(["pickerItem",n.modelValue===i?"active":""])},e.toDisplayString(i),11,W)):typeof i=="object"&&n.prop in i?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:d=>{r.value=i[n.prop],y("update:modelValue",i),t.value=!1},class:e.normalizeClass(["pickerItem",n.modelValue[n.prop]===i[n.prop]?"active":""])},e.toDisplayString(i[n.prop]),11,H)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:d=>{r.value=i,y("update:modelValue",i),t.value=!1},class:e.normalizeClass(["pickerItem",n.modelValue===i?"active":""])},[e.renderSlot(u.$slots,"default",{option:i},void 0,!0)],10,R))],64))),128))])])],2))}}),Ue="",P=b(K,[["__scopeId","data-v-f4b8a3cd"]]),q={class:"list"},G={class:"listHeader"},J=["onClick"],Q={class:"check"},X=["checked","id"],Y=["for"],Z=["onClick"],v={class:"check"},ee=["checked","id"],te=["for"],le=["onClick"],ae=["onClick"],ne=["onClick"],ce=["onClick"],oe=e.defineComponent({__name:"ListBox",props:{modelValue:{default:{}},options:{default:[]},prop:{default:"value"},datatype:{default:""},dataprop:{default:""},size:{default:0}},emits:["update:modelValue","change"],setup(n,{emit:y}){const k=n,t=e.ref(k.modelValue||{}),r=e.ref("");e.watch(()=>k.modelValue,()=>{t.value=k.modelValue});const m=e.computed(()=>{let f=k.options;return r.value.length>=1&&(f=f.filter(d=>{if(isNaN(d)===!1&&Number(d)===Number(r.value))return!0;if(typeof d=="string"&&d.toLowerCase().includes(r.value.toLowerCase()))return!0;if(typeof d=="object"&&d!==null&&Object.prototype.toString.call(d)==="[object Object]")for(const c of Object.keys(d)){if(isNaN(d[c])===!1&&Number(d[c])===Number(r.value))return!0;if(typeof d[c]=="string"&&d[c].toLowerCase().includes(r.value.toLowerCase()))return!0}return!1})),f}),u=(()=>{let f="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",d="";for(let c=0;c<10;c++)d+=f.charAt(Math.floor(Math.random()*f.length));return d})(),p=(f,d="")=>{d!==""?t.value.map(c=>c[d]).includes(f[d])?t.value.splice(t.value.findIndex(c=>c[d]===f[d]),1):t.value.push(f):t.value.includes(f)?t.value.splice(t.value.findIndex(c=>c===f),1):t.value.push(f),y("update:modelValue",t.value),y("change",t.value,f)},i=f=>{typeof f=="object"&&f!==null&&String(k.datatype).toLowerCase()==="string"?(t.value=f[String(k.dataprop||k.prop)],y("update:modelValue",String(t.value))):(t.value=f,y("update:modelValue",t.value)),y("change",t.value,f)};return(f,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":d[0]||(d[0]=c=>r.value=c),class:"input"},null,512),[[e.vModelText,r.value]])]),Array.isArray(n.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"listMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(c,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+c},[typeof c=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(l=>p(c),["stop"]),class:"listItem"},[e.createElementVNode("div",Q,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(c),id:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},null,8,X),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},e.toDisplayString(c),9,Y)])],8,J)):typeof c=="object"&&n.prop in c?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(l=>p(c,n.prop),["stop"]),class:"listItem"},[e.createElementVNode("div",v,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(c),id:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},null,8,ee),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},e.toDisplayString(c[n.prop]),9,te)])],8,Z)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(l=>p(c),["stop"]),class:e.normalizeClass(["listItem",t.value.includes(c)?"active":""])},[e.renderSlot(f.$slots,"default",{option:c,selected:t.value},void 0,!0)],10,le))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"listMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(c,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+c},[typeof c=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l=>i(c),class:e.normalizeClass(["listItem",t.value===c?"active":""])},e.toDisplayString(c),11,ae)):typeof c=="object"&&n.prop in c?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:l=>i(c),class:e.normalizeClass(["listItem",t.value[n.prop]===c[n.prop]||String(c[n.dataprop||n.prop])===String(t.value)?"active":""])},e.toDisplayString(c[n.prop]),11,ne)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(l=>i(c),["stop"]),class:e.normalizeClass(["listItem",t.value===c?"active":""])},[e.renderSlot(f.$slots,"default",{option:c,selected:t.value},void 0,!0)],10,ce))],64))),128))],4))])]))}}),We="",re=b(oe,[["__scopeId","data-v-c2f3a9ca"]]),se=n=>(e.pushScopeId("data-v-4f75424c"),n=n(),e.popScopeId(),n),ie={class:"tagWrap"},de={class:"tags"},ke={class:"tag groupItem"},fe=["onClick"],pe=[se(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1))],me={class:"tagContent"},ye=["onClick"],ue=["onClick"],ge=["onClick"],he=e.defineComponent({__name:"TagBox",props:{modelValue:{default:[]},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- add new tag --"},size:{default:0},separator:{default:","}},emits:["update:modelValue"],setup(n,{emit:y}){const k=n,t=e.ref(!1),r=e.ref(""),m=e.ref(null),g=e.reactive(k.modelValue||[]),u=e.ref(k.options||[]),p=e.ref(k.separator||","),i=e.ref(k.prop||"value"),f=e.computed(()=>{let l=u.value;return r.value.length>=1&&(l=l.filter(a=>{if(isNaN(a)===!1&&Number(a)===Number(r.value))return!0;if(typeof a=="string"&&a.toLowerCase().includes(r.value.toLowerCase()))return!0;if(typeof a=="object"&&a!==null&&Object.prototype.toString.call(a)==="[object Object]")for(const s of Object.keys(a)){if(isNaN(a[s])===!1&&Number(a[s])===Number(r.value))return!0;if(typeof a[s]=="string"&&a[s].toLowerCase().includes(r.value.toLowerCase()))return!0}return!1})),l}),d=()=>{m.value.focus()},c=l=>{if(l.key!=="Enter"&&f.value.length>=1?t.value=!0:t.value=!1,r.value.endsWith(p.value)||l.key==="Enter"){const a=r.value.replace(p.value,"");g.includes(a)||(g.push(a),u.value.includes(a)&&(u.value=u.value.filter(s=>typeof s=="string"&&s!==a?!0:typeof s=="object"&&i.value in s&&s[i.value]!==a))),r.value="",y("update:modelValue",g)}};e.watch(r,()=>{if(m.value!==null){const l=document.createElement("div");l.style.width="max-content",l.style.position="absolute",l.style.visibility="hidden";const a=r.value.length>=2?r.value:m.value.getAttribute("placeholder");l.innerHTML=a.replace(/ /g,"&nbsp;").trim(),document.body.appendChild(l);const s=Math.ceil(Number(window.getComputedStyle(l).width.replace("px","")))+30;m.value.style.setProperty("width",s+"px"),l.remove()}});const o=l=>{l.target.style.display="none",t.value=!1};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["taggable",{active:t.value===!0}])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"tagBackdrop",style:e.normalizeStyle({display:t.value?"block":"none"}),onClick:o},null,4)])),e.createElementVNode("div",ie,[e.createElementVNode("div",{class:"input tagToggler",onClick:d},[e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g,(s,B)=>(e.openBlock(),e.createElementBlock("div",{key:"tag-"+B,class:"group"},[e.createElementVNode("div",ke,[typeof s=="string"&&s!==""?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(s),1)],64)):typeof s=="object"&&i.value in s?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(s[i.value]),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(n.placeholder),1)],64))]),e.createElementVNode("div",{class:"tag groupItem",onClick:C=>g.splice(B,1)},pe,8,fe)]))),128)),e.withDirectives(e.createElementVNode("input",{type:"search",ref_key:"inputRef",ref:m,"onUpdate:modelValue":a[0]||(a[0]=s=>r.value=s),class:"tagInput",onInput:a[1]||(a[1]=s=>c(s)),onKeyup:a[2]||(a[2]=e.withKeys(s=>c(s),["enter"])),placeholder:"Add new tag"},null,544),[[e.vModelText,r.value]])])]),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),(s,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+s},[typeof s=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:C=>{r.value=s+",",c(C)},class:"tagItem"},e.toDisplayString(s),9,ye)):typeof s=="object"&&i.value in s?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:C=>{r.value=s[i.value]+",",c(C)},class:"tagItem"},e.toDisplayString(s[i.value]),9,ue)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:C=>{r.value=s+",",c(C)},class:"tagItem"},[e.renderSlot(l.$slots,"default",{option:s},void 0,!0)],8,ge))],64))),128))])])],2))}}),Re="",Be=b(he,[["__scopeId","data-v-4f75424c"]]),Ce={class:"pickerOverlay pickerWrap"},be={class:"pickerContent"},Ee={class:"pickerHeader"},Ne=["onClick"],Se={class:"check"},Ve=["checked","id"],$e=["for"],xe=["onClick"],we={class:"check"},je=["checked","id"],Ie=["for"],ze=["onClick"],Le=["onClick"],Te=["onClick"],De=["onClick"],Fe={class:"pickerFooter"},Me={class:"tedirCategoryAdd"},Oe=e.defineComponent({__name:"CategoryBox",props:{modelValue:{default:{}},options:{default:[]},prop:{default:"value"},datatype:{default:""},dataprop:{default:""},placeholder:{default:"-- Select option --"},size:{default:0}},emits:["update:modelValue","change","add"],setup(n,{emit:y}){const k=n,t=e.ref(k.modelValue||{}),r=e.ref(!1),m=e.ref(""),g=e.ref("");e.watch(()=>k.modelValue,()=>{t.value=k.modelValue});const u=e.computed(()=>{let o=k.options;return m.value.length>=1&&(o=o.filter(l=>{if(isNaN(l)===!1&&Number(l)===Number(m.value))return!0;if(typeof l=="string"&&l.toLowerCase().includes(m.value.toLowerCase()))return!0;if(typeof l=="object"&&l!==null&&Object.prototype.toString.call(l)==="[object Object]")for(const a of Object.keys(l)){if(isNaN(l[a])===!1&&Number(l[a])===Number(m.value))return!0;if(typeof l[a]=="string"&&l[a].toLowerCase().includes(m.value.toLowerCase()))return!0}return!1})),o}),i=((o=10)=>{let l="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",a="";for(let s=0;s<o;s++)a+=l.charAt(Math.floor(Math.random()*l.length));return a})(),f=o=>{o.target.style.display="none",r.value=!1},d=(o,l="")=>{l!==""?t.value.map(a=>a[l]).includes(o[l])?t.value.splice(t.value.findIndex(a=>a[l]===o[l]),1):t.value.push(o):t.value.includes(o)?t.value.splice(t.value.findIndex(a=>a===o),1):t.value.push(o),y("update:modelValue",t.value),y("change",t.value,o)},c=o=>{typeof o=="object"&&o!==null&&String(k.datatype).toLowerCase()==="string"?(t.value=o[String(k.dataprop||k.prop)],y("update:modelValue",String(t.value))):(t.value=o,y("update:modelValue",t.value)),r.value=!1,y("change",t.value,o)};return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion tedirCategory",r.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:r.value?"block":"none"}),onClick:f},null,4)])),e.createElementVNode("div",Ce,[e.createElementVNode("div",{class:"select pickerToggler",onClick:l[0]||(l[0]=a=>r.value=!r.value)},[typeof t.value=="string"&&t.value!==""&&e.unref(u).length>=1&&typeof e.unref(u)[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.value),1)],64)):typeof t.value=="string"&&e.unref(u).filter(a=>String(a[String(n.dataprop||n.prop)])===t.value).length>=1&&typeof e.unref(u).filter(a=>String(a[String(n.dataprop||n.prop)])===t.value)[0]=="object"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(u).filter(a=>String(a[String(n.dataprop||n.prop)])===t.value)[0][n.prop]),1)],64)):typeof t.value=="object"&&t.value!==null&&n.prop in t.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.value[n.prop]),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(t.value.join(", ")),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="object"&&n.prop in t.value[0]?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(t.value.map(a=>a[n.prop]).join(", ")),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[e.createTextVNode(e.toDisplayString(n.placeholder),1)],64))]),e.createElementVNode("div",be,[e.createElementVNode("div",Ee,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":l[1]||(l[1]=a=>m.value=a),class:"input"},null,512),[[e.vModelText,m.value]])]),Array.isArray(t.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(B=>d(a),["stop"]),class:"pickerItem"},[e.createElementVNode("div",Se,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(a),id:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},null,8,Ve),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},e.toDisplayString(a),9,$e)])],8,Ne)):typeof a=="object"&&a!==null&&n.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(B=>d(a,n.prop),["stop"]),class:"pickerItem"},[e.createElementVNode("div",we,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(a),id:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},null,8,je),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},e.toDisplayString(a[n.prop]),9,Ie)])],8,xe)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(B=>d(a),["stop"]),class:"pickerItem"},[e.renderSlot(o.$slots,"default",{option:a,selected:t.value},void 0,!0)],8,ze))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:B=>c(a),class:e.normalizeClass(["pickerItem",t.value===a?"active":""])},e.toDisplayString(a),11,Le)):typeof a=="object"&&a!==null&&n.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:B=>c(a),class:e.normalizeClass(["pickerItem",t.value[n.prop]===a[n.prop]||String(a[n.dataprop||n.prop])===String(t.value)?"active":""])},e.toDisplayString(a[n.prop]),11,Te)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(B=>c(a),["stop"]),class:e.normalizeClass(["pickerItem",t.value===a?"active":""])},[e.renderSlot(o.$slots,"default",{option:a,selected:t.value},void 0,!0)],10,De))],64))),128))],4)),e.createElementVNode("div",Fe,[e.createElementVNode("div",Me,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":l[2]||(l[2]=a=>g.value=a),class:"input",placeholder:"Add New Category"},null,512),[[e.vModelText,g.value]]),e.createElementVNode("button",{type:"button",class:"button tedirCategoryButton",onClick:l[3]||(l[3]=a=>{y("add",g.value),g.value=""})},"Save")])])])])],2))}}),Ke="",_e=b(Oe,[["__scopeId","data-v-af01efa6"]]);h.CategoryBox=_e,h.ComboBox=P,h.ListBox=re,h.SelectBox=_,h.TagBox=Be,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.TedirSelect={},h.Vue))})(this,function(h,e){"use strict";const N={class:"pickerWrap"},b={class:"pickerContent"},S={class:"pickerHeader"},V=["onClick"],$={class:"check"},x=["checked","id"],w=["for"],j=["onClick"],I={class:"check"},z=["checked","id"],L=["for"],D=["onClick"],F=["onClick"],M=["onClick"],O=["onClick"],T=e.defineComponent({__name:"SelectBox",props:{modelValue:{default:{}},options:{default:[]},prop:{default:"value"},datatype:{default:""},dataprop:{default:""},placeholder:{default:"-- Select option --"},size:{default:0}},emits:["update:modelValue","change"],setup(n,{emit:y}){const k=n,t=e.ref(k.modelValue||{}),r=e.ref(!1),m=e.ref("");e.watch(()=>k.modelValue,()=>{t.value=k.modelValue});const g=e.computed(()=>{let c=k.options;return m.value.length>=1&&(c=c.filter(o=>{if(isNaN(o)===!1&&Number(o)===Number(m.value))return!0;if(typeof o=="string"&&o.toLowerCase().includes(m.value.toLowerCase()))return!0;if(typeof o=="object"&&o!==null&&Object.prototype.toString.call(o)==="[object Object]")for(const l of Object.keys(o)){if(isNaN(o[l])===!1&&Number(o[l])===Number(m.value))return!0;if(typeof o[l]=="string"&&o[l].toLowerCase().includes(m.value.toLowerCase()))return!0}return!1})),c}),p=((c=10)=>{let o="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",l="";for(let a=0;a<c;a++)l+=o.charAt(Math.floor(Math.random()*o.length));return l})(),i=c=>{c.target.style.display="none",r.value=!1},f=(c,o="")=>{o!==""?t.value.map(l=>l[o]).includes(c[o])?t.value.splice(t.value.findIndex(l=>l[o]===c[o]),1):t.value.push(c):t.value.includes(c)?t.value.splice(t.value.findIndex(l=>l===c),1):t.value.push(c),y("update:modelValue",t.value),y("change",t.value,c)},d=c=>{typeof c=="object"&&c!==null&&String(k.datatype).toLowerCase()==="string"?(t.value=c[String(k.dataprop||k.prop)],y("update:modelValue",String(t.value))):(t.value=c,y("update:modelValue",t.value)),r.value=!1,y("change",t.value,c)};return(c,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",r.value?"active":""])},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:r.value?"block":"none"}),onClick:i},null,4),e.createElementVNode("div",N,[e.createElementVNode("div",{class:"select pickerToggler",onClick:o[0]||(o[0]=l=>r.value=!r.value)},[typeof t.value=="string"&&t.value!==""&&e.unref(g).length>=1&&typeof e.unref(g)[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.value),1)],64)):typeof t.value=="string"&&e.unref(g).filter(l=>String(l[String(n.dataprop||n.prop)])===t.value).length>=1&&typeof e.unref(g).filter(l=>String(l[String(n.dataprop||n.prop)])===t.value)[0]=="object"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(g).filter(l=>String(l[String(n.dataprop||n.prop)])===t.value)[0][n.prop]),1)],64)):typeof t.value=="object"&&t.value!==null&&n.prop in t.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.value[n.prop]),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(t.value.join(", ")),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="object"&&n.prop in t.value[0]?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(t.value.map(l=>l[n.prop]).join(", ")),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[e.createTextVNode(e.toDisplayString(n.placeholder),1)],64))]),e.createElementVNode("div",b,[e.createElementVNode("div",S,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":o[1]||(o[1]=l=>m.value=l),class:"input"},null,512),[[e.vModelText,m.value]])]),Array.isArray(t.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+l},[typeof l=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(s=>f(l),["stop"]),class:"pickerItem"},[e.createElementVNode("div",$,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(l),id:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},null,8,x),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},e.toDisplayString(l),9,w)])],8,V)):typeof l=="object"&&l!==null&&n.prop in l?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(s=>f(l,n.prop),["stop"]),class:"pickerItem"},[e.createElementVNode("div",I,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(l),id:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},null,8,z),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(p)+String(a)),style:{"pointer-events":"none"}},e.toDisplayString(l[n.prop]),9,L)])],8,j)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(s=>f(l),["stop"]),class:"pickerItem"},[e.renderSlot(c.$slots,"default",{option:l,selected:t.value},void 0,!0)],8,D))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+l},[typeof l=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s=>d(l),class:e.normalizeClass(["pickerItem",t.value===l?"active":""])},e.toDisplayString(l),11,F)):typeof l=="object"&&l!==null&&n.prop in l?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:s=>d(l),class:e.normalizeClass(["pickerItem",t.value[n.prop]===l[n.prop]||String(l[n.dataprop||n.prop])===String(t.value)?"active":""])},e.toDisplayString(l[n.prop]),11,M)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(s=>d(l),["stop"]),class:e.normalizeClass(["pickerItem",t.value===l?"active":""])},[e.renderSlot(c.$slots,"default",{option:l,selected:t.value},void 0,!0)],10,O))],64))),128))],4))])])],2))}}),Ae="",E=(n,y)=>{const k=n.__vccOpts||n;for(const[t,r]of y)k[t]=r;return k},_=E(T,[["__scopeId","data-v-4ad5849c"]]),A={class:"pickerWrap"},U={class:"pickerContent pickerSizing"},W=["onClick"],H=["onClick"],R=["onClick"],K=e.defineComponent({__name:"ComboBox",props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- combo option --"},size:{default:0}},emits:["update:modelValue"],setup(n,{emit:y}){const k=n,t=e.ref(!1),r=e.ref(""),m=e.computed(()=>{let u=k.options;return r.value.length>=1&&(u=u.filter(p=>{if(isNaN(p)===!1&&Number(p)===Number(r.value))return!0;if(typeof p=="string"&&p.toLowerCase().includes(r.value.toLowerCase()))return!0;if(typeof p=="object"&&p!==null&&Object.prototype.toString.call(p)==="[object Object]")for(const i of Object.keys(p)){if(isNaN(p[i])===!1&&Number(p[i])===Number(r.value))return!0;if(typeof p[i]=="string"&&p[i].toLowerCase().includes(r.value.toLowerCase()))return!0}return!1})),u}),g=u=>{u.target.style.display="none",t.value=!1};return(u,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",t.value?"active":""])},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:t.value?"block":"none"}),onClick:g},null,4),e.createElementVNode("div",A,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":p[0]||(p[0]=i=>r.value=i),onInput:p[1]||(p[1]=i=>e.unref(m).length>=1&&r.value!==""?t.value=!0:t.value=!1),onClick:p[2]||(p[2]=i=>e.unref(m).length>=1&&r.value!==""?t.value=!0:t.value=!1),class:"input"},null,544),[[e.vModelText,r.value]]),e.createElementVNode("div",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(i,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+i},[typeof i=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:d=>{r.value=i,y("update:modelValue",i),t.value=!1},class:e.normalizeClass(["pickerItem",n.modelValue===i?"active":""])},e.toDisplayString(i),11,W)):typeof i=="object"&&n.prop in i?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:d=>{r.value=i[n.prop],y("update:modelValue",i),t.value=!1},class:e.normalizeClass(["pickerItem",n.modelValue[n.prop]===i[n.prop]?"active":""])},e.toDisplayString(i[n.prop]),11,H)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:d=>{r.value=i,y("update:modelValue",i),t.value=!1},class:e.normalizeClass(["pickerItem",n.modelValue===i?"active":""])},[e.renderSlot(u.$slots,"default",{option:i},void 0,!0)],10,R))],64))),128))])])],2))}}),Ue="",P=E(K,[["__scopeId","data-v-804539e4"]]),q={class:"list"},G={class:"listHeader"},J=["onClick"],Q={class:"check"},X=["checked","id"],Y=["for"],Z=["onClick"],v={class:"check"},ee=["checked","id"],te=["for"],le=["onClick"],ae=["onClick"],ne=["onClick"],ce=["onClick"],oe=e.defineComponent({__name:"ListBox",props:{modelValue:{default:{}},options:{default:[]},prop:{default:"value"},datatype:{default:""},dataprop:{default:""},size:{default:0}},emits:["update:modelValue","change"],setup(n,{emit:y}){const k=n,t=e.ref(k.modelValue||{}),r=e.ref("");e.watch(()=>k.modelValue,()=>{t.value=k.modelValue});const m=e.computed(()=>{let f=k.options;return r.value.length>=1&&(f=f.filter(d=>{if(isNaN(d)===!1&&Number(d)===Number(r.value))return!0;if(typeof d=="string"&&d.toLowerCase().includes(r.value.toLowerCase()))return!0;if(typeof d=="object"&&d!==null&&Object.prototype.toString.call(d)==="[object Object]")for(const c of Object.keys(d)){if(isNaN(d[c])===!1&&Number(d[c])===Number(r.value))return!0;if(typeof d[c]=="string"&&d[c].toLowerCase().includes(r.value.toLowerCase()))return!0}return!1})),f}),u=(()=>{let f="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",d="";for(let c=0;c<10;c++)d+=f.charAt(Math.floor(Math.random()*f.length));return d})(),p=(f,d="")=>{d!==""?t.value.map(c=>c[d]).includes(f[d])?t.value.splice(t.value.findIndex(c=>c[d]===f[d]),1):t.value.push(f):t.value.includes(f)?t.value.splice(t.value.findIndex(c=>c===f),1):t.value.push(f),y("update:modelValue",t.value),y("change",t.value,f)},i=f=>{typeof f=="object"&&f!==null&&String(k.datatype).toLowerCase()==="string"?(t.value=f[String(k.dataprop||k.prop)],y("update:modelValue",String(t.value))):(t.value=f,y("update:modelValue",t.value)),y("change",t.value,f)};return(f,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":d[0]||(d[0]=c=>r.value=c),class:"input"},null,512),[[e.vModelText,r.value]])]),Array.isArray(n.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"listMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(c,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+c},[typeof c=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(l=>p(c),["stop"]),class:"listItem"},[e.createElementVNode("div",Q,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(c),id:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},null,8,X),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},e.toDisplayString(c),9,Y)])],8,J)):typeof c=="object"&&n.prop in c?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(l=>p(c,n.prop),["stop"]),class:"listItem"},[e.createElementVNode("div",v,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(c),id:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},null,8,ee),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(u)+String(o)),style:{"pointer-events":"none"}},e.toDisplayString(c[n.prop]),9,te)])],8,Z)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(l=>p(c),["stop"]),class:e.normalizeClass(["listItem",t.value.includes(c)?"active":""])},[e.renderSlot(f.$slots,"default",{option:c,selected:t.value},void 0,!0)],10,le))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"listMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(c,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+c},[typeof c=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l=>i(c),class:e.normalizeClass(["listItem",t.value===c?"active":""])},e.toDisplayString(c),11,ae)):typeof c=="object"&&n.prop in c?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:l=>i(c),class:e.normalizeClass(["listItem",t.value[n.prop]===c[n.prop]||String(c[n.dataprop||n.prop])===String(t.value)?"active":""])},e.toDisplayString(c[n.prop]),11,ne)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(l=>i(c),["stop"]),class:e.normalizeClass(["listItem",t.value===c?"active":""])},[e.renderSlot(f.$slots,"default",{option:c,selected:t.value},void 0,!0)],10,ce))],64))),128))],4))])]))}}),We="",re=E(oe,[["__scopeId","data-v-c2f3a9ca"]]),se=n=>(e.pushScopeId("data-v-de7e2b23"),n=n(),e.popScopeId(),n),ie={class:"tagWrap"},de={class:"tags"},ke={class:"tag groupItem"},fe=["onClick"],pe=[se(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1))],me={class:"tagContent"},ye=["onClick"],ue=["onClick"],ge=["onClick"],he=e.defineComponent({__name:"TagBox",props:{modelValue:{default:[]},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- add new tag --"},size:{default:0},separator:{default:","}},emits:["update:modelValue"],setup(n,{emit:y}){const k=n,t=e.ref(!1),r=e.ref(""),m=e.ref(null),g=e.reactive(k.modelValue||[]),u=e.ref(k.options||[]),p=e.ref(k.separator||","),i=e.ref(k.prop||"value"),f=e.computed(()=>{let l=u.value;return r.value.length>=1&&(l=l.filter(a=>{if(isNaN(a)===!1&&Number(a)===Number(r.value))return!0;if(typeof a=="string"&&a.toLowerCase().includes(r.value.toLowerCase()))return!0;if(typeof a=="object"&&a!==null&&Object.prototype.toString.call(a)==="[object Object]")for(const s of Object.keys(a)){if(isNaN(a[s])===!1&&Number(a[s])===Number(r.value))return!0;if(typeof a[s]=="string"&&a[s].toLowerCase().includes(r.value.toLowerCase()))return!0}return!1})),l}),d=()=>{m.value.focus()},c=l=>{if(l.key!=="Enter"&&f.value.length>=1?t.value=!0:t.value=!1,r.value.endsWith(p.value)||l.key==="Enter"){const a=r.value.replace(p.value,"");g.includes(a)||(g.push(a),u.value.includes(a)&&(u.value=u.value.filter(s=>typeof s=="string"&&s!==a?!0:typeof s=="object"&&i.value in s&&s[i.value]!==a))),r.value="",y("update:modelValue",g)}};e.watch(r,()=>{if(m.value!==null){const l=document.createElement("div");l.style.width="max-content",l.style.position="absolute",l.style.visibility="hidden";const a=r.value.length>=2?r.value:m.value.getAttribute("placeholder");l.innerHTML=a.replace(/ /g,"&nbsp;").trim(),document.body.appendChild(l);const s=Math.ceil(Number(window.getComputedStyle(l).width.replace("px","")))+30;m.value.style.setProperty("width",s+"px"),l.remove()}});const o=l=>{l.target.style.display="none",t.value=!1};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["taggable",{active:t.value===!0}])},[e.createElementVNode("div",{class:"tagBackdrop",style:e.normalizeStyle({display:t.value?"block":"none"}),onClick:o},null,4),e.createElementVNode("div",ie,[e.createElementVNode("div",{class:"input tagToggler",onClick:d},[e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g,(s,B)=>(e.openBlock(),e.createElementBlock("div",{key:"tag-"+B,class:"group"},[e.createElementVNode("div",ke,[typeof s=="string"&&s!==""?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(s),1)],64)):typeof s=="object"&&i.value in s?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(s[i.value]),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(n.placeholder),1)],64))]),e.createElementVNode("div",{class:"tag groupItem",onClick:C=>g.splice(B,1)},pe,8,fe)]))),128)),e.withDirectives(e.createElementVNode("input",{type:"search",ref_key:"inputRef",ref:m,"onUpdate:modelValue":a[0]||(a[0]=s=>r.value=s),class:"tagInput",onInput:a[1]||(a[1]=s=>c(s)),onKeyup:a[2]||(a[2]=e.withKeys(s=>c(s),["enter"])),placeholder:"Add new tag"},null,544),[[e.vModelText,r.value]])])]),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),(s,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+s},[typeof s=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:C=>{r.value=s+",",c(C)},class:"tagItem"},e.toDisplayString(s),9,ye)):typeof s=="object"&&i.value in s?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:C=>{r.value=s[i.value]+",",c(C)},class:"tagItem"},e.toDisplayString(s[i.value]),9,ue)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:C=>{r.value=s+",",c(C)},class:"tagItem"},[e.renderSlot(l.$slots,"default",{option:s},void 0,!0)],8,ge))],64))),128))])])],2))}}),Re="",Be=E(he,[["__scopeId","data-v-de7e2b23"]]),Ce={class:"pickerOverlay pickerWrap"},Ee={class:"pickerContent"},Ne={class:"pickerHeader"},be=["onClick"],Se={class:"check"},Ve=["checked","id"],$e=["for"],xe=["onClick"],we={class:"check"},je=["checked","id"],Ie=["for"],ze=["onClick"],Le=["onClick"],De=["onClick"],Fe=["onClick"],Me={class:"pickerFooter"},Oe={class:"tedirCategoryAdd"},Te=e.defineComponent({__name:"CategoryBox",props:{modelValue:{default:{}},options:{default:[]},prop:{default:"value"},datatype:{default:""},dataprop:{default:""},placeholder:{default:"-- Select option --"},size:{default:0}},emits:["update:modelValue","change","add"],setup(n,{emit:y}){const k=n,t=e.ref(k.modelValue||{}),r=e.ref(!1),m=e.ref(""),g=e.ref("");e.watch(()=>k.modelValue,()=>{t.value=k.modelValue});const u=e.computed(()=>{let o=k.options;return m.value.length>=1&&(o=o.filter(l=>{if(isNaN(l)===!1&&Number(l)===Number(m.value))return!0;if(typeof l=="string"&&l.toLowerCase().includes(m.value.toLowerCase()))return!0;if(typeof l=="object"&&l!==null&&Object.prototype.toString.call(l)==="[object Object]")for(const a of Object.keys(l)){if(isNaN(l[a])===!1&&Number(l[a])===Number(m.value))return!0;if(typeof l[a]=="string"&&l[a].toLowerCase().includes(m.value.toLowerCase()))return!0}return!1})),o}),i=((o=10)=>{let l="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",a="";for(let s=0;s<o;s++)a+=l.charAt(Math.floor(Math.random()*l.length));return a})(),f=o=>{o.target.style.display="none",r.value=!1},d=(o,l="")=>{l!==""?t.value.map(a=>a[l]).includes(o[l])?t.value.splice(t.value.findIndex(a=>a[l]===o[l]),1):t.value.push(o):t.value.includes(o)?t.value.splice(t.value.findIndex(a=>a===o),1):t.value.push(o),y("update:modelValue",t.value),y("change",t.value,o)},c=o=>{typeof o=="object"&&o!==null&&String(k.datatype).toLowerCase()==="string"?(t.value=o[String(k.dataprop||k.prop)],y("update:modelValue",String(t.value))):(t.value=o,y("update:modelValue",t.value)),r.value=!1,y("change",t.value,o)};return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion tedirCategory",r.value?"active":""])},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:r.value?"block":"none"}),onClick:f},null,4),e.createElementVNode("div",Ce,[e.createElementVNode("div",{class:"select pickerToggler",onClick:l[0]||(l[0]=a=>r.value=!r.value)},[typeof t.value=="string"&&t.value!==""&&e.unref(u).length>=1&&typeof e.unref(u)[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.value),1)],64)):typeof t.value=="string"&&e.unref(u).filter(a=>String(a[String(n.dataprop||n.prop)])===t.value).length>=1&&typeof e.unref(u).filter(a=>String(a[String(n.dataprop||n.prop)])===t.value)[0]=="object"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(u).filter(a=>String(a[String(n.dataprop||n.prop)])===t.value)[0][n.prop]),1)],64)):typeof t.value=="object"&&t.value!==null&&n.prop in t.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.value[n.prop]),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(t.value.join(", ")),1)],64)):Array.isArray(t.value)&&t.value.length>=1&&typeof t.value[0]=="object"&&n.prop in t.value[0]?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(t.value.map(a=>a[n.prop]).join(", ")),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[e.createTextVNode(e.toDisplayString(n.placeholder),1)],64))]),e.createElementVNode("div",Ee,[e.createElementVNode("div",Ne,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":l[1]||(l[1]=a=>m.value=a),class:"input"},null,512),[[e.vModelText,m.value]])]),Array.isArray(t.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(B=>d(a),["stop"]),class:"pickerItem"},[e.createElementVNode("div",Se,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(a),id:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},null,8,Ve),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},e.toDisplayString(a),9,$e)])],8,be)):typeof a=="object"&&a!==null&&n.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(B=>d(a,n.prop),["stop"]),class:"pickerItem"},[e.createElementVNode("div",we,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:t.value.includes(a),id:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},null,8,je),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(i)+String(s)),style:{"pointer-events":"none"}},e.toDisplayString(a[n.prop]),9,Ie)])],8,xe)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(B=>d(a),["stop"]),class:"pickerItem"},[e.renderSlot(o.$slots,"default",{option:a,selected:t.value},void 0,!0)],8,ze))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"pickerMenu",style:e.normalizeStyle({"max-height":Number(n.size)!==0?Number(n.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:B=>c(a),class:e.normalizeClass(["pickerItem",t.value===a?"active":""])},e.toDisplayString(a),11,Le)):typeof a=="object"&&a!==null&&n.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:B=>c(a),class:e.normalizeClass(["pickerItem",t.value[n.prop]===a[n.prop]||String(a[n.dataprop||n.prop])===String(t.value)?"active":""])},e.toDisplayString(a[n.prop]),11,De)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(B=>c(a),["stop"]),class:e.normalizeClass(["pickerItem",t.value===a?"active":""])},[e.renderSlot(o.$slots,"default",{option:a,selected:t.value},void 0,!0)],10,Fe))],64))),128))],4)),e.createElementVNode("div",Me,[e.createElementVNode("div",Oe,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":l[2]||(l[2]=a=>g.value=a),class:"input",placeholder:"Add New Category"},null,512),[[e.vModelText,g.value]]),e.createElementVNode("button",{type:"button",class:"button tedirCategoryButton",onClick:l[3]||(l[3]=a=>{y("add",g.value),g.value=""})},"Save")])])])])],2))}}),Ke="",_e=E(Te,[["__scopeId","data-v-740094f1"]]);h.CategoryBox=_e,h.ComboBox=P,h.ListBox=re,h.SelectBox=_,h.TagBox=Be,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "tedir-select",
-  "version": "0.0.1-iron-0",
+  "version": "0.0.1-iron-1",
   "description": "Tedir Select is a Vue 3 & Web Component Custom SelectBox, ListBox, Taggable, etc.",
@@ -48,3 +48,3 @@ "main": "dist/vue/tedir-select-vue.umd.js",
     "@vitejs/plugin-vue": "^3.1.0",
-    "alga-css": "^1.0.0-ruby-4",
+    "alga-css": "^1.0.0-ruby-5",
     "cypress": "^10.9.0",
@@ -51,0 +51,0 @@ "typescript": "^4.6.4",

No alert changes

Worsened metrics

Total package byte prevSize

484202

decreased by-1.48%

Lines of code

6201

decreased by-1.65%

No dependency changes