tedir-select - npm Package Compare versions

Comparing version 0.0.1-alpha-6 to 0.0.1-alpha-7

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

@@ -1,3 +0,3 @@
-import { defineComponent as z, ref as C, watch as M, computed as B, openBlock as r, createElementBlock as o, normalizeClass as N, createElementVNode as v, normalizeStyle as V, toDisplayString as _, unref as m, Fragment as $, renderList as O, withModifiers as x, renderSlot as L, reactive as E, createTextVNode as R, withDirectives as F, withKeys as H, vModelText as W, pushScopeId as D, popScopeId as K } from "vue";
-const U = { class: "pickerWrap" }, P = { class: "pickerContent" }, q = { class: "pickerHeader" }, G = ["onClick"], J = { class: "check" }, Q = ["checked", "id"], X = ["for"], Y = ["onClick"], Z = { class: "check" }, ee = ["checked", "id"], le = ["for"], te = ["onClick"], ae = ["onClick"], se = ["onClick"], ue = ["onClick"], ce = /* @__PURE__ */ z({
+import { defineComponent as z, ref as C, watch as M, computed as B, openBlock as r, createElementBlock as o, normalizeClass as N, createElementVNode as v, normalizeStyle as V, toDisplayString as $, unref as m, Fragment as _, renderList as O, withModifiers as x, renderSlot as L, reactive as E, createTextVNode as R, withDirectives as F, withKeys as H, vModelText as W, pushScopeId as U, popScopeId as D } from "vue";
+const K = { class: "pickerWrap" }, P = { class: "pickerContent" }, q = { class: "pickerHeader" }, G = ["onClick"], J = { class: "check" }, Q = ["checked", "id"], X = ["for"], Y = ["onClick"], Z = { class: "check" }, ee = ["checked", "id"], le = ["for"], te = ["onClick"], ae = ["onClick"], se = ["onClick"], ue = ["onClick"], ce = /* @__PURE__ */ z({
   __name: "SelectBox",
@@ -12,3 +12,4 @@ props: {
     size: { default: 0 },
-    type: { default: "" }
+    type: { default: "" },
+    up: { type: Boolean, default: !1 }
   },
@@ -68,3 +69,3 @@ emits: ["update:modelValue", "change", "search"],
     return (a, t) => (r(), o("div", {
-      class: N(["picker suggestion", i.value ? "active" : ""])
+      class: N(["picker suggestion", { active: i.value, pickerUp: u.up }])
     }, [
@@ -76,7 +77,7 @@ v("div", {
       }, null, 4),
-      v("div", U, [
+      v("div", K, [
         v("div", {
           class: "select pickerToggler",
           onClick: t[0] || (t[0] = (l) => i.value = !i.value)
-        }, _(m(s)), 1),
+        }, $(m(s)), 1),
         v("div", P, [
@@ -97,3 +98,3 @@ v("div", q, [
           }, [
-            (r(!0), o($, null, O(m(S), (l, n) => (r(), o($, {
+            (r(!0), o(_, null, O(m(S), (l, n) => (r(), o(_, {
               key: "option-" + l
@@ -118,3 +119,3 @@ }, [
                     style: { "pointer-events": "none" }
-                  }, _(l), 9, X)
+                  }, $(l), 9, X)
                 ])
@@ -138,3 +139,3 @@ ], 8, G)) : typeof l == "object" && l !== null && u.prop in l && u.type !== "slot" ? (r(), o("div", {
                     style: { "pointer-events": "none" }
-                  }, _(l[u.prop]), 9, le)
+                  }, $(l[u.prop]), 9, le)
                 ])
@@ -157,3 +158,3 @@ ], 8, Y)) : (r(), o("div", {
           }, [
-            (r(!0), o($, null, O(m(S), (l, n) => (r(), o($, {
+            (r(!0), o(_, null, O(m(S), (l, n) => (r(), o(_, {
               key: "option-" + l
@@ -165,7 +166,7 @@ }, [
                 class: N(["pickerItem", e.value === l ? "active" : ""])
-              }, _(l), 11, ae)) : typeof l == "object" && l !== null && u.prop in l && u.type !== "slot" ? (r(), o("div", {
+              }, $(l), 11, ae)) : typeof l == "object" && l !== null && u.prop in l && u.type !== "slot" ? (r(), o("div", {
                 key: 1,
                 onClick: (I) => d(l),
                 class: N(["pickerItem", e.value[u.prop] === l[u.prop] || String(l[u.dataprop || u.prop]) === String(e.value) ? "active" : ""])
-              }, _(l[u.prop]), 11, se)) : (r(), o("div", {
+              }, $(l[u.prop]), 11, se)) : (r(), o("div", {
                 key: 2,
@@ -192,3 +193,3 @@ onClick: x((I) => d(l), ["stop"]),
   return c;
-}, ul = /* @__PURE__ */ A(ce, [["__scopeId", "data-v-f5c4006d"]]), ne = { class: "pickerWrap" }, re = { class: "pickerContent pickerSizing" }, oe = ["onClick"], ie = ["onClick"], de = ["onClick"], ve = /* @__PURE__ */ z({
+}, ul = /* @__PURE__ */ A(ce, [["__scopeId", "data-v-ca470346"]]), ne = { class: "pickerWrap" }, re = { class: "pickerContent pickerSizing" }, oe = ["onClick"], ie = ["onClick"], de = ["onClick"], ve = /* @__PURE__ */ z({
   __name: "ComboBox",
@@ -201,3 +202,4 @@ props: {
     size: { default: 0 },
-    select: { type: Boolean, default: !1 }
+    select: { type: Boolean, default: !1 },
+    up: { type: Boolean, default: !1 }
   },
@@ -231,3 +233,3 @@ emits: ["update:modelValue", "search"],
     return (g, y) => (r(), o("div", {
-      class: N(["picker suggestion", e.value ? "active" : ""])
+      class: N(["picker suggestion", { active: e.value, pickerUp: u.up }])
     }, [
@@ -258,3 +260,3 @@ v("div", {
         v("div", re, [
-          (r(!0), o($, null, O(m(w), (f, p) => (r(), o($, {
+          (r(!0), o(_, null, O(m(w), (f, p) => (r(), o(_, {
             key: "option-" + f
@@ -268,3 +270,3 @@ }, [
               class: N(["pickerItem", u.modelValue === f ? "active" : ""])
-            }, _(f), 11, oe)) : typeof f == "object" && u.prop in f ? (r(), o("div", {
+            }, $(f), 11, oe)) : typeof f == "object" && u.prop in f ? (r(), o("div", {
               key: 1,
@@ -275,3 +277,3 @@ onClick: (d) => {
               class: N(["pickerItem", u.modelValue[u.prop] === f[u.prop] ? "active" : ""])
-            }, _(f[u.prop]), 11, ie)) : (r(), o("div", {
+            }, $(f[u.prop]), 11, ie)) : (r(), o("div", {
               key: 2,
@@ -291,3 +293,3 @@ onClick: (d) => {
 });
-const cl = /* @__PURE__ */ A(ve, [["__scopeId", "data-v-f7a05695"]]), fe = { class: "list" }, pe = { class: "listHeader" }, he = ["onClick"], ke = { class: "check" }, ye = ["checked", "id"], ge = ["for"], be = ["onClick"], Ce = { class: "check" }, me = ["checked", "id"], Se = ["for"], _e = ["onClick"], $e = ["onClick"], Ne = ["onClick"], we = ["onClick"], je = /* @__PURE__ */ z({
+const cl = /* @__PURE__ */ A(ve, [["__scopeId", "data-v-46120662"]]), fe = { class: "list" }, pe = { class: "listHeader" }, he = ["onClick"], ke = { class: "check" }, ye = ["checked", "id"], ge = ["for"], be = ["onClick"], Ce = { class: "check" }, me = ["checked", "id"], Se = ["for"], $e = ["onClick"], _e = ["onClick"], Ne = ["onClick"], we = ["onClick"], je = /* @__PURE__ */ z({
   __name: "ListBox",
@@ -355,3 +357,3 @@ props: {
         }, [
-          (r(!0), o($, null, O(m(j), (s, a) => (r(), o($, {
+          (r(!0), o(_, null, O(m(j), (s, a) => (r(), o(_, {
             key: "option-" + s
@@ -376,3 +378,3 @@ }, [
                   style: { "pointer-events": "none" }
-                }, _(s), 9, ge)
+                }, $(s), 9, ge)
               ])
@@ -396,3 +398,3 @@ ], 8, he)) : typeof s == "object" && u.prop in s ? (r(), o("div", {
                   style: { "pointer-events": "none" }
-                }, _(s[u.prop]), 9, Se)
+                }, $(s[u.prop]), 9, Se)
               ])
@@ -408,3 +410,3 @@ ], 8, be)) : (r(), o("div", {
               }, void 0, !0)
-            ], 10, _e))
+            ], 10, $e))
           ], 64))), 128))
@@ -416,3 +418,3 @@ ], 4)) : (r(), o("div", {
         }, [
-          (r(!0), o($, null, O(m(j), (s, a) => (r(), o($, {
+          (r(!0), o(_, null, O(m(j), (s, a) => (r(), o(_, {
             key: "option-" + s
@@ -424,7 +426,7 @@ }, [
               class: N(["listItem", e.value === s ? "active" : ""])
-            }, _(s), 11, $e)) : typeof s == "object" && u.prop in s ? (r(), o("div", {
+            }, $(s), 11, _e)) : typeof s == "object" && u.prop in s ? (r(), o("div", {
               key: 1,
               onClick: (t) => f(s),
               class: N(["listItem", e.value[u.prop] === s[u.prop] || String(s[u.dataprop || u.prop]) === String(e.value) ? "active" : ""])
-            }, _(s[u.prop]), 11, Ne)) : (r(), o("div", {
+            }, $(s[u.prop]), 11, Ne)) : (r(), o("div", {
               key: 2,
@@ -445,3 +447,3 @@ onClick: x((t) => f(s), ["stop"]),
 });
-const nl = /* @__PURE__ */ A(je, [["__scopeId", "data-v-d7fed8bc"]]), Ie = (u) => (D("data-v-3acd22f1"), u = u(), K(), u), xe = { class: "tagWrap" }, Ve = { class: "tags" }, Oe = { class: "tag groupItem" }, Le = ["onClick"], Be = /* @__PURE__ */ Ie(() => /* @__PURE__ */ v("svg", {
+const nl = /* @__PURE__ */ A(je, [["__scopeId", "data-v-d7fed8bc"]]), Ie = (u) => (U("data-v-3acd22f1"), u = u(), D(), u), xe = { class: "tagWrap" }, Ve = { class: "tags" }, Oe = { class: "tag groupItem" }, Le = ["onClick"], Be = /* @__PURE__ */ Ie(() => /* @__PURE__ */ v("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -534,3 +536,3 @@ width: "16",
           v("div", Ve, [
-            (r(!0), o($, null, O(b, (a, t) => (r(), o("div", {
+            (r(!0), o(_, null, O(b, (a, t) => (r(), o("div", {
               key: "tag-" + t,
@@ -540,8 +542,8 @@ class: "group"
               v("div", Oe, [
-                typeof a == "string" && a !== "" ? (r(), o($, { key: 0 }, [
-                  R(_(a), 1)
-                ], 64)) : typeof a == "object" && S.value in a ? (r(), o($, { key: 1 }, [
-                  R(_(a[S.value]), 1)
-                ], 64)) : (r(), o($, { key: 2 }, [
-                  R(_(u.placeholder), 1)
+                typeof a == "string" && a !== "" ? (r(), o(_, { key: 0 }, [
+                  R($(a), 1)
+                ], 64)) : typeof a == "object" && S.value in a ? (r(), o(_, { key: 1 }, [
+                  R($(a[S.value]), 1)
+                ], 64)) : (r(), o(_, { key: 2 }, [
+                  R($(u.placeholder), 1)
                 ], 64))
@@ -569,3 +571,3 @@ ]),
         v("div", ze, [
-          (r(!0), o($, null, O(m(g), (a, t) => (r(), o($, {
+          (r(!0), o(_, null, O(m(g), (a, t) => (r(), o(_, {
             key: "option-" + a
@@ -579,3 +581,3 @@ }, [
               class: "tagItem"
-            }, _(a), 9, Ae)) : typeof a == "object" && S.value in a ? (r(), o("div", {
+            }, $(a), 9, Ae)) : typeof a == "object" && S.value in a ? (r(), o("div", {
               key: 1,
@@ -586,3 +588,3 @@ onClick: (l) => {
               class: "tagItem"
-            }, _(a[S.value]), 9, Me)) : (r(), o("div", {
+            }, $(a[S.value]), 9, Me)) : (r(), o("div", {
               key: 2,
@@ -602,3 +604,3 @@ onClick: (l) => {
 });
-const rl = /* @__PURE__ */ A(Fe, [["__scopeId", "data-v-3acd22f1"]]), We = { class: "pickerOverlay pickerWrap" }, Ee = { class: "pickerContent" }, He = { class: "pickerHeader" }, De = ["onClick"], Ke = { class: "check" }, Ue = ["checked", "id"], Pe = ["for"], qe = ["onClick"], Ge = { class: "check" }, Je = ["checked", "id"], Qe = ["for"], Xe = ["onClick"], Ye = ["onClick"], Ze = ["onClick"], el = ["onClick"], ll = { class: "pickerFooter" }, tl = { class: "tedirCategoryAdd" }, al = /* @__PURE__ */ z({
+const rl = /* @__PURE__ */ A(Fe, [["__scopeId", "data-v-3acd22f1"]]), We = { class: "pickerOverlay pickerWrap" }, Ee = { class: "pickerContent" }, He = { class: "pickerHeader" }, Ue = ["onClick"], De = { class: "check" }, Ke = ["checked", "id"], Pe = ["for"], qe = ["onClick"], Ge = { class: "check" }, Je = ["checked", "id"], Qe = ["for"], Xe = ["onClick"], Ye = ["onClick"], Ze = ["onClick"], el = ["onClick"], ll = { class: "pickerFooter" }, tl = { class: "tedirCategoryAdd" }, al = /* @__PURE__ */ z({
   __name: "CategoryBox",
@@ -612,3 +614,4 @@ props: {
     placeholder: { default: "-- Select option --" },
-    size: { default: 0 }
+    size: { default: 0 },
+    up: { type: Boolean, default: !1 }
   },
@@ -668,3 +671,3 @@ emits: ["update:modelValue", "change", "add", "search"],
     return (t, l) => (r(), o("div", {
-      class: N(["picker suggestion tedirCategory", i.value ? "active" : ""])
+      class: N(["picker suggestion tedirCategory", { active: i.value, pickerUp: u.up }])
     }, [
@@ -680,3 +683,3 @@ v("div", {
           onClick: l[0] || (l[0] = (n) => i.value = !i.value)
-        }, _(m(a)), 1),
+        }, $(m(a)), 1),
         v("div", Ee, [
@@ -697,3 +700,3 @@ v("div", He, [
           }, [
-            (r(!0), o($, null, O(m(g), (n, I) => (r(), o($, {
+            (r(!0), o(_, null, O(m(g), (n, I) => (r(), o(_, {
               key: "option-" + n
@@ -706,3 +709,3 @@ }, [
               }, [
-                v("div", Ke, [
+                v("div", De, [
                   v("input", {
@@ -714,3 +717,3 @@ type: "checkbox",
                     style: { "pointer-events": "none" }
-                  }, null, 8, Ue),
+                  }, null, 8, Ke),
                   v("label", {
@@ -720,5 +723,5 @@ class: "checkLabel",
                     style: { "pointer-events": "none" }
-                  }, _(n), 9, Pe)
+                  }, $(n), 9, Pe)
                 ])
-              ], 8, De)) : typeof n == "object" && n !== null && u.prop in n ? (r(), o("div", {
+              ], 8, Ue)) : typeof n == "object" && n !== null && u.prop in n ? (r(), o("div", {
                 key: 1,
@@ -740,3 +743,3 @@ onClick: x((T) => d(n, u.prop), ["stop"]),
                     style: { "pointer-events": "none" }
-                  }, _(n[u.prop]), 9, Qe)
+                  }, $(n[u.prop]), 9, Qe)
                 ])
@@ -759,3 +762,3 @@ ], 8, qe)) : (r(), o("div", {
           }, [
-            (r(!0), o($, null, O(m(g), (n, I) => (r(), o($, {
+            (r(!0), o(_, null, O(m(g), (n, I) => (r(), o(_, {
               key: "option-" + n
@@ -767,7 +770,7 @@ }, [
                 class: N(["pickerItem", e.value === n ? "active" : ""])
-              }, _(n), 11, Ye)) : typeof n == "object" && n !== null && u.prop in n ? (r(), o("div", {
+              }, $(n), 11, Ye)) : typeof n == "object" && n !== null && u.prop in n ? (r(), o("div", {
                 key: 1,
                 onClick: (T) => s(n),
                 class: N(["pickerItem", e.value[u.prop] === n[u.prop] || String(n[u.dataprop || u.prop]) === String(e.value) ? "active" : ""])
-              }, _(n[u.prop]), 11, Ze)) : (r(), o("div", {
+              }, $(n[u.prop]), 11, Ze)) : (r(), o("div", {
                 key: 2,
@@ -808,3 +811,3 @@ onClick: x((T) => s(n), ["stop"]),
 });
-const ol = /* @__PURE__ */ A(al, [["__scopeId", "data-v-93d03657"]]);
+const ol = /* @__PURE__ */ A(al, [["__scopeId", "data-v-9bd9abf8"]]);
 export {
@@ -811,0 +814,0 @@ ol as CategoryBox,

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

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

package.json

 {
   "name": "tedir-select",
-  "version": "0.0.1-alpha-6",
+  "version": "0.0.1-alpha-7",
   "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-emerald-2",
+    "alga-css": "^1.0.0-beta-17",
     "cypress": "^10.9.0",
@@ -51,0 +51,0 @@ "typescript": "^4.6.4",

No alert changes

Improved metrics

Total package byte prevSize

562285

increased by1.72%

Lines of code

6556

increased by0.64%

No dependency changes