tedir-select - npm Package Compare versions

Comparing version 0.0.1-iron-2 to 0.0.1-iron-3

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

@@ -1,2 +0,2 @@
-import { defineComponent as T, ref as m, watch as M, computed as A, openBlock as c, createElementBlock as n, normalizeClass as N, createElementVNode as i, normalizeStyle as V, unref as y, Fragment as h, createTextVNode as x, toDisplayString as p, renderList as O, withModifiers as _, renderSlot as L, reactive as E, withDirectives as R, withKeys as H, vModelText as W, pushScopeId as F, popScopeId as D } from "vue";
+import { defineComponent as T, ref as $, watch as M, computed as A, openBlock as c, createElementBlock as n, normalizeClass as N, createElementVNode as i, normalizeStyle as V, unref as y, Fragment as h, createTextVNode as x, toDisplayString as p, renderList as O, withModifiers as _, renderSlot as L, reactive as E, withDirectives as R, withKeys as H, vModelText as W, pushScopeId as F, popScopeId as D } from "vue";
 const K = { class: "pickerWrap" }, U = { 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__ */ T({
@@ -15,5 +15,5 @@ __name: "SelectBox",
   setup(s, { emit: g }) {
-    const f = s, e = m(f.modelValue || {}), r = m(!1), k = m(""), $ = m(null), I = m(void 0);
-    M(() => f.modelValue, () => {
-      e.value = f.modelValue;
+    const k = s, e = $(k.modelValue || {}), r = $(!1), v = $(""), m = $(null), I = $(void 0);
+    M(() => k.modelValue, () => {
+      e.value = k.modelValue;
     });
@@ -23,16 +23,16 @@ const j = () => {
         var l, t;
-        k.value = "", ((l = $.value) == null ? void 0 : l.value) && ((t = $.value) == null ? void 0 : t.value) !== "" && (k.value = $.value.value), g("search", k.value);
+        v.value = "", ((l = m.value) == null ? void 0 : l.value) && ((t = m.value) == null ? void 0 : t.value) !== "" && (v.value = m.value.value), g("search", v.value);
       }, 500);
     }, S = A(() => {
-      let l = f.options;
-      return k.value.length >= 1 && (l = l.filter((t) => {
-        if (isNaN(t) === !1 && Number(t) === Number(k.value))
+      let l = k.options;
+      return v.value.length >= 1 && (l = l.filter((t) => {
+        if (isNaN(t) === !1 && Number(t) === Number(v.value))
           return !0;
-        if (typeof t == "string" && t.toLowerCase().includes(k.value.toLowerCase()))
+        if (typeof t == "string" && t.toLowerCase().includes(v.value.toLowerCase()))
           return !0;
         if (typeof t == "object" && t !== null && Object.prototype.toString.call(t) === "[object Object]")
           for (const a of Object.keys(t)) {
-            if (isNaN(t[a]) === !1 && Number(t[a]) === Number(k.value))
+            if (isNaN(t[a]) === !1 && Number(t[a]) === Number(v.value))
               return !0;
-            if (typeof t[a] == "string" && t[a].toLowerCase().includes(k.value.toLowerCase()))
+            if (typeof t[a] == "string" && t[a].toLowerCase().includes(v.value.toLowerCase()))
               return !0;
@@ -48,7 +48,8 @@ }
     })(), d = (l) => {
-      l.target.style.display = "none", r.value = !1;
-    }, v = (l, t = "") => {
+      var t;
+      l.target.style.display = "none", r.value = !1, (t = m.value) != null && t.value && (m.value.value = "", v.value = "");
+    }, f = (l, t = "") => {
       t !== "" ? e.value.map((a) => a[t]).includes(l[t]) ? e.value.splice(e.value.findIndex((a) => a[t] === l[t]), 1) : e.value.push(l) : e.value.includes(l) ? e.value.splice(e.value.findIndex((a) => a === l), 1) : e.value.push(l), g("update:modelValue", e.value), g("change", e.value, l);
     }, o = (l) => {
-      typeof l == "object" && l !== null && String(f.datatype).toLowerCase() === "string" ? (e.value = l[String(f.dataprop || f.prop)], g("update:modelValue", String(e.value))) : (e.value = l, g("update:modelValue", e.value)), r.value = !1, g("change", e.value, l);
+      typeof l == "object" && l !== null && String(k.datatype).toLowerCase() === "string" ? (e.value = l[String(k.dataprop || k.prop)], g("update:modelValue", String(e.value))) : (e.value = l, g("update:modelValue", e.value)), r.value = !1, g("change", e.value, l);
     };
@@ -87,3 +88,3 @@ return (l, t) => (c(), n("div", {
               ref_key: "searchRef",
-              ref: $,
+              ref: m,
               onInput: j,
@@ -103,3 +104,3 @@ class: "input"
                 key: 0,
-                onClick: _((w) => v(a), ["stop"]),
+                onClick: _((w) => f(a), ["stop"]),
                 class: "pickerItem"
@@ -123,3 +124,3 @@ }, [
                 key: 1,
-                onClick: _((w) => v(a, s.prop), ["stop"]),
+                onClick: _((w) => f(a, s.prop), ["stop"]),
                 class: "pickerItem"
@@ -143,3 +144,3 @@ }, [
                 key: 2,
-                onClick: _((w) => v(a), ["stop"]),
+                onClick: _((w) => f(a), ["stop"]),
                 class: "pickerItem"
@@ -187,7 +188,7 @@ }, [
 const z = (s, g) => {
-  const f = s.__vccOpts || s;
+  const k = s.__vccOpts || s;
   for (const [e, r] of g)
-    f[e] = r;
-  return f;
-}, sl = /* @__PURE__ */ z(ue, [["__scopeId", "data-v-d6a60b70"]]), ce = { class: "pickerWrap" }, ne = { class: "pickerContent pickerSizing" }, re = ["onClick"], oe = ["onClick"], ie = ["onClick"], de = /* @__PURE__ */ T({
+    k[e] = r;
+  return k;
+}, sl = /* @__PURE__ */ z(ue, [["__scopeId", "data-v-8e66f5df"]]), ce = { class: "pickerWrap" }, ne = { class: "pickerContent pickerSizing" }, re = ["onClick"], oe = ["onClick"], ie = ["onClick"], de = /* @__PURE__ */ T({
   __name: "ComboBox",
@@ -203,4 +204,4 @@ props: {
   setup(s, { emit: g }) {
-    const f = s, e = m(!1), r = m(""), k = m(null), $ = m(void 0), I = A(() => {
-      let b = f.options;
+    const k = s, e = $(!1), r = $(""), v = $(null), m = $(void 0), I = A(() => {
+      let b = k.options;
       return r.value.length >= 1 && (b = b.filter((C) => {
@@ -221,5 +222,5 @@ if (isNaN(C) === !1 && Number(C) === Number(r.value))
     }), j = () => {
-      clearTimeout($.value), $.value = setTimeout(() => {
+      clearTimeout(m.value), m.value = setTimeout(() => {
         var b, C;
-        r.value = "", ((b = k.value) == null ? void 0 : b.value) && ((C = k.value) == null ? void 0 : C.value) !== "" && (r.value = k.value.value), g("search", r.value), I.value.length >= 1 && r.value !== "" ? e.value = !0 : e.value = !1;
+        r.value = "", ((b = v.value) == null ? void 0 : b.value) && ((C = v.value) == null ? void 0 : C.value) !== "" && (r.value = v.value.value), g("search", r.value), I.value.length >= 1 && r.value !== "" ? e.value = !0 : e.value = !1;
       }, 500);
@@ -241,3 +242,3 @@ }, S = (b) => {
           ref_key: "searchRef",
-          ref: k,
+          ref: v,
           onInput: j,
@@ -248,3 +249,3 @@ onClick: C[0] || (C[0] = (d) => y(I).length >= 1 && r.value !== "" ? e.value = !0 : e.value = !1),
         i("div", ne, [
-          (c(!0), n(h, null, O(y(I), (d, v) => (c(), n(h, {
+          (c(!0), n(h, null, O(y(I), (d, f) => (c(), n(h, {
             key: "option-" + d
@@ -291,14 +292,14 @@ }, [
   setup(s, { emit: g }) {
-    const f = s, e = m(f.modelValue || {}), r = m(""), k = m(null), $ = m(void 0);
-    M(() => f.modelValue, () => {
-      e.value = f.modelValue;
+    const k = s, e = $(k.modelValue || {}), r = $(""), v = $(null), m = $(void 0);
+    M(() => k.modelValue, () => {
+      e.value = k.modelValue;
     });
     const I = () => {
-      clearTimeout($.value), $.value = setTimeout(() => {
-        var v, o;
-        r.value = "", ((v = k.value) == null ? void 0 : v.value) && ((o = k.value) == null ? void 0 : o.value) !== "" && (r.value = k.value.value), g("search", r.value);
+      clearTimeout(m.value), m.value = setTimeout(() => {
+        var f, o;
+        r.value = "", ((f = v.value) == null ? void 0 : f.value) && ((o = v.value) == null ? void 0 : o.value) !== "" && (r.value = v.value.value), g("search", r.value);
       }, 500);
     }, j = A(() => {
-      let v = f.options;
-      return r.value.length >= 1 && (v = v.filter((o) => {
+      let f = k.options;
+      return r.value.length >= 1 && (f = f.filter((o) => {
         if (isNaN(o) === !1 && Number(o) === Number(r.value))
@@ -316,14 +317,14 @@ return !0;
         return !1;
-      })), v;
+      })), f;
     }), b = (() => {
-      let v = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", o = "";
+      let f = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", o = "";
       for (let l = 0; l < 10; l++)
-        o += v.charAt(Math.floor(Math.random() * v.length));
+        o += f.charAt(Math.floor(Math.random() * f.length));
       return o;
-    })(), C = (v, o = "") => {
-      o !== "" ? e.value.map((l) => l[o]).includes(v[o]) ? e.value.splice(e.value.findIndex((l) => l[o] === v[o]), 1) : e.value.push(v) : e.value.includes(v) ? e.value.splice(e.value.findIndex((l) => l === v), 1) : e.value.push(v), g("update:modelValue", e.value), g("change", e.value, v);
-    }, d = (v) => {
-      typeof v == "object" && v !== null && String(f.datatype).toLowerCase() === "string" ? (e.value = v[String(f.dataprop || f.prop)], g("update:modelValue", String(e.value))) : (e.value = v, g("update:modelValue", e.value)), g("change", e.value, v);
+    })(), C = (f, o = "") => {
+      o !== "" ? e.value.map((l) => l[o]).includes(f[o]) ? e.value.splice(e.value.findIndex((l) => l[o] === f[o]), 1) : e.value.push(f) : e.value.includes(f) ? e.value.splice(e.value.findIndex((l) => l === f), 1) : e.value.push(f), g("update:modelValue", e.value), g("change", e.value, f);
+    }, d = (f) => {
+      typeof f == "object" && f !== null && String(k.datatype).toLowerCase() === "string" ? (e.value = f[String(k.dataprop || k.prop)], g("update:modelValue", String(e.value))) : (e.value = f, g("update:modelValue", e.value)), g("change", e.value, f);
     };
-    return (v, o) => (c(), n("div", null, [
+    return (f, o) => (c(), n("div", null, [
       i("div", ve, [
@@ -334,3 +335,3 @@ i("div", fe, [
             ref_key: "searchRef",
-            ref: k,
+            ref: v,
             onInput: I,
@@ -391,3 +392,3 @@ class: "input"
             }, [
-              L(v.$slots, "default", {
+              L(f.$slots, "default", {
                 option: l,
@@ -419,3 +420,3 @@ selected: e.value
             }, [
-              L(v.$slots, "default", {
+              L(f.$slots, "default", {
                 option: l,
@@ -468,3 +469,3 @@ selected: e.value
   setup(s, { emit: g }) {
-    const f = s, e = m(!1), r = m(""), k = m(null), $ = E(f.modelValue || []), I = m(f.options || []), j = m(f.separator || ","), S = m(f.prop || "value"), b = A(() => {
+    const k = s, e = $(!1), r = $(""), v = $(null), m = E(k.modelValue || []), I = $(k.options || []), j = $(k.separator || ","), S = $(k.prop || "value"), b = A(() => {
       let o = I.value;
@@ -486,20 +487,20 @@ return r.value.length >= 1 && (o = o.filter((l) => {
     }), C = () => {
-      k.value.focus();
+      v.value.focus();
     }, d = (o) => {
       if (o.key !== "Enter" && b.value.length >= 1 ? e.value = !0 : e.value = !1, r.value.endsWith(j.value) || o.key === "Enter") {
         const l = r.value.replace(j.value, "");
-        $.includes(l) || ($.push(l), I.value.includes(l) && (I.value = I.value.filter((t) => typeof t == "string" && t !== l ? !0 : typeof t == "object" && S.value in t && t[S.value] !== l))), r.value = "", g("update:modelValue", $);
+        m.includes(l) || (m.push(l), I.value.includes(l) && (I.value = I.value.filter((t) => typeof t == "string" && t !== l ? !0 : typeof t == "object" && S.value in t && t[S.value] !== l))), r.value = "", g("update:modelValue", m);
       }
     };
     M(r, () => {
-      if (k.value !== null) {
+      if (v.value !== null) {
         const o = document.createElement("div");
         o.style.width = "max-content", o.style.position = "absolute", o.style.visibility = "hidden";
-        const l = r.value.length >= 2 ? r.value : k.value.getAttribute("placeholder");
+        const l = r.value.length >= 2 ? r.value : v.value.getAttribute("placeholder");
         o.innerHTML = l.replace(/ /g, "&nbsp;").trim(), document.body.appendChild(o);
         const t = Math.ceil(Number(window.getComputedStyle(o).width.replace("px", ""))) + 30;
-        k.value.style.setProperty("width", t + "px"), o.remove();
+        v.value.style.setProperty("width", t + "px"), o.remove();
       }
     });
-    const v = (o) => {
+    const f = (o) => {
       o.target.style.display = "none", e.value = !1;
@@ -513,3 +514,3 @@ };
         style: V({ display: e.value ? "block" : "none" }),
-        onClick: v
+        onClick: f
       }, null, 4),
@@ -522,3 +523,3 @@ i("div", we, [
           i("div", _e, [
-            (c(!0), n(h, null, O($, (t, a) => (c(), n("div", {
+            (c(!0), n(h, null, O(m, (t, a) => (c(), n("div", {
               key: "tag-" + a,
@@ -538,3 +539,3 @@ class: "group"
                 class: "tag groupItem",
-                onClick: (u) => $.splice(a, 1)
+                onClick: (u) => m.splice(a, 1)
               }, Be, 8, Oe)
@@ -545,3 +546,3 @@ ]))), 128)),
               ref_key: "inputRef",
-              ref: k,
+              ref: v,
               "onUpdate:modelValue": l[0] || (l[0] = (t) => r.value = t),
@@ -601,5 +602,5 @@ class: "tagInput",
   setup(s, { emit: g }) {
-    const f = s, e = m(f.modelValue || {}), r = m(!1), k = m(""), $ = m(null), I = m(void 0), j = m("");
-    M(() => f.modelValue, () => {
-      e.value = f.modelValue;
+    const k = s, e = $(k.modelValue || {}), r = $(!1), v = $(""), m = $(null), I = $(void 0), j = $("");
+    M(() => k.modelValue, () => {
+      e.value = k.modelValue;
     });
@@ -609,16 +610,16 @@ const S = () => {
         var t, a;
-        k.value = "", ((t = $.value) == null ? void 0 : t.value) && ((a = $.value) == null ? void 0 : a.value) !== "" && (k.value = $.value.value), g("search", k.value);
+        v.value = "", ((t = m.value) == null ? void 0 : t.value) && ((a = m.value) == null ? void 0 : a.value) !== "" && (v.value = m.value.value), g("search", v.value);
       }, 500);
     }, b = A(() => {
-      let t = f.options;
-      return k.value.length >= 1 && (t = t.filter((a) => {
-        if (isNaN(a) === !1 && Number(a) === Number(k.value))
+      let t = k.options;
+      return v.value.length >= 1 && (t = t.filter((a) => {
+        if (isNaN(a) === !1 && Number(a) === Number(v.value))
           return !0;
-        if (typeof a == "string" && a.toLowerCase().includes(k.value.toLowerCase()))
+        if (typeof a == "string" && a.toLowerCase().includes(v.value.toLowerCase()))
           return !0;
         if (typeof a == "object" && a !== null && Object.prototype.toString.call(a) === "[object Object]")
           for (const u of Object.keys(a)) {
-            if (isNaN(a[u]) === !1 && Number(a[u]) === Number(k.value))
+            if (isNaN(a[u]) === !1 && Number(a[u]) === Number(v.value))
               return !0;
-            if (typeof a[u] == "string" && a[u].toLowerCase().includes(k.value.toLowerCase()))
+            if (typeof a[u] == "string" && a[u].toLowerCase().includes(v.value.toLowerCase()))
               return !0;
@@ -633,8 +634,9 @@ }
       return u;
-    })(), v = (t) => {
-      t.target.style.display = "none", r.value = !1;
+    })(), f = (t) => {
+      var a;
+      t.target.style.display = "none", r.value = !1, (a = m.value) != null && a.value && (m.value.value = "", v.value = "");
     }, o = (t, a = "") => {
       a !== "" ? e.value.map((u) => u[a]).includes(t[a]) ? e.value.splice(e.value.findIndex((u) => u[a] === t[a]), 1) : e.value.push(t) : e.value.includes(t) ? e.value.splice(e.value.findIndex((u) => u === t), 1) : e.value.push(t), g("update:modelValue", e.value), g("change", e.value, t);
     }, l = (t) => {
-      typeof t == "object" && t !== null && String(f.datatype).toLowerCase() === "string" ? (e.value = t[String(f.dataprop || f.prop)], g("update:modelValue", String(e.value))) : (e.value = t, g("update:modelValue", e.value)), r.value = !1, g("change", e.value, t);
+      typeof t == "object" && t !== null && String(k.datatype).toLowerCase() === "string" ? (e.value = t[String(k.dataprop || k.prop)], g("update:modelValue", String(e.value))) : (e.value = t, g("update:modelValue", e.value)), r.value = !1, g("change", e.value, t);
     };
@@ -647,3 +649,3 @@ return (t, a) => (c(), n("div", {
         style: V({ display: r.value ? "block" : "none" }),
-        onClick: v
+        onClick: f
       }, null, 4),
@@ -674,3 +676,3 @@ i("div", We, [
               ref_key: "searchRef",
-              ref: $,
+              ref: m,
               onInput: S,
@@ -789,3 +791,3 @@ class: "input"
 });
-const rl = /* @__PURE__ */ z(tl, [["__scopeId", "data-v-ed7f3f43"]]);
+const rl = /* @__PURE__ */ z(tl, [["__scopeId", "data-v-880af2a6"]]);
 export {
@@ -792,0 +794,0 @@ rl as CategoryBox,

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

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

package.json

 {
   "name": "tedir-select",
-  "version": "0.0.1-iron-2",
+  "version": "0.0.1-iron-3",
   "description": "Tedir Select is a Vue 3 & Web Component Custom SelectBox, ListBox, Taggable, etc.",
@@ -5,0 +5,0 @@ "main": "dist/vue/tedir-select-vue.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

550833

increased by0.11%

Lines of code

6490

increased by0.08%

No dependency changes