New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

tedir-select

Package Overview
Dependencies
Maintainers
1
Versions
43
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tedir-select - npm Package Compare versions

Comparing version 0.0.1-beta-5 to 0.0.1-beta-6

634

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

@@ -1,2 +0,2 @@

import { defineComponent as T, ref as b, watch as R, computed as B, openBlock as o, createElementBlock as i, normalizeClass as w, createElementVNode as f, normalizeStyle as x, toDisplayString as m, unref as S, withDirectives as M, withModifiers as _, vShow as W, Fragment as N, renderList as O, renderSlot as L, reactive as H, createTextVNode as F, withKeys as U, vModelText as E, pushScopeId as D, popScopeId as K } from "vue";
import { defineComponent as T, ref as b, watch as R, computed as A, openBlock as r, createElementBlock as o, normalizeClass as j, createElementVNode as v, normalizeStyle as O, toDisplayString as m, unref as S, withDirectives as M, withModifiers as V, vShow as W, Fragment as N, renderList as L, renderSlot as B, reactive as H, createTextVNode as F, withKeys as U, vModelText as E, pushScopeId as D, popScopeId as K } from "vue";
const P = { class: "pickerWrap" }, q = { class: "pickerContent" }, G = { class: "pickerHeader" }, J = ["onClick"], Q = { class: "check" }, X = ["checked", "id"], Y = ["for"], Z = ["onClick"], ee = { class: "check" }, le = ["checked", "id"], te = ["for"], ae = ["onClick"], se = ["onClick"], ue = ["onClick"], ce = ["onClick"], ne = /* @__PURE__ */ T({

@@ -18,82 +18,84 @@ __name: "SelectBox",

setup(s, { emit: k }) {
const c = s, e = b(c.modelValue || {}), d = b(!1), h = b(""), g = b(null), j = b(void 0);
const c = s, e = b(c.modelValue || {}), i = b(!1), h = b(""), g = b(null), I = b(void 0);
R(() => c.modelValue, () => {
e.value = c.modelValue;
});
const I = () => {
clearTimeout(j.value), j.value = setTimeout(() => {
var a, t;
h.value = "", ((a = g.value) == null ? void 0 : a.value) && ((t = g.value) == null ? void 0 : t.value) !== "" && (h.value = g.value.value), k("search", h.value);
const _ = () => {
clearTimeout(I.value), I.value = setTimeout(() => {
var t, a;
h.value = "", ((t = g.value) == null ? void 0 : t.value) && ((a = g.value) == null ? void 0 : a.value) !== "" && (h.value = g.value.value), k("search", h.value);
}, 500);
}, C = B(() => {
let a = c.options;
return h.value.length >= 1 && (a = a.filter((t) => {
if (isNaN(t) === !1 && Number(t) === Number(h.value))
}, C = A(() => {
let t = c.options;
return h.value.length >= 1 && (t = t.filter((a) => {
if (isNaN(a) === !1 && Number(a) === Number(h.value))
return !0;
if (typeof t == "string" && t.toLowerCase().includes(h.value.toLowerCase()))
if (typeof a == "string" && a.toLowerCase().includes(h.value.toLowerCase()))
return !0;
if (typeof t == "object" && t !== null && Object.prototype.toString.call(t) === "[object Object]")
for (const l of Object.keys(t)) {
if (isNaN(t[l]) === !1 && Number(t[l]) === Number(h.value))
if (typeof a == "object" && a !== null && Object.prototype.toString.call(a) === "[object Object]")
for (const l of Object.keys(a)) {
if (isNaN(a[l]) === !1 && Number(a[l]) === Number(h.value))
return !0;
if (typeof t[l] == "string" && t[l].toLowerCase().includes(h.value.toLowerCase()))
if (typeof a[l] == "string" && a[l].toLowerCase().includes(h.value.toLowerCase()))
return !0;
}
return !1;
})), a;
}), y = ((a = 10) => {
let t = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", l = "";
for (let r = 0; r < a; r++)
l += t.charAt(Math.floor(Math.random() * t.length));
})), t;
}), y = ((t = 10) => {
let a = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", l = "";
for (let w = 0; w < t; w++)
l += a.charAt(Math.floor(Math.random() * a.length));
return l;
})(), p = (a) => {
var t;
a.target.style.display = "none", d.value = !1, (t = g.value) != null && t.value && (g.value.value = "", h.value = "");
}, n = (a, t = "") => {
t !== "" ? e.value.map((l) => l[t]).includes(a[t]) ? e.value.splice(e.value.findIndex((l) => l[t] === a[t]), 1) : e.value.push(a) : e.value.includes(a) ? e.value.splice(e.value.findIndex((l) => l === a), 1) : e.value.push(a), k("update:modelValue", e.value), k("change", e.value, a);
}, v = (a) => {
typeof a == "object" && a !== null && String(c.datatype).toLowerCase() === "string" ? (e.value = a[String(c.dataprop || c.prop)], k("update:modelValue", String(e.value))) : typeof a == "object" && a !== null && String(c.datatype).toLowerCase() === "number" ? (e.value = a[String(c.dataprop || c.prop)], k("update:modelValue", Number(e.value))) : (e.value = a, k("update:modelValue", e.value)), d.value = !1, k("change", e.value, a);
}, u = B(() => {
let a = (c == null ? void 0 : c.placeholder) || "-- Select option --";
})(), p = (t) => {
var a;
t.target.style.display = "none", i.value = !1, (a = g.value) != null && a.value && (g.value.value = "", h.value = "");
}, n = (t) => {
e.value = t, k("update:modelValue", e.value), k("change", e.value, t), i.value = !1;
}, d = (t, a = "") => {
a !== "" ? e.value.map((l) => l[a]).includes(t[a]) ? e.value.splice(e.value.findIndex((l) => l[a] === t[a]), 1) : e.value.push(t) : e.value.includes(t) ? e.value.splice(e.value.findIndex((l) => l === t), 1) : e.value.push(t), k("update:modelValue", e.value), k("change", e.value, t);
}, u = (t) => {
typeof t == "object" && t !== null && String(c.datatype).toLowerCase() === "string" ? (e.value = t[String(c.dataprop || c.prop)], k("update:modelValue", String(e.value))) : typeof t == "object" && t !== null && String(c.datatype).toLowerCase() === "number" ? (e.value = t[String(c.dataprop || c.prop)], k("update:modelValue", Number(e.value))) : (e.value = t, k("update:modelValue", e.value)), i.value = !1, k("change", e.value, t);
}, f = A(() => {
let t = (c == null ? void 0 : c.placeholder) || "-- Select option --";
if (C.value.length >= 1)
if (typeof e.value == "number") {
let t = C.value.filter((l) => Number(l[String(c.dataprop || c.prop)]) === Number(e.value));
typeof C.value[0] == "object" && t.length >= 1 ? a = t[0][String(c.prop)] : typeof C.value[0] == "number" && (a = e.value);
let a = C.value.filter((l) => Number(l[String(c.dataprop || c.prop)]) === Number(e.value));
typeof C.value[0] == "object" && a.length >= 1 ? t = a[0][String(c.prop)] : typeof C.value[0] == "number" && (t = e.value);
} else if (typeof e.value == "string") {
let t = C.value.filter((l) => String(l[String(c.dataprop || c.prop)]) === e.value);
typeof C.value[0] == "object" && t.length >= 1 ? a = t[0][String(c.prop)] : typeof C.value[0] == "string" && e.value !== "" && (a = e.value);
let a = C.value.filter((l) => String(l[String(c.dataprop || c.prop)]) === e.value);
typeof C.value[0] == "object" && a.length >= 1 ? t = a[0][String(c.prop)] : typeof C.value[0] == "string" && e.value !== "" && (t = e.value);
} else
typeof e.value == "object" && (Array.isArray(e.value) && e.value.length >= 1 ? typeof e.value[0] == "object" && String(c.prop) in e.value[0] ? a = e.value.map((t) => t[String(c.prop)]).join(", ") : a = e.value.join(", ") : e.value !== null && String(c.prop) in e.value && (a = e.value[String(c.prop)]));
return a;
typeof e.value == "object" && (Array.isArray(e.value) && e.value.length >= 1 ? typeof e.value[0] == "object" && String(c.prop) in e.value[0] ? t = e.value.map((a) => a[String(c.prop)]).join(", ") : t = e.value.join(", ") : e.value !== null && String(c.prop) in e.value && (t = e.value[String(c.prop)]));
return t;
});
return (a, t) => (o(), i("div", {
class: w(["picker suggestion", { active: d.value, pickerUp: s.up }])
return (t, a) => (r(), o("div", {
class: j(["picker suggestion", { active: i.value, pickerUp: s.up }])
}, [
f("div", {
v("div", {
class: "pickerBackdrop",
style: x({ display: d.value ? "block" : "none" }),
style: O({ display: i.value ? "block" : "none" }),
onClick: p
}, null, 4),
f("div", P, [
f("div", {
v("div", P, [
v("div", {
class: "select pickerToggler",
onClick: t[0] || (t[0] = (l) => d.value = !d.value)
}, m(S(u)), 1),
f("div", q, [
f("div", G, [
f("input", {
onClick: a[0] || (a[0] = (l) => i.value = !i.value)
}, m(S(f)), 1),
v("div", q, [
v("div", G, [
v("input", {
type: "search",
ref_key: "searchRef",
ref: g,
onInput: I,
onInput: _,
class: "input"
}, null, 544)
]),
Array.isArray(e.value) ? (o(), i("div", {
Array.isArray(e.value) ? (r(), o("div", {
key: 0,
class: "pickerMenu",
style: x({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
style: O({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
}, [
M(f("div", {
onClick: t[1] || (t[1] = _((l) => n(typeof s.modelValue == "object" ? Array.isArray(s.modelValue) ? [] : {} : isNaN(s.modelValue) === !1 ? 0 : ""), ["stop"])),
M(v("div", {
onClick: a[1] || (a[1] = V((l) => n(typeof s.modelValue == "object" ? Array.isArray(s.modelValue) ? [] : {} : ""), ["stop"])),
class: "pickerItem"

@@ -103,49 +105,49 @@ }, m(s.placeholder || "-- Select Option --"), 513), [

]),
(o(!0), i(N, null, O(S(C), (l, r) => (o(), i(N, {
(r(!0), o(N, null, L(S(C), (l, w) => (r(), o(N, {
key: "option-" + l
}, [
typeof l == "string" && s.type !== "slot" ? (o(), i("div", {
typeof l == "string" && s.type !== "slot" ? (r(), o("div", {
key: 0,
onClick: _((V) => n(l), ["stop"]),
onClick: V((x) => d(l), ["stop"]),
class: "pickerItem"
}, [
f("div", Q, [
f("input", {
v("div", Q, [
v("input", {
type: "checkbox",
class: "checkInput",
checked: e.value.includes(l),
id: "check-" + (S(y) + String(r)),
id: "check-" + (S(y) + String(w)),
style: { "pointer-events": "none" }
}, null, 8, X),
f("label", {
v("label", {
class: "checkLabel",
for: "check-" + (S(y) + String(r)),
for: "check-" + (S(y) + String(w)),
style: { "pointer-events": "none" }
}, m(l), 9, Y)
])
], 8, J)) : typeof l == "object" && l !== null && s.prop in l && s.type !== "slot" ? (o(), i("div", {
], 8, J)) : typeof l == "object" && l !== null && s.prop in l && s.type !== "slot" ? (r(), o("div", {
key: 1,
onClick: _((V) => n(l, s.prop), ["stop"]),
onClick: V((x) => d(l, s.prop), ["stop"]),
class: "pickerItem"
}, [
f("div", ee, [
f("input", {
v("div", ee, [
v("input", {
type: "checkbox",
class: "checkInput",
checked: e.value.includes(l),
id: "check-" + (S(y) + String(r)),
id: "check-" + (S(y) + String(w)),
style: { "pointer-events": "none" }
}, null, 8, le),
f("label", {
v("label", {
class: "checkLabel",
for: "check-" + (S(y) + String(r)),
for: "check-" + (S(y) + String(w)),
style: { "pointer-events": "none" }
}, m(l[s.prop]), 9, te)
])
], 8, Z)) : (o(), i("div", {
], 8, Z)) : (r(), o("div", {
key: 2,
onClick: _((V) => n(l), ["stop"]),
onClick: V((x) => d(l), ["stop"]),
class: "pickerItem"
}, [
L(a.$slots, "default", {
B(t.$slots, "default", {
option: l,

@@ -156,9 +158,9 @@ selected: e.value

], 64))), 128))
], 4)) : (o(), i("div", {
], 4)) : (r(), o("div", {
key: 1,
class: "pickerMenu",
style: x({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
style: O({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
}, [
M(f("div", {
onClick: t[2] || (t[2] = _((l) => n(typeof s.modelValue == "object" ? Array.isArray(s.modelValue) ? [] : {} : isNaN(s.modelValue) === !1 ? 0 : ""), ["stop"])),
M(v("div", {
onClick: a[2] || (a[2] = V((l) => n(typeof s.modelValue == "object" ? Array.isArray(s.modelValue) ? [] : {} : ""), ["stop"])),
class: "pickerItem"

@@ -168,19 +170,19 @@ }, m(s.placeholder || "-- Select Option --"), 513), [

]),
(o(!0), i(N, null, O(S(C), (l, r) => (o(), i(N, {
(r(!0), o(N, null, L(S(C), (l, w) => (r(), o(N, {
key: "option-" + l
}, [
typeof l == "string" && s.type !== "slot" ? (o(), i("div", {
typeof l == "string" && s.type !== "slot" ? (r(), o("div", {
key: 0,
onClick: (V) => v(l),
class: w(["pickerItem", e.value === l ? "active" : ""])
}, m(l), 11, se)) : typeof l == "object" && l !== null && s.prop in l && s.type !== "slot" ? (o(), i("div", {
onClick: (x) => u(l),
class: j(["pickerItem", e.value === l ? "active" : ""])
}, m(l), 11, se)) : typeof l == "object" && l !== null && s.prop in l && s.type !== "slot" ? (r(), o("div", {
key: 1,
onClick: (V) => v(l),
class: w(["pickerItem", e.value[s.prop] === l[s.prop] || String(l[s.dataprop || s.prop]) === String(e.value) ? "active" : ""])
}, m(l[s.prop]), 11, ue)) : (o(), i("div", {
onClick: (x) => u(l),
class: j(["pickerItem", e.value[s.prop] === l[s.prop] || String(l[s.dataprop || s.prop]) === String(e.value) ? "active" : ""])
}, m(l[s.prop]), 11, ue)) : (r(), o("div", {
key: 2,
onClick: _((V) => v(l), ["stop"]),
class: w(["pickerItem", e.value === l ? "active" : ""])
onClick: V((x) => u(l), ["stop"]),
class: j(["pickerItem", e.value === l ? "active" : ""])
}, [
L(a.$slots, "default", {
B(t.$slots, "default", {
option: l,

@@ -199,6 +201,6 @@ selected: e.value

const c = s.__vccOpts || s;
for (const [e, d] of k)
c[e] = d;
for (const [e, i] of k)
c[e] = i;
return c;
}, cl = /* @__PURE__ */ z(ne, [["__scopeId", "data-v-5881f731"]]), re = { class: "pickerWrap" }, oe = { class: "pickerContent pickerSizing" }, ie = ["onClick"], de = ["onClick"], ve = ["onClick"], fe = /* @__PURE__ */ T({
}, cl = /* @__PURE__ */ z(ne, [["__scopeId", "data-v-eef682a4"]]), re = { class: "pickerWrap" }, oe = { class: "pickerContent pickerSizing" }, ie = ["onClick"], de = ["onClick"], ve = ["onClick"], fe = /* @__PURE__ */ T({
__name: "ComboBox",

@@ -218,14 +220,14 @@ props: {

setup(s, { emit: k }) {
const c = s, e = b(!1), d = b(""), h = b(null), g = b(void 0), j = B(() => {
const c = s, e = b(!1), i = b(""), h = b(null), g = b(void 0), I = A(() => {
let y = c.options;
return d.value.length >= 1 && c.serverSearch !== !0 && (y = y.filter((p) => {
if (isNaN(p) === !1 && Number(p) === Number(d.value))
return i.value.length >= 1 && c.serverSearch !== !0 && (y = y.filter((p) => {
if (isNaN(p) === !1 && Number(p) === Number(i.value))
return !0;
if (typeof p == "string" && p.toLowerCase().includes(d.value.toLowerCase()))
if (typeof p == "string" && p.toLowerCase().includes(i.value.toLowerCase()))
return !0;
if (typeof p == "object" && p !== null && Object.prototype.toString.call(p) === "[object Object]")
for (const n of Object.keys(p)) {
if (isNaN(p[n]) === !1 && Number(p[n]) === Number(d.value))
if (isNaN(p[n]) === !1 && Number(p[n]) === Number(i.value))
return !0;
if (typeof p[n] == "string" && p[n].toLowerCase().includes(d.value.toLowerCase()))
if (typeof p[n] == "string" && p[n].toLowerCase().includes(i.value.toLowerCase()))
return !0;

@@ -235,22 +237,22 @@ }

})), y;
}), I = () => {
}), _ = () => {
clearTimeout(g.value), g.value = setTimeout(() => {
var y, p;
d.value = "", ((y = h.value) == null ? void 0 : y.value) && ((p = h.value) == null ? void 0 : p.value) !== "" && (d.value = h.value.value), k("search", d.value), j.value.length >= 1 && d.value !== "" || c.serverSearch == !0 ? e.value = !0 : e.value = !1;
i.value = "", ((y = h.value) == null ? void 0 : y.value) && ((p = h.value) == null ? void 0 : p.value) !== "" && (i.value = h.value.value), k("search", i.value), I.value.length >= 1 && i.value !== "" || c.serverSearch == !0 ? e.value = !0 : e.value = !1;
}, 500);
}, C = (y, p) => {
(typeof y == "string" || isNaN(y) === !1) && (d.value = y, h.value.value = y), c.emptySearch == !0 && (d.value = "", h.value.value = "", k("search", d.value)), k("update:modelValue", p), k("change", y, p), e.value = !1;
(typeof y == "string" || isNaN(y) === !1) && (i.value = y, h.value.value = y), c.emptySearch == !0 && (i.value = "", h.value.value = "", k("search", i.value)), k("update:modelValue", p), k("change", y, p), e.value = !1;
}, $ = (y) => {
y.target.style.display = "none", e.value = !1;
};
return (y, p) => (o(), i("div", {
class: w(["picker suggestion", { active: e.value, pickerUp: s.up }])
return (y, p) => (r(), o("div", {
class: j(["picker suggestion", { active: e.value, pickerUp: s.up }])
}, [
f("div", {
v("div", {
class: "pickerBackdrop",
style: x({ display: e.value ? "block" : "none" }),
style: O({ display: e.value ? "block" : "none" }),
onClick: $
}, null, 4),
f("div", re, [
s.select ? (o(), i("input", {
v("div", re, [
s.select ? (r(), o("input", {
key: 0,

@@ -260,6 +262,6 @@ type: "search",

ref: h,
onInput: I,
onInput: _,
onClick: p[0] || (p[0] = (n) => e.value = !0),
class: "select"
}, null, 544)) : (o(), i("input", {
}, null, 544)) : (r(), o("input", {
key: 1,

@@ -269,24 +271,24 @@ type: "search",

ref: h,
onInput: I,
onClick: p[1] || (p[1] = (n) => S(j).length >= 1 && d.value !== "" ? e.value = !0 : e.value = !1),
onInput: _,
onClick: p[1] || (p[1] = (n) => S(I).length >= 1 && i.value !== "" ? e.value = !0 : e.value = !1),
class: "input"
}, null, 544)),
f("div", oe, [
(o(!0), i(N, null, O(S(j), (n, v) => (o(), i(N, {
v("div", oe, [
(r(!0), o(N, null, L(S(I), (n, d) => (r(), o(N, {
key: "option-" + n
}, [
typeof n == "string" ? (o(), i("div", {
typeof n == "string" ? (r(), o("div", {
key: 0,
onClick: (u) => C(n, n),
class: w(["pickerItem", s.modelValue === n ? "active" : ""])
}, m(n), 11, ie)) : typeof n == "object" && s.prop in n ? (o(), i("div", {
class: j(["pickerItem", s.modelValue === n ? "active" : ""])
}, m(n), 11, ie)) : typeof n == "object" && s.prop in n ? (r(), o("div", {
key: 1,
onClick: (u) => C(n[s.prop], n),
class: w(["pickerItem", s.modelValue[s.prop] === n[s.prop] ? "active" : ""])
}, m(n[s.prop]), 11, de)) : (o(), i("div", {
class: j(["pickerItem", s.modelValue[s.prop] === n[s.prop] ? "active" : ""])
}, m(n[s.prop]), 11, de)) : (r(), o("div", {
key: 2,
onClick: (u) => C(n, n),
class: w(["pickerItem", s.modelValue === n ? "active" : ""])
class: j(["pickerItem", s.modelValue === n ? "active" : ""])
}, [
L(y.$slots, "default", { option: n }, void 0, !0)
B(y.$slots, "default", { option: n }, void 0, !0)
], 10, ve))

@@ -299,3 +301,3 @@ ], 64))), 128))

});
const nl = /* @__PURE__ */ z(fe, [["__scopeId", "data-v-cd73ec9f"]]), pe = { class: "list" }, he = { class: "listHeader" }, ke = ["onClick"], ye = { class: "check" }, ge = ["checked", "id"], be = ["for"], Ce = ["onClick"], me = { class: "check" }, Se = ["checked", "id"], $e = ["for"], Ne = ["onClick"], we = ["onClick"], je = ["onClick"], Ie = ["onClick"], Ve = /* @__PURE__ */ T({
const nl = /* @__PURE__ */ z(fe, [["__scopeId", "data-v-cd73ec9f"]]), pe = { class: "list" }, he = { class: "listHeader" }, ke = ["onClick"], ye = { class: "check" }, ge = ["checked", "id"], be = ["for"], Ce = ["onClick"], me = { class: "check" }, Se = ["checked", "id"], $e = ["for"], Ne = ["onClick"], we = ["onClick"], je = ["onClick"], Ie = ["onClick"], _e = /* @__PURE__ */ T({
__name: "ListBox",

@@ -312,23 +314,23 @@ props: {

setup(s, { emit: k }) {
const c = s, e = b(c.modelValue || {}), d = b(""), h = b(null), g = b(void 0);
const c = s, e = b(c.modelValue || {}), i = b(""), h = b(null), g = b(void 0);
R(() => c.modelValue, () => {
e.value = c.modelValue;
});
const j = () => {
const I = () => {
clearTimeout(g.value), g.value = setTimeout(() => {
var n, v;
d.value = "", ((n = h.value) == null ? void 0 : n.value) && ((v = h.value) == null ? void 0 : v.value) !== "" && (d.value = h.value.value), k("search", d.value);
var n, d;
i.value = "", ((n = h.value) == null ? void 0 : n.value) && ((d = h.value) == null ? void 0 : d.value) !== "" && (i.value = h.value.value), k("search", i.value);
}, 500);
}, I = B(() => {
}, _ = A(() => {
let n = c.options;
return d.value.length >= 1 && (n = n.filter((v) => {
if (isNaN(v) === !1 && Number(v) === Number(d.value))
return i.value.length >= 1 && (n = n.filter((d) => {
if (isNaN(d) === !1 && Number(d) === Number(i.value))
return !0;
if (typeof v == "string" && v.toLowerCase().includes(d.value.toLowerCase()))
if (typeof d == "string" && d.toLowerCase().includes(i.value.toLowerCase()))
return !0;
if (typeof v == "object" && v !== null && Object.prototype.toString.call(v) === "[object Object]")
for (const u of Object.keys(v)) {
if (isNaN(v[u]) === !1 && Number(v[u]) === Number(d.value))
if (typeof d == "object" && d !== null && Object.prototype.toString.call(d) === "[object Object]")
for (const u of Object.keys(d)) {
if (isNaN(d[u]) === !1 && Number(d[u]) === Number(i.value))
return !0;
if (typeof v[u] == "string" && v[u].toLowerCase().includes(d.value.toLowerCase()))
if (typeof d[u] == "string" && d[u].toLowerCase().includes(i.value.toLowerCase()))
return !0;

@@ -339,74 +341,74 @@ }

}), $ = (() => {
let n = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", v = "";
let n = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", d = "";
for (let u = 0; u < 10; u++)
v += n.charAt(Math.floor(Math.random() * n.length));
return v;
})(), y = (n, v = "") => {
v !== "" ? e.value.map((u) => u[v]).includes(n[v]) ? e.value.splice(e.value.findIndex((u) => u[v] === n[v]), 1) : e.value.push(n) : e.value.includes(n) ? e.value.splice(e.value.findIndex((u) => u === n), 1) : e.value.push(n), k("update:modelValue", e.value), k("change", e.value, n);
d += n.charAt(Math.floor(Math.random() * n.length));
return d;
})(), y = (n, d = "") => {
d !== "" ? e.value.map((u) => u[d]).includes(n[d]) ? e.value.splice(e.value.findIndex((u) => u[d] === n[d]), 1) : e.value.push(n) : e.value.includes(n) ? e.value.splice(e.value.findIndex((u) => u === n), 1) : e.value.push(n), k("update:modelValue", e.value), k("change", e.value, n);
}, p = (n) => {
typeof n == "object" && n !== null && String(c.datatype).toLowerCase() === "string" ? (e.value = n[String(c.dataprop || c.prop)], k("update:modelValue", String(e.value))) : typeof n == "object" && n !== null && String(c.datatype).toLowerCase() === "number" ? (e.value = n[String(c.dataprop || c.prop)], k("update:modelValue", Number(e.value))) : (e.value = n, k("update:modelValue", e.value)), k("change", e.value, n);
};
return (n, v) => (o(), i("div", null, [
f("div", pe, [
f("div", he, [
f("input", {
return (n, d) => (r(), o("div", null, [
v("div", pe, [
v("div", he, [
v("input", {
type: "search",
ref_key: "searchRef",
ref: h,
onInput: j,
onInput: I,
class: "input"
}, null, 544)
]),
Array.isArray(s.modelValue) ? (o(), i("div", {
Array.isArray(s.modelValue) ? (r(), o("div", {
key: 0,
class: "listMenu",
style: x({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 44 + "px" : "auto" })
style: O({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 44 + "px" : "auto" })
}, [
(o(!0), i(N, null, O(S(I), (u, a) => (o(), i(N, {
(r(!0), o(N, null, L(S(_), (u, f) => (r(), o(N, {
key: "option-" + u
}, [
typeof u == "string" ? (o(), i("div", {
typeof u == "string" ? (r(), o("div", {
key: 0,
onClick: _((t) => y(u), ["stop"]),
onClick: V((t) => y(u), ["stop"]),
class: "listItem"
}, [
f("div", ye, [
f("input", {
v("div", ye, [
v("input", {
type: "checkbox",
class: "checkInput",
checked: e.value.includes(u),
id: "check-" + (S($) + String(a)),
id: "check-" + (S($) + String(f)),
style: { "pointer-events": "none" }
}, null, 8, ge),
f("label", {
v("label", {
class: "checkLabel",
for: "check-" + (S($) + String(a)),
for: "check-" + (S($) + String(f)),
style: { "pointer-events": "none" }
}, m(u), 9, be)
])
], 8, ke)) : typeof u == "object" && s.prop in u ? (o(), i("div", {
], 8, ke)) : typeof u == "object" && s.prop in u ? (r(), o("div", {
key: 1,
onClick: _((t) => y(u, s.prop), ["stop"]),
onClick: V((t) => y(u, s.prop), ["stop"]),
class: "listItem"
}, [
f("div", me, [
f("input", {
v("div", me, [
v("input", {
type: "checkbox",
class: "checkInput",
checked: e.value.includes(u),
id: "check-" + (S($) + String(a)),
id: "check-" + (S($) + String(f)),
style: { "pointer-events": "none" }
}, null, 8, Se),
f("label", {
v("label", {
class: "checkLabel",
for: "check-" + (S($) + String(a)),
for: "check-" + (S($) + String(f)),
style: { "pointer-events": "none" }
}, m(u[s.prop]), 9, $e)
])
], 8, Ce)) : (o(), i("div", {
], 8, Ce)) : (r(), o("div", {
key: 2,
onClick: _((t) => y(u), ["stop"]),
class: w(["listItem", e.value.includes(u) ? "active" : ""])
onClick: V((t) => y(u), ["stop"]),
class: j(["listItem", e.value.includes(u) ? "active" : ""])
}, [
L(n.$slots, "default", {
B(n.$slots, "default", {
option: u,

@@ -417,24 +419,24 @@ selected: e.value

], 64))), 128))
], 4)) : (o(), i("div", {
], 4)) : (r(), o("div", {
key: 1,
class: "listMenu",
style: x({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 44 + "px" : "auto" })
style: O({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 44 + "px" : "auto" })
}, [
(o(!0), i(N, null, O(S(I), (u, a) => (o(), i(N, {
(r(!0), o(N, null, L(S(_), (u, f) => (r(), o(N, {
key: "option-" + u
}, [
typeof u == "string" ? (o(), i("div", {
typeof u == "string" ? (r(), o("div", {
key: 0,
onClick: (t) => p(u),
class: w(["listItem", e.value === u ? "active" : ""])
}, m(u), 11, we)) : typeof u == "object" && s.prop in u ? (o(), i("div", {
class: j(["listItem", e.value === u ? "active" : ""])
}, m(u), 11, we)) : typeof u == "object" && s.prop in u ? (r(), o("div", {
key: 1,
onClick: (t) => p(u),
class: w(["listItem", e.value[s.prop] === u[s.prop] || String(u[s.dataprop || s.prop]) === String(e.value) ? "active" : ""])
}, m(u[s.prop]), 11, je)) : (o(), i("div", {
class: j(["listItem", e.value[s.prop] === u[s.prop] || String(u[s.dataprop || s.prop]) === String(e.value) ? "active" : ""])
}, m(u[s.prop]), 11, je)) : (r(), o("div", {
key: 2,
onClick: _((t) => p(u), ["stop"]),
class: w(["listItem", e.value === u ? "active" : ""])
onClick: V((t) => p(u), ["stop"]),
class: j(["listItem", e.value === u ? "active" : ""])
}, [
L(n.$slots, "default", {
B(n.$slots, "default", {
option: u,

@@ -450,3 +452,3 @@ selected: e.value

});
const rl = /* @__PURE__ */ z(Ve, [["__scopeId", "data-v-d7fed8bc"]]), _e = (s) => (D("data-v-3acd22f1"), s = s(), K(), s), xe = { class: "tagWrap" }, Oe = { class: "tags" }, Le = { class: "tag groupItem" }, Be = ["onClick"], Ae = /* @__PURE__ */ _e(() => /* @__PURE__ */ f("svg", {
const rl = /* @__PURE__ */ z(_e, [["__scopeId", "data-v-d7fed8bc"]]), Ve = (s) => (D("data-v-3acd22f1"), s = s(), K(), s), xe = { class: "tagWrap" }, Oe = { class: "tags" }, Le = { class: "tag groupItem" }, Be = ["onClick"], Ae = /* @__PURE__ */ Ve(() => /* @__PURE__ */ v("svg", {
xmlns: "http://www.w3.org/2000/svg",

@@ -462,3 +464,3 @@ width: "16",

}, [
/* @__PURE__ */ f("line", {
/* @__PURE__ */ v("line", {
x1: "18",

@@ -469,3 +471,3 @@ y1: "6",

}),
/* @__PURE__ */ f("line", {
/* @__PURE__ */ v("line", {
x1: "6",

@@ -490,109 +492,109 @@ y1: "6",

setup(s, { emit: k }) {
const c = s, e = b(!1), d = b(""), h = b(null), g = H(c.modelValue || []), j = b(c.options || []), I = b(c.separator || ","), C = b(c.prop || "value"), $ = B(() => {
let v = j.value;
return d.value.length >= 1 && (v = v.filter((u) => {
if (isNaN(u) === !1 && Number(u) === Number(d.value))
const c = s, e = b(!1), i = b(""), h = b(null), g = H(c.modelValue || []), I = b(c.options || []), _ = b(c.separator || ","), C = b(c.prop || "value"), $ = A(() => {
let d = I.value;
return i.value.length >= 1 && (d = d.filter((u) => {
if (isNaN(u) === !1 && Number(u) === Number(i.value))
return !0;
if (typeof u == "string" && u.toLowerCase().includes(d.value.toLowerCase()))
if (typeof u == "string" && u.toLowerCase().includes(i.value.toLowerCase()))
return !0;
if (typeof u == "object" && u !== null && Object.prototype.toString.call(u) === "[object Object]")
for (const a of Object.keys(u)) {
if (isNaN(u[a]) === !1 && Number(u[a]) === Number(d.value))
for (const f of Object.keys(u)) {
if (isNaN(u[f]) === !1 && Number(u[f]) === Number(i.value))
return !0;
if (typeof u[a] == "string" && u[a].toLowerCase().includes(d.value.toLowerCase()))
if (typeof u[f] == "string" && u[f].toLowerCase().includes(i.value.toLowerCase()))
return !0;
}
return !1;
})), v;
})), d;
}), y = () => {
h.value.focus();
}, p = (v) => {
if (v.key !== "Enter" && $.value.length >= 1 ? e.value = !0 : e.value = !1, d.value.endsWith(I.value) || v.key === "Enter") {
const u = d.value.replace(I.value, "");
g.includes(u) || (g.push(u), j.value.includes(u) && (j.value = j.value.filter((a) => typeof a == "string" && a !== u ? !0 : typeof a == "object" && C.value in a && a[C.value] !== u))), d.value = "", k("update:modelValue", g);
}, p = (d) => {
if (d.key !== "Enter" && $.value.length >= 1 ? e.value = !0 : e.value = !1, i.value.endsWith(_.value) || d.key === "Enter") {
const u = i.value.replace(_.value, "");
g.includes(u) || (g.push(u), I.value.includes(u) && (I.value = I.value.filter((f) => typeof f == "string" && f !== u ? !0 : typeof f == "object" && C.value in f && f[C.value] !== u))), i.value = "", k("update:modelValue", g);
}
};
R(d, () => {
R(i, () => {
if (h.value !== null) {
const v = document.createElement("div");
v.style.width = "max-content", v.style.position = "absolute", v.style.visibility = "hidden";
const u = d.value.length >= 2 ? d.value : h.value.getAttribute("placeholder");
v.innerHTML = u.replace(/ /g, "&nbsp;").trim(), document.body.appendChild(v);
const a = Math.ceil(Number(window.getComputedStyle(v).width.replace("px", ""))) + 30;
h.value.style.setProperty("width", a + "px"), v.remove();
const d = document.createElement("div");
d.style.width = "max-content", d.style.position = "absolute", d.style.visibility = "hidden";
const u = i.value.length >= 2 ? i.value : h.value.getAttribute("placeholder");
d.innerHTML = u.replace(/ /g, "&nbsp;").trim(), document.body.appendChild(d);
const f = Math.ceil(Number(window.getComputedStyle(d).width.replace("px", ""))) + 30;
h.value.style.setProperty("width", f + "px"), d.remove();
}
});
const n = (v) => {
v.target.style.display = "none", e.value = !1;
const n = (d) => {
d.target.style.display = "none", e.value = !1;
};
return (v, u) => (o(), i("div", {
class: w(["taggable", { active: e.value === !0 }])
return (d, u) => (r(), o("div", {
class: j(["taggable", { active: e.value === !0 }])
}, [
f("div", {
v("div", {
class: "tagBackdrop",
style: x({ display: e.value ? "block" : "none" }),
style: O({ display: e.value ? "block" : "none" }),
onClick: n
}, null, 4),
f("div", xe, [
f("div", {
v("div", xe, [
v("div", {
class: "input tagToggler",
onClick: y
}, [
f("div", Oe, [
(o(!0), i(N, null, O(g, (a, t) => (o(), i("div", {
v("div", Oe, [
(r(!0), o(N, null, L(g, (f, t) => (r(), o("div", {
key: "tag-" + t,
class: "group"
}, [
f("div", Le, [
typeof a == "string" && a !== "" ? (o(), i(N, { key: 0 }, [
F(m(a), 1)
], 64)) : typeof a == "object" && C.value in a ? (o(), i(N, { key: 1 }, [
F(m(a[C.value]), 1)
], 64)) : (o(), i(N, { key: 2 }, [
v("div", Le, [
typeof f == "string" && f !== "" ? (r(), o(N, { key: 0 }, [
F(m(f), 1)
], 64)) : typeof f == "object" && C.value in f ? (r(), o(N, { key: 1 }, [
F(m(f[C.value]), 1)
], 64)) : (r(), o(N, { key: 2 }, [
F(m(s.placeholder), 1)
], 64))
]),
f("div", {
v("div", {
class: "tag groupItem",
onClick: (l) => g.splice(t, 1)
onClick: (a) => g.splice(t, 1)
}, Te, 8, Be)
]))), 128)),
M(f("input", {
M(v("input", {
type: "search",
ref_key: "inputRef",
ref: h,
"onUpdate:modelValue": u[0] || (u[0] = (a) => d.value = a),
"onUpdate:modelValue": u[0] || (u[0] = (f) => i.value = f),
class: "tagInput",
onInput: u[1] || (u[1] = (a) => p(a)),
onKeyup: u[2] || (u[2] = U((a) => p(a), ["enter"])),
onInput: u[1] || (u[1] = (f) => p(f)),
onKeyup: u[2] || (u[2] = U((f) => p(f), ["enter"])),
placeholder: "Add new tag"
}, null, 544), [
[E, d.value]
[E, i.value]
])
])
]),
f("div", ze, [
(o(!0), i(N, null, O(S($), (a, t) => (o(), i(N, {
key: "option-" + a
v("div", ze, [
(r(!0), o(N, null, L(S($), (f, t) => (r(), o(N, {
key: "option-" + f
}, [
typeof a == "string" ? (o(), i("div", {
typeof f == "string" ? (r(), o("div", {
key: 0,
onClick: (l) => {
d.value = a + ",", p(l);
onClick: (a) => {
i.value = f + ",", p(a);
},
class: "tagItem"
}, m(a), 9, Me)) : typeof a == "object" && C.value in a ? (o(), i("div", {
}, m(f), 9, Me)) : typeof f == "object" && C.value in f ? (r(), o("div", {
key: 1,
onClick: (l) => {
d.value = a[C.value] + ",", p(l);
onClick: (a) => {
i.value = f[C.value] + ",", p(a);
},
class: "tagItem"
}, m(a[C.value]), 9, Re)) : (o(), i("div", {
}, m(f[C.value]), 9, Re)) : (r(), o("div", {
key: 2,
onClick: (l) => {
d.value = a + ",", p(l);
onClick: (a) => {
i.value = f + ",", p(a);
},
class: "tagItem"
}, [
L(v.$slots, "default", { option: a }, void 0, !0)
B(d.$slots, "default", { option: f }, void 0, !0)
], 8, Fe))

@@ -619,3 +621,3 @@ ], 64))), 128))

setup(s, { emit: k }) {
const c = s, e = b(c.modelValue || {}), d = b(!1), h = b(""), g = b(null), j = b(void 0), I = b("");
const c = s, e = b(c.modelValue || {}), i = b(!1), h = b(""), g = b(null), I = b(void 0), _ = b("");
R(() => c.modelValue, () => {

@@ -625,18 +627,18 @@ e.value = c.modelValue;

const C = () => {
clearTimeout(j.value), j.value = setTimeout(() => {
var t, l;
h.value = "", ((t = g.value) == null ? void 0 : t.value) && ((l = g.value) == null ? void 0 : l.value) !== "" && (h.value = g.value.value), k("search", h.value);
clearTimeout(I.value), I.value = setTimeout(() => {
var t, a;
h.value = "", ((t = g.value) == null ? void 0 : t.value) && ((a = g.value) == null ? void 0 : a.value) !== "" && (h.value = g.value.value), k("search", h.value);
}, 500);
}, $ = B(() => {
}, $ = A(() => {
let t = c.options;
return h.value.length >= 1 && (t = t.filter((l) => {
if (isNaN(l) === !1 && Number(l) === Number(h.value))
return h.value.length >= 1 && (t = t.filter((a) => {
if (isNaN(a) === !1 && Number(a) === Number(h.value))
return !0;
if (typeof l == "string" && l.toLowerCase().includes(h.value.toLowerCase()))
if (typeof a == "string" && a.toLowerCase().includes(h.value.toLowerCase()))
return !0;
if (typeof l == "object" && l !== null && Object.prototype.toString.call(l) === "[object Object]")
for (const r of Object.keys(l)) {
if (isNaN(l[r]) === !1 && Number(l[r]) === Number(h.value))
if (typeof a == "object" && a !== null && Object.prototype.toString.call(a) === "[object Object]")
for (const l of Object.keys(a)) {
if (isNaN(a[l]) === !1 && Number(a[l]) === Number(h.value))
return !0;
if (typeof l[r] == "string" && l[r].toLowerCase().includes(h.value.toLowerCase()))
if (typeof a[l] == "string" && a[l].toLowerCase().includes(h.value.toLowerCase()))
return !0;

@@ -647,42 +649,42 @@ }

}), p = ((t = 10) => {
let l = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", r = "";
for (let V = 0; V < t; V++)
r += l.charAt(Math.floor(Math.random() * l.length));
return r;
let a = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", l = "";
for (let w = 0; w < t; w++)
l += a.charAt(Math.floor(Math.random() * a.length));
return l;
})(), n = (t) => {
var l;
t.target.style.display = "none", d.value = !1, (l = g.value) != null && l.value && (g.value.value = "", h.value = "");
}, v = (t, l = "") => {
l !== "" ? e.value.map((r) => r[l]).includes(t[l]) ? e.value.splice(e.value.findIndex((r) => r[l] === t[l]), 1) : e.value.push(t) : e.value.includes(t) ? e.value.splice(e.value.findIndex((r) => r === t), 1) : e.value.push(t), k("update:modelValue", e.value), k("change", e.value, t);
var a;
t.target.style.display = "none", i.value = !1, (a = g.value) != null && a.value && (g.value.value = "", h.value = "");
}, d = (t, a = "") => {
a !== "" ? e.value.map((l) => l[a]).includes(t[a]) ? e.value.splice(e.value.findIndex((l) => l[a] === t[a]), 1) : e.value.push(t) : e.value.includes(t) ? e.value.splice(e.value.findIndex((l) => l === t), 1) : e.value.push(t), k("update:modelValue", e.value), k("change", e.value, t);
}, u = (t) => {
typeof t == "object" && t !== null && String(c.datatype).toLowerCase() === "string" ? (e.value = t[String(c.dataprop || c.prop)], k("update:modelValue", String(e.value))) : typeof t == "object" && t !== null && String(c.datatype).toLowerCase() === "number" ? (e.value = t[String(c.dataprop || c.prop)], k("update:modelValue", Number(e.value))) : (e.value = t, k("update:modelValue", e.value)), d.value = !1, k("change", e.value, t);
}, a = B(() => {
typeof t == "object" && t !== null && String(c.datatype).toLowerCase() === "string" ? (e.value = t[String(c.dataprop || c.prop)], k("update:modelValue", String(e.value))) : typeof t == "object" && t !== null && String(c.datatype).toLowerCase() === "number" ? (e.value = t[String(c.dataprop || c.prop)], k("update:modelValue", Number(e.value))) : (e.value = t, k("update:modelValue", e.value)), i.value = !1, k("change", e.value, t);
}, f = A(() => {
let t = (c == null ? void 0 : c.placeholder) || "-- Select option --";
if ($.value.length >= 1)
if (typeof e.value == "number") {
let l = $.value.filter((r) => Number(r[String(c.dataprop || c.prop)]) === Number(e.value));
typeof $.value[0] == "object" && l.length >= 1 ? t = l[0][String(c.prop)] : typeof $.value[0] == "number" && (t = e.value);
let a = $.value.filter((l) => Number(l[String(c.dataprop || c.prop)]) === Number(e.value));
typeof $.value[0] == "object" && a.length >= 1 ? t = a[0][String(c.prop)] : typeof $.value[0] == "number" && (t = e.value);
} else if (typeof e.value == "string") {
let l = $.value.filter((r) => String(r[String(c.dataprop || c.prop)]) === e.value);
typeof $.value[0] == "object" && l.length >= 1 ? t = l[0][String(c.prop)] : typeof $.value[0] == "string" && e.value !== "" && (t = e.value);
let a = $.value.filter((l) => String(l[String(c.dataprop || c.prop)]) === e.value);
typeof $.value[0] == "object" && a.length >= 1 ? t = a[0][String(c.prop)] : typeof $.value[0] == "string" && e.value !== "" && (t = e.value);
} else
typeof e.value == "object" && (Array.isArray(e.value) && e.value.length >= 1 ? typeof e.value[0] == "object" && String(c.prop) in e.value[0] ? t = e.value.map((l) => l[String(c.prop)]).join(", ") : t = e.value.join(", ") : e.value !== null && String(c.prop) in e.value && (t = e.value[String(c.prop)]));
typeof e.value == "object" && (Array.isArray(e.value) && e.value.length >= 1 ? typeof e.value[0] == "object" && String(c.prop) in e.value[0] ? t = e.value.map((a) => a[String(c.prop)]).join(", ") : t = e.value.join(", ") : e.value !== null && String(c.prop) in e.value && (t = e.value[String(c.prop)]));
return t;
});
return (t, l) => (o(), i("div", {
class: w(["picker suggestion tedirCategory", { active: d.value, pickerUp: s.up }])
return (t, a) => (r(), o("div", {
class: j(["picker suggestion tedirCategory", { active: i.value, pickerUp: s.up }])
}, [
f("div", {
v("div", {
class: "pickerBackdrop",
style: x({ display: d.value ? "block" : "none" }),
style: O({ display: i.value ? "block" : "none" }),
onClick: n
}, null, 4),
f("div", Ee, [
f("div", {
v("div", Ee, [
v("div", {
class: "select pickerToggler",
onClick: l[0] || (l[0] = (r) => d.value = !d.value)
}, m(S(a)), 1),
f("div", He, [
f("div", Ue, [
f("input", {
onClick: a[0] || (a[0] = (l) => i.value = !i.value)
}, m(S(f)), 1),
v("div", He, [
v("div", Ue, [
v("input", {
type: "search",

@@ -695,55 +697,55 @@ ref_key: "searchRef",

]),
Array.isArray(e.value) ? (o(), i("div", {
Array.isArray(e.value) ? (r(), o("div", {
key: 0,
class: "pickerMenu",
style: x({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
style: O({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
}, [
(o(!0), i(N, null, O(S($), (r, V) => (o(), i(N, {
key: "option-" + r
(r(!0), o(N, null, L(S($), (l, w) => (r(), o(N, {
key: "option-" + l
}, [
typeof r == "string" ? (o(), i("div", {
typeof l == "string" ? (r(), o("div", {
key: 0,
onClick: _((A) => v(r), ["stop"]),
onClick: V((x) => d(l), ["stop"]),
class: "pickerItem"
}, [
f("div", Ke, [
f("input", {
v("div", Ke, [
v("input", {
type: "checkbox",
class: "checkInput",
checked: e.value.includes(r),
id: "check-" + (S(p) + String(V)),
checked: e.value.includes(l),
id: "check-" + (S(p) + String(w)),
style: { "pointer-events": "none" }
}, null, 8, Pe),
f("label", {
v("label", {
class: "checkLabel",
for: "check-" + (S(p) + String(V)),
for: "check-" + (S(p) + String(w)),
style: { "pointer-events": "none" }
}, m(r), 9, qe)
}, m(l), 9, qe)
])
], 8, De)) : typeof r == "object" && r !== null && s.prop in r ? (o(), i("div", {
], 8, De)) : typeof l == "object" && l !== null && s.prop in l ? (r(), o("div", {
key: 1,
onClick: _((A) => v(r, s.prop), ["stop"]),
onClick: V((x) => d(l, s.prop), ["stop"]),
class: "pickerItem"
}, [
f("div", Je, [
f("input", {
v("div", Je, [
v("input", {
type: "checkbox",
class: "checkInput",
checked: e.value.includes(r),
id: "check-" + (S(p) + String(V)),
checked: e.value.includes(l),
id: "check-" + (S(p) + String(w)),
style: { "pointer-events": "none" }
}, null, 8, Qe),
f("label", {
v("label", {
class: "checkLabel",
for: "check-" + (S(p) + String(V)),
for: "check-" + (S(p) + String(w)),
style: { "pointer-events": "none" }
}, m(r[s.prop]), 9, Xe)
}, m(l[s.prop]), 9, Xe)
])
], 8, Ge)) : (o(), i("div", {
], 8, Ge)) : (r(), o("div", {
key: 2,
onClick: _((A) => v(r), ["stop"]),
onClick: V((x) => d(l), ["stop"]),
class: "pickerItem"
}, [
L(t.$slots, "default", {
option: r,
B(t.$slots, "default", {
option: l,
selected: e.value

@@ -753,25 +755,25 @@ }, void 0, !0)

], 64))), 128))
], 4)) : (o(), i("div", {
], 4)) : (r(), o("div", {
key: 1,
class: "pickerMenu",
style: x({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
style: O({ "max-height": Number(s.size) !== 0 ? Number(s.size) * 42 + "px" : "auto" })
}, [
(o(!0), i(N, null, O(S($), (r, V) => (o(), i(N, {
key: "option-" + r
(r(!0), o(N, null, L(S($), (l, w) => (r(), o(N, {
key: "option-" + l
}, [
typeof r == "string" ? (o(), i("div", {
typeof l == "string" ? (r(), o("div", {
key: 0,
onClick: (A) => u(r),
class: w(["pickerItem", e.value === r ? "active" : ""])
}, m(r), 11, Ze)) : typeof r == "object" && r !== null && s.prop in r ? (o(), i("div", {
onClick: (x) => u(l),
class: j(["pickerItem", e.value === l ? "active" : ""])
}, m(l), 11, Ze)) : typeof l == "object" && l !== null && s.prop in l ? (r(), o("div", {
key: 1,
onClick: (A) => u(r),
class: w(["pickerItem", e.value[s.prop] === r[s.prop] || String(r[s.dataprop || s.prop]) === String(e.value) ? "active" : ""])
}, m(r[s.prop]), 11, el)) : (o(), i("div", {
onClick: (x) => u(l),
class: j(["pickerItem", e.value[s.prop] === l[s.prop] || String(l[s.dataprop || s.prop]) === String(e.value) ? "active" : ""])
}, m(l[s.prop]), 11, el)) : (r(), o("div", {
key: 2,
onClick: _((A) => u(r), ["stop"]),
class: w(["pickerItem", e.value === r ? "active" : ""])
onClick: V((x) => u(l), ["stop"]),
class: j(["pickerItem", e.value === l ? "active" : ""])
}, [
L(t.$slots, "default", {
option: r,
B(t.$slots, "default", {
option: l,
selected: e.value

@@ -782,17 +784,17 @@ }, void 0, !0)

], 4)),
f("div", tl, [
f("div", al, [
M(f("input", {
v("div", tl, [
v("div", al, [
M(v("input", {
type: "text",
"onUpdate:modelValue": l[1] || (l[1] = (r) => I.value = r),
"onUpdate:modelValue": a[1] || (a[1] = (l) => _.value = l),
class: "input",
placeholder: "Add New Category"
}, null, 512), [
[E, I.value]
[E, _.value]
]),
f("button", {
v("button", {
type: "button",
class: "button tedirCategoryButton",
onClick: l[2] || (l[2] = (r) => {
k("add", I.value), I.value = "";
onClick: a[2] || (a[2] = (l) => {
k("add", _.value), _.value = "";
})

@@ -799,0 +801,0 @@ }, "Save")

2

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

2

package.json
{
"name": "tedir-select",
"version": "0.0.1-beta-5",
"version": "0.0.1-beta-6",
"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",

dist/vue/style.css

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is too big to display

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

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc