admins-components 1.2.1 → 1.2.2

package/dist/{admins-components.js → admins-components.es.js}

@@ -1,5 +1,5 @@
-import { defineComponent as $, createElementBlock as a, openBlock as o, createElementVNode as r, toDisplayString as h, resolveComponent as x, Fragment as _, renderList as C, createVNode as H, createBlock as D, createCommentVNode as p, watch as R, ref as m, onMounted as M, unref as O, normalizeStyle as P, createTextVNode as E, normalizeClass as T, computed as S, onUnmounted as W } from "vue";
-const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @__PURE__ */ $({
+import { defineComponent as C, createElementBlock as a, openBlock as o, createElementVNode as r, toDisplayString as h, resolveComponent as W, Fragment as _, renderList as $, createVNode as H, createBlock as D, createCommentVNode as v, watch as R, ref as g, onMounted as M, unref as X, normalizeStyle as x, createTextVNode as E, normalizeClass as T, computed as S, onUnmounted as Y } from "vue";
+const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /* @__PURE__ */ C({
   __name: "CheckBox",
   props: {
     id: {},
@@ -7,8 +7,8 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     checked: { type: Boolean }
   },
   emits: ["changed"],
-  setup(y) {
-    return (i, s) => (o(), a("div", K, [
+  setup(c) {
+    return (i, s) => (o(), a("div", Z, [
       r("input", {
         class: "form-check-input",
         type: "checkbox",
@@ -19,48 +19,48 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
           id: i.id,
           checked: t.target.checked
         }))
-      }, null, 40, U),
+      }, null, 40, ee),
       r("label", {
         class: "form-check-label",
         for: i.id
-      }, h(i.label), 9, q)
+      }, h(i.label), 9, te)
     ]));
   }
-}), Q = { class: "cbl-childrend-container" }, X = /* @__PURE__ */ $({
+}), le = { class: "cbl-childrend-container" }, ne = /* @__PURE__ */ C({
   __name: "CheckBoxList",
   props: {
     items: {},
     callback: { type: Function }
   },
-  setup(y) {
+  setup(c) {
     return (i, s) => {
-      const t = x("CheckBoxList", !0);
-      return o(!0), a(_, null, C(i.items, (e) => (o(), a("div", {
+      const t = W("CheckBoxList", !0);
+      return o(!0), a(_, null, $(i.items, (e) => (o(), a("div", {
         key: e.id,
         class: "cbl-container"
       }, [
-        H(J, {
+        H(A, {
           id: e.id,
           label: e.label,
           checked: e.checked,
           onChanged: s[0] || (s[0] = (d) => i.callback(d.id, d.checked))
         }, null, 8, ["id", "label", "checked"]),
-        r("div", Q, [
+        r("div", le, [
           e.childrend ? (o(), D(t, {
             key: 0,
             items: e.childrend,
             callback: i.callback
-          }, null, 8, ["items", "callback"])) : p("", !0)
+          }, null, 8, ["items", "callback"])) : v("", !0)
         ])
       ]))), 128);
     };
   }
-}), Y = (y, i) => {
-  const s = y.__vccOpts || y;
+}), oe = (c, i) => {
+  const s = c.__vccOpts || c;
   for (const [t, e] of i)
     s[t] = e;
   return s;
-}, wt = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-ae2832c5"]]), Z = ["id"], ee = ["disabled"], te = { class: "dd-label" }, le = { class: "dd-item-list" }, ne = ["onClick"], V = /* @__PURE__ */ $({
+}, se = /* @__PURE__ */ oe(ne, [["__scopeId", "data-v-ae2832c5"]]), ie = ["id"], ae = ["disabled"], re = { class: "dd-label" }, de = { class: "dd-item-list" }, ue = ["onClick"], z = /* @__PURE__ */ C({
   __name: "DropDown",
   props: {
     id: {},
@@ -74,44 +74,44 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     disabled: { type: Boolean }
   },
   emits: ["selected", "filtered"],
-  setup(y, { emit: i }) {
-    const s = y;
+  setup(c, { emit: i }) {
+    const s = c;
     R(s.options, () => {
       s.filterevent && (u.value = s.options.value);
     }), R(
       () => s.selected,
       () => {
-        g();
+        y();
       }
     ), R(
       () => s.label,
       () => {
-        g();
+        y();
       }
     );
     const t = i, e = (b) => {
-      s.storeselected || (v.value = b.label), t("selected", b);
-    }, d = "törlés", v = m(""), g = () => {
+      s.storeselected || (f.value = b.label), t("selected", b);
+    }, d = "törlés", f = g(""), y = () => {
       if (s.options.value) {
         const b = s.options.value.find((k) => k.id == s.selected);
-        b ? v.value = b.label : (n(""), v.value = s.label);
+        b ? f.value = b.label : (n(""), f.value = s.label);
       }
     };
     M(() => {
-      s.label && (v.value = s.label), g(), f = "", document.addEventListener("click", function() {
+      s.label && (f.value = s.label), y(), m = "", document.addEventListener("click", function() {
         I.value == "block" && (I.value = "none");
       }), window.addEventListener("scrolled", function() {
         I.value == "block" && (I.value = "none");
       }), w();
     });
-    let f = "";
+    let m = "";
     const n = (b) => {
-      f = b, s.filterevent ? t("filtered", b) : b == "" ? u.value = s.options.value : u.value = s.options.value.filter(
+      m = b, s.filterevent ? t("filtered", b) : b == "" ? u.value = s.options.value : u.value = s.options.value.filter(
         (k) => k.label.toLowerCase().includes(b.toLowerCase())
       );
-    }, u = m([]), l = () => {
+    }, u = g([]), l = () => {
       e({ label: s.label, id: "" }), n("");
-    }, c = () => {
+    }, p = () => {
       if (I.value == "block") {
         I.value = "none";
         return;
@@ -120,9 +120,9 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         I.value = "block";
       }, 10), setTimeout(w, 20);
     }, w = () => {
-      const b = L.value, k = N.value;
-      s.opentop ? k.style.top = b.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = b.getBoundingClientRect().y + b.offsetHeight + "px", b.getBoundingClientRect().y - k.getBoundingClientRect().y != -b.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (b.getBoundingClientRect().y - k.getBoundingClientRect().y) + b.offsetHeight + "px")), z.value && z.value.focus();
-    }, L = m(null), N = m(null), I = m("none"), z = m(null);
+      const b = L.value, k = j.value;
+      s.opentop ? k.style.top = b.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = b.getBoundingClientRect().y + b.offsetHeight + "px", b.getBoundingClientRect().y - k.getBoundingClientRect().y != -b.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (b.getBoundingClientRect().y - k.getBoundingClientRect().y) + b.offsetHeight + "px")), P.value && P.value.focus();
+    }, L = g(null), j = g(null), I = g("none"), P = g(null);
     return (b, k) => (o(), a("div", {
       id: b.id,
       class: "dd-flex"
@@ -134,50 +134,50 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         type: "button",
         disabled: b.disabled,
         onClick: k[0] || (k[0] = (B) => {
-          n(O(f)), c();
+          n(X(m)), p();
         })
       }, [
-        r("div", te, h(v.value), 1)
-      ], 8, ee),
+        r("div", re, h(f.value), 1)
+      ], 8, ae),
       r("div", {
         class: "dd-menu",
-        style: P({ display: I.value }),
+        style: x({ display: I.value }),
         ref_key: "DropDownMenu",
-        ref: N
+        ref: j
       }, [
-        v.value != s.label ? (o(), a("button", {
+        f.value != s.label ? (o(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary dd-button",
           onClick: k[1] || (k[1] = (B) => l())
-        }, h(d))) : p("", !0),
-        b.disableFilter ? p("", !0) : (o(), a("input", {
+        }, h(d))) : v("", !0),
+        b.disableFilter ? v("", !0) : (o(), a("input", {
           key: 1,
           ref_key: "ddSearch",
-          ref: z,
+          ref: P,
           type: "text ",
           class: "form-control",
           placeholder: "keresés",
           onInput: k[2] || (k[2] = (B) => n(B.target.value)),
           onClick: k[3] || (k[3] = (B) => B.stopPropagation())
         }, null, 544)),
-        r("div", le, [
-          (o(!0), a(_, null, C(u.value, (B) => (o(), a("div", {
+        r("div", de, [
+          (o(!0), a(_, null, $(u.value, (B) => (o(), a("div", {
             key: B.id,
             class: "dd-item",
-            onClick: ($t) => e(B)
+            onClick: (Lt) => e(B)
           }, [
             B.icon ? (o(), a("i", {
               key: 0,
               class: T([B.icon, "dd-item__icon"])
-            }, null, 2)) : p("", !0),
+            }, null, 2)) : v("", !0),
             E(h(B.label), 1)
-          ], 8, ne))), 128))
+          ], 8, ue))), 128))
         ])
       ], 4)
-    ], 8, Z));
+    ], 8, ie));
   }
-}), oe = ["id"], se = ["disabled"], ie = { class: "ddc-row" }, ae = { class: "ddc-label" }, re = { class: "dd-item-list" }, de = ["onClick"], ue = { class: "ddc-item" }, ce = { class: "ddc-label" }, pe = "törlés", ve = /* @__PURE__ */ $({
+}), ce = ["id"], pe = ["disabled"], ve = { class: "ddc-row" }, fe = { class: "ddc-label" }, me = { class: "dd-item-list" }, ge = ["onClick"], ye = { class: "ddc-item" }, be = { class: "ddc-label" }, ke = "törlés", O = /* @__PURE__ */ C({
   __name: "DropDownCallBack",
   props: {
     id: {},
@@ -186,10 +186,10 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     enabled: { type: Boolean },
     options: {}
   },
-  setup(y) {
-    const i = y, s = (u) => {
+  setup(c) {
+    const i = c, s = (u) => {
       u == i.default && t.value.callback(""), t.value = u, t.value.callback(t.value.value);
-    }, t = m(i.default), e = () => {
+    }, t = g(i.default), e = () => {
       if (i.selected && i.options.value) {
         const u = i.options.value.find(
           (l) => l.value == i.selected
@@ -206,64 +206,64 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
       setTimeout(() => {
         n.value = "block";
       }, 10), setTimeout(() => {
-        f.value = v.value.offsetHeight;
+        m.value = f.value.offsetHeight;
       }, 20);
-    }, v = m(null), g = m(null), f = m(0), n = m("none");
+    }, f = g(null), y = g(null), m = g(0), n = g("none");
     return (u, l) => (o(), a("div", {
       class: "ddc-flex",
       id: u.id
     }, [
       r("button", {
         ref_key: "DropDownTriggerButton",
-        ref: v,
+        ref: f,
         class: "btn btn-outline-secondary ddc-button",
         type: "button",
         disabled: !u.enabled,
-        onClick: l[0] || (l[0] = (c) => d())
+        onClick: l[0] || (l[0] = (p) => d())
       }, [
-        r("span", ie, [
+        r("span", ve, [
           r("i", {
             class: T([t.value.icon, "ddc-icon"])
           }, null, 2),
-          r("span", ae, h(t.value.label), 1)
+          r("span", fe, h(t.value.label), 1)
         ])
-      ], 8, se),
+      ], 8, pe),
       r("div", {
         class: "ddc-menu",
-        style: P({ display: n.value, "margin-top": f.value + "px" }),
+        style: x({ display: n.value, "margin-top": m.value + "px" }),
         ref_key: "DropDownMenu",
-        ref: g
+        ref: y
       }, [
         t.value != i.default ? (o(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary ddc-button",
-          onClick: l[1] || (l[1] = (c) => s(i.default))
-        }, h(pe))) : p("", !0),
-        r("div", re, [
-          (o(!0), a(_, null, C(u.options.value, (c) => (o(), a("div", {
-            key: c.label,
+          onClick: l[1] || (l[1] = (p) => s(i.default))
+        }, h(ke))) : v("", !0),
+        r("div", me, [
+          (o(!0), a(_, null, $(u.options.value, (p) => (o(), a("div", {
+            key: p.label,
             class: "ddc-item",
-            onClick: (w) => s(c)
+            onClick: (w) => s(p)
           }, [
-            r("span", ue, [
+            r("span", ye, [
               r("i", {
-                class: T([c.icon, "ddc-icon"])
+                class: T([p.icon, "ddc-icon"])
               }, null, 2),
-              r("span", ce, h(c.label), 1)
+              r("span", be, h(p.label), 1)
             ])
-          ], 8, de))), 128))
+          ], 8, ge))), 128))
         ])
       ], 4)
-    ], 8, oe));
+    ], 8, ce));
   }
-}), fe = ["id"], me = {
+}), he = ["id"], _e = {
   key: 0,
   class: "ddm-label"
-}, ge = {
+}, Ce = {
   key: 1,
   class: "ddm-label"
-}, ye = ["onClick"], A = /* @__PURE__ */ $({
+}, $e = ["onClick"], V = /* @__PURE__ */ C({
   __name: "DropDownMenu",
   props: {
     label: {},
@@ -273,24 +273,24 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     id: {},
     right: { type: Boolean }
   },
-  setup(y) {
-    const i = y;
+  setup(c) {
+    const i = c;
     M(() => {
       document.addEventListener("click", function() {
         s.value && (s.value = !1);
       });
     });
-    const s = m(!1), t = () => {
+    const s = g(!1), t = () => {
       setTimeout(() => {
         s.value = !0;
       }, 10), setTimeout(e, 20);
     }, e = () => {
-      const f = d.value, n = v.value;
-      n.style.top = f.getBoundingClientRect().y + f.offsetHeight + "px", f.getBoundingClientRect().y - n.getBoundingClientRect().y != -f.offsetHeight && (n.style.top = parseInt(n.style.top.substring(0, n.style.top.length - 2)) + (f.getBoundingClientRect().y - n.getBoundingClientRect().y) + f.offsetHeight + "px"), n.style.left = f.getBoundingClientRect().x - (i.right ? 100 : 0) + "px";
-    }, d = m(null), v = m(null), g = m(0);
-    return (f, n) => (o(), a("div", {
+      const m = d.value, n = f.value;
+      n.style.top = m.getBoundingClientRect().y + m.offsetHeight + "px", m.getBoundingClientRect().y - n.getBoundingClientRect().y != -m.offsetHeight && (n.style.top = parseInt(n.style.top.substring(0, n.style.top.length - 2)) + (m.getBoundingClientRect().y - n.getBoundingClientRect().y) + m.offsetHeight + "px"), n.style.left = m.getBoundingClientRect().x - (i.right ? 100 : 0) + "px";
+    }, d = g(null), f = g(null), y = g(0);
+    return (m, n) => (o(), a("div", {
       class: "d-flex",
-      id: f.id
+      id: m.id
     }, [
       r("button", {
         ref_key: "DropDownTriggerButton",
@@ -299,46 +299,46 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         type: "button",
         onClick: n[0] || (n[0] = (u) => t())
       }, [
-        f.label ? (o(), a("span", me, h(f.label), 1)) : p("", !0),
-        f.icon ? (o(), a("span", ge, [
+        m.label ? (o(), a("span", _e, h(m.label), 1)) : v("", !0),
+        m.icon ? (o(), a("span", Ce, [
           r("i", {
-            class: T(f.icon)
+            class: T(m.icon)
           }, null, 2)
-        ])) : p("", !0)
+        ])) : v("", !0)
       ], 512),
       s.value ? (o(), a("div", {
         key: 0,
         class: "ddm-menu",
         ref_key: "DropDownMenu",
-        ref: v,
-        style: P({ "margin-top": g.value + "px" })
+        ref: f,
+        style: x({ "margin-top": y.value + "px" })
       }, [
-        (o(!0), a(_, null, C(f.options, (u) => (o(), a("div", {
+        (o(!0), a(_, null, $(m.options, (u) => (o(), a("div", {
           key: u.icon,
           class: "ddm-item",
-          onClick: (l) => u.command(f.item)
+          onClick: (l) => u.command(m.item)
         }, [
           r("i", {
             class: T(u.icon)
           }, null, 2),
           E(h(u.label), 1)
-        ], 8, ye))), 128))
-      ], 4)) : p("", !0)
-    ], 8, fe));
+        ], 8, $e))), 128))
+      ], 4)) : v("", !0)
+    ], 8, he));
   }
-}), be = { class: "fltrc-container" }, ke = { class: "fltrc-container" }, he = ["placeholder", "value"], _e = {
+}), we = { class: "fltrc-container" }, De = { class: "fltrc-container" }, Be = ["placeholder", "value"], Te = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
-}, $e = ["value"], Ce = ["value"], we = /* @__PURE__ */ $({
+}, Le = ["value"], Ie = ["value"], K = /* @__PURE__ */ C({
   __name: "FilterCompact",
   props: {
     items: {}
   },
-  setup(y) {
-    const i = y, s = m(0), t = m(0), e = S(() => i.items[s.value].filter), d = (u) => {
+  setup(c) {
+    const i = c, s = g(0), t = g(0), e = S(() => i.items[s.value].filter), d = (u) => {
       let l = i.items[t.value];
       l.filter.filtered(l.filter.key, ""), s.value = u, t.value = u, n.value += 1;
-    }, v = m(void 0);
+    }, f = g(void 0);
     M(() => {
       let u = [];
       for (let l = 0; l < i.items.length; l++)
@@ -347,76 +347,76 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
           label: i.items[l].label,
           command: () => d(l)
         });
-      v.value = u;
+      f.value = u;
     });
-    const g = m({}), f = m(void 0), n = m(0);
-    return (u, l) => (o(), a("div", be, [
-      v.value ? (o(), D(A, {
+    const y = g({}), m = g(void 0), n = g(0);
+    return (u, l) => (o(), a("div", we, [
+      f.value ? (o(), D(V, {
         key: 0,
         id: "ddm",
         icon: u.items[s.value].icon,
         item: u.items[s.value],
         label: "",
-        options: v.value
-      }, null, 8, ["icon", "item", "options"])) : p("", !0),
-      r("div", ke, [
+        options: f.value
+      }, null, 8, ["icon", "item", "options"])) : v("", !0),
+      r("div", De, [
         e.value.type == "text" ? (o(), a("input", {
           key: 0,
           type: "text",
           class: "form-control",
           placeholder: e.value.placeholder,
           value: e.value.defaultv ?? "",
-          onInput: l[0] || (l[0] = (c) => {
+          onInput: l[0] || (l[0] = (p) => {
             e.value.filtered(
               e.value.key,
-              c.target.value
-            ), e.value.defaultv = c.target.value;
+              p.target.value
+            ), e.value.defaultv = p.target.value;
           })
-        }, null, 40, he)) : p("", !0),
-        e.value.type == "date" ? (o(), a("div", _e, [
+        }, null, 40, Be)) : v("", !0),
+        e.value.type == "date" ? (o(), a("div", Te, [
           r("input", {
             type: "date",
             class: "form-control",
             value: e.value.defFrom ?? "",
-            onInput: l[1] || (l[1] = (c) => {
-              g.value.from = c.target.value == "" ? null : c.target.value, e.value.defFrom = c.target.value == "" ? null : c.target.value, e.value.filtered(e.value.key, g.value);
+            onInput: l[1] || (l[1] = (p) => {
+              y.value.from = p.target.value == "" ? null : p.target.value, e.value.defFrom = p.target.value == "" ? null : p.target.value, e.value.filtered(e.value.key, y.value);
             })
-          }, null, 40, $e),
+          }, null, 40, Le),
           l[5] || (l[5] = r("span", { class: "input-group-text" }, "-", -1)),
           r("input", {
             type: "date",
             class: "form-control",
             value: e.value.defTill ?? "",
-            onInput: l[2] || (l[2] = (c) => {
-              g.value.untill = c.target.value == "" ? null : c.target.value, e.value.defTill = c.target.value == "" ? null : c.target.value, e.value.filtered(e.value.key, g.value);
+            onInput: l[2] || (l[2] = (p) => {
+              y.value.untill = p.target.value == "" ? null : p.target.value, e.value.defTill = p.target.value == "" ? null : p.target.value, e.value.filtered(e.value.key, y.value);
             })
-          }, null, 40, Ce)
-        ])) : p("", !0),
-        e.value.type == "dropdown" ? (o(), D(V, {
+          }, null, 40, Ie)
+        ])) : v("", !0),
+        e.value.type == "dropdown" ? (o(), D(z, {
           key: n.value,
-          selected: f.value,
+          selected: m.value,
           options: e.value.options,
           filterevent: e.value.filterevent,
-          onFiltered: l[3] || (l[3] = (c) => {
-            e.value.onfiltered && e.value.onfiltered(c);
+          onFiltered: l[3] || (l[3] = (p) => {
+            e.value.onfiltered && e.value.onfiltered(p);
           }),
           id: e.value.key,
           label: e.value.label,
-          onSelected: l[4] || (l[4] = (c) => e.value.filtered(e.value.key, c.id))
-        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : p("", !0)
+          onSelected: l[4] || (l[4] = (p) => e.value.filtered(e.value.key, p.id))
+        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : v("", !0)
       ])
     ]));
   }
-}), De = { class: "fltrctrl-container" }, Be = ["placeholder", "value"], Te = {
+}), Se = { class: "fltrctrl-container" }, Me = ["placeholder", "value"], Fe = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
-}, Le = ["value"], Ie = ["value"], F = m({}), Se = /* @__PURE__ */ $({
+}, Re = ["value"], He = ["value"], F = g({}), U = /* @__PURE__ */ C({
   __name: "FilterControl",
   props: {
     item: {}
   },
-  setup(y) {
-    const i = y;
+  setup(c) {
+    const i = c;
     M(() => {
       var t;
       if (i.item.type == "dropdown") {
@@ -426,8 +426,8 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         )) == null ? void 0 : t.id;
       }
     });
-    const s = m(void 0);
-    return (t, e) => (o(), a("div", De, [
+    const s = g(void 0);
+    return (t, e) => (o(), a("div", Se, [
       t.item.type == "text" ? (o(), a("input", {
         key: 0,
         type: "text",
@@ -435,8 +435,8 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         placeholder: t.item.placeholder,
         value: t.item.defaultv ?? "",
         onInput: e[0] || (e[0] = (d) => t.item.filtered(t.item.key, d.target.value))
-      }, null, 40, Be)) : p("", !0),
-      t.item.type == "date" ? (o(), a("div", Te, [
+      }, null, 40, Me)) : v("", !0),
+      t.item.type == "date" ? (o(), a("div", Fe, [
         r("input", {
           type: "date",
           class: "form-control",
@@ -444,7 +444,7 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
           onInput: e[1] || (e[1] = (d) => {
             F.value.from = d.target.value == "" ? null : d.target.value, t.item.filtered(t.item.key, F.value);
           })
-        }, null, 40, Le),
+        }, null, 40, Re),
         e[5] || (e[5] = r("span", { class: "input-group-text" }, "-", -1)),
         r("input", {
           type: "date",
@@ -453,12 +453,12 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
           onInput: e[2] || (e[2] = (d) => {
             F.value.untill = d.target.value == "" ? null : d.target.value, t.item.filtered(t.item.key, F.value);
           })
-        }, null, 40, Ie)
-      ])) : p("", !0),
-      t.item.type == "dropdown" ? (o(), D(V, {
+        }, null, 40, He)
+      ])) : v("", !0),
+      t.item.type == "dropdown" ? (o(), D(z, {
         key: 2,
         selected: s.value,
-        options: m(t.item.options),
+        options: g(t.item.options),
         filterevent: t.item.filterevent,
         onFiltered: e[3] || (e[3] = (d) => {
           t.item.onfiltered && t.item.onfiltered(d);
@@ -466,10 +466,10 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         id: t.item.key,
         label: t.item.label,
         onSelected: e[4] || (e[4] = (d) => t.item.filtered(t.item.key, d.id))
-      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : p("", !0)
+      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : v("", !0)
     ]));
   }
-}), G = /* @__PURE__ */ $({
+}), N = /* @__PURE__ */ C({
   __name: "IconButton",
   props: {
     icon: {},
@@ -477,12 +477,12 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     big: { type: Boolean }
   },
   emits: ["click"],
-  setup(y, { emit: i }) {
-    const s = y, t = S(
+  setup(c, { emit: i }) {
+    const s = c, t = S(
       () => `${s.icon} ${s.big ? "ib-button-big" : ""}`
     ), e = i;
-    return (d, v) => (o(), a("div", {
-      onClick: v[0] || (v[0] = (g) => e("click")),
+    return (d, f) => (o(), a("div", {
+      onClick: f[0] || (f[0] = (y) => e("click")),
       class: "ib-container"
     }, [
       r("div", {
@@ -494,51 +494,51 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
       ], 2)
     ]));
   }
-}), Me = { class: "pc-container" }, Fe = ["value", "max"], Re = /* @__PURE__ */ $({
+}), Ee = { class: "pc-container" }, ze = ["value", "max"], q = /* @__PURE__ */ C({
   __name: "PaginatorControl",
   props: {
     settings: {}
   },
   emits: ["pagesize", "page"],
-  setup(y, { emit: i }) {
-    const s = y, t = i, e = () => {
-      let n = m([]);
+  setup(c, { emit: i }) {
+    const s = c, t = i, e = () => {
+      let n = g([]);
       return s.settings.value.sizes.forEach(
         (u) => n.value.push({ label: u.toString(), id: u.toString() })
       ), n;
-    }, d = m(1);
+    }, d = g(1);
     R(
       () => s.settings.value,
       () => {
         d.value = 1;
       }
     );
-    const v = S(
+    const f = S(
       () => Math.floor(s.settings.value.total / s.settings.value.pagesize) + 1
-    ), g = () => {
+    ), y = () => {
       d.value > 1 && (d.value -= 1, t("page", d.value));
-    }, f = () => {
-      d.value < v.value && (d.value += 1, t("page", d.value));
+    }, m = () => {
+      d.value < f.value && (d.value += 1, t("page", d.value));
     };
-    return (n, u) => (o(), a("div", Me, [
+    return (n, u) => (o(), a("div", Ee, [
       r("button", {
         class: "btn btn-outline-secondary",
-        onClick: g
+        onClick: y
       }, "<"),
       r("input", {
         class: "form-control pc-input",
         type: "number",
         value: d.value,
         min: "1",
-        max: v.value,
+        max: f.value,
         onChange: u[0] || (u[0] = (l) => n.$emit("page", l.target.value))
-      }, null, 40, Fe),
-      E("/" + h(v.value) + " ", 1),
+      }, null, 40, ze),
+      E("/" + h(f.value) + " ", 1),
       r("button", {
         class: "btn btn-outline-secondary",
-        onClick: f
+        onClick: m
       }, ">"),
-      H(V, {
+      H(z, {
         opentop: !0,
         class: "pc-dropdown",
         id: "pagecount",
@@ -551,7 +551,7 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
       }, null, 8, ["selected", "options"])
     ]));
   }
-}), He = { class: "form-check" }, Ee = ["name", "id", "checked"], ze = ["for"], Pe = /* @__PURE__ */ $({
+}), Pe = { class: "form-check" }, xe = ["name", "id", "checked"], Ve = ["for"], J = /* @__PURE__ */ C({
   __name: "RadioButton",
   props: {
     group: {},
@@ -560,8 +560,8 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     selected: { type: Boolean }
   },
   emits: ["selected"],
-  setup(y) {
-    return (i, s) => (o(), a("div", He, [
+  setup(c) {
+    return (i, s) => (o(), a("div", Pe, [
       r("input", {
         class: "form-check-input",
         type: "radio",
@@ -569,23 +569,23 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
         id: i.id,
         checked: i.selected,
         onChange: s[0] || (s[0] = (t) => i.$emit("selected", i.id))
-      }, null, 40, Ee),
+      }, null, 40, xe),
       r("label", {
         class: "form-check-label",
         for: i.id
-      }, h(i.label), 9, ze)
+      }, h(i.label), 9, Ve)
     ]));
   }
-}), Ve = { class: "d-flex flex-column gap-2 justify-content-around" }, Dt = /* @__PURE__ */ $({
+}), Ne = { class: "d-flex flex-column gap-2 justify-content-around" }, je = /* @__PURE__ */ C({
   __name: "RadioButtonGroup",
   props: {
     group: {},
     items: {}
   },
   emits: ["selected"],
-  setup(y) {
-    return (i, s) => (o(), a("div", Ve, [
-      (o(!0), a(_, null, C(i.items, (t) => (o(), D(Pe, {
+  setup(c) {
+    return (i, s) => (o(), a("div", Ne, [
+      (o(!0), a(_, null, $(i.items, (t) => (o(), D(J, {
         key: t.id,
         id: t.id,
         label: t.label,
@@ -595,56 +595,56 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
       }, null, 8, ["id", "label", "group", "selected"]))), 128))
     ]));
   }
-}), Ne = {
+}), Ge = {
   key: 0,
   class: "spinner-border",
   role: "status"
-}, Bt = /* @__PURE__ */ $({
+}, We = /* @__PURE__ */ C({
   __name: "SpinningProgress",
   props: {
     loading: { type: Boolean }
   },
-  setup(y) {
-    return (i, s) => i.loading ? (o(), a("div", Ne, s[0] || (s[0] = [
+  setup(c) {
+    return (i, s) => i.loading ? (o(), a("div", Ge, s[0] || (s[0] = [
       r("span", { class: "visually-hidden" }, "Loading...", -1)
-    ]))) : p("", !0);
+    ]))) : v("", !0);
   }
-}), je = { class: "t2l-table-view t2l-table-header-label" }, xe = {
+}), Ae = { class: "t2l-table-view t2l-table-header-label" }, Oe = {
   key: 0,
   class: "t2l-select"
-}, Ae = {
+}, Ke = {
   key: 1,
   class: "t2l-cell"
-}, Ge = { class: "t2l-table-view t2l-table-header-filter" }, Oe = {
+}, Ue = { class: "t2l-table-view t2l-table-header-filter" }, qe = {
   key: 0,
   class: "t2l-select"
-}, We = {
+}, Je = {
   key: 1,
   class: "t2l-cell"
-}, Ke = { class: "t2l-table-view t2l-rows" }, Ue = {
+}, Qe = { class: "t2l-table-view t2l-rows" }, Xe = {
   key: 0,
   class: "t2l-select"
-}, qe = ["id", "onChange"], Je = ["innerHTML"], Qe = {
+}, Ye = ["id", "onChange"], Ze = ["innerHTML"], et = {
   key: 1,
   class: "t2l-cell t2l-actions"
-}, Xe = ["title", "disabled", "onClick"], Ye = { class: "t2l-card-view t2l-card-filters" }, Ze = { class: "t2l-card-filter-order" }, et = { class: "t2l-card-filter-search" }, tt = { class: "t2l-card-view t2l-rows" }, lt = {
+}, tt = ["title", "disabled", "onClick"], lt = { class: "t2l-card-view t2l-card-filters" }, nt = { class: "t2l-card-filter-order" }, ot = { class: "t2l-card-filter-search" }, st = { class: "t2l-card-view t2l-rows" }, it = {
   key: 0,
   class: "t2l-card-select"
-}, nt = ["id", "onChange"], ot = {
+}, at = ["id", "onChange"], rt = {
   key: 0,
   class: "t2l-property"
-}, st = { class: "t2l-label" }, it = ["innerHTML"], at = { class: "d-flex align-items-center" }, rt = {
+}, dt = { class: "t2l-label" }, ut = ["innerHTML"], ct = { class: "d-flex align-items-center" }, pt = {
   key: 1,
   class: "d-flex justify-content-center t2l-footer"
-}, Tt = /* @__PURE__ */ $({
+}, vt = /* @__PURE__ */ C({
   __name: "TableToList",
   props: {
     items: {},
     config: {}
   },
   emits: ["pagesize", "page"],
-  setup(y) {
-    const i = y, s = S(
+  setup(c) {
+    const i = c, s = S(
       () => i.config.columns.filter((n) => n.visible != !1)
     ), t = S(
       () => i.config.columns.filter((n) => n.visible != !1 && n.filter)
@@ -652,10 +652,10 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
       () => s.value.filter(
         (n) => n.sort && n.sort.active && n.sort.active.value
       )
-    ), d = S(() => Math.ceil(s.value.length / i.config.smColCount)), v = (n, u) => {
+    ), d = S(() => Math.ceil(s.value.length / i.config.smColCount)), f = (n, u) => {
       var l = n - 1 + (u - 1) * d.value;
       return l < s.value.length ? s.value[l] : null;
-    }, g = (n, u) => n.converter ? n.converter(u[n.property], u) : u[n.property], f = (n) => {
+    }, y = (n, u) => n.converter ? n.converter(u[n.property], u) : u[n.property], m = (n) => {
       if (n.sort && n.sort.active) {
         let u = !n.sort.active.value;
         i.config.columns.forEach((l) => {
@@ -664,75 +664,75 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
       }
     };
     return (n, u) => (o(), a(_, null, [
-      r("div", je, [
-        n.config.selectableId ? (o(), a("span", xe)) : p("", !0),
-        (o(!0), a(_, null, C(s.value, (l) => {
-          var c, w;
+      r("div", Ae, [
+        n.config.selectableId ? (o(), a("span", Oe)) : v("", !0),
+        (o(!0), a(_, null, $(s.value, (l) => {
+          var p, w;
           return o(), a("span", {
             class: "t2l-cell",
             key: l.property
           }, [
-            l.sort ? (o(), D(G, {
+            l.sort ? (o(), D(N, {
               key: 0,
               icon: l.sort.icon,
-              onClick: (L) => f(l),
-              active: (w = (c = l.sort) == null ? void 0 : c.active) == null ? void 0 : w.value
-            }, null, 8, ["icon", "onClick", "active"])) : p("", !0),
+              onClick: (L) => m(l),
+              active: (w = (p = l.sort) == null ? void 0 : p.active) == null ? void 0 : w.value
+            }, null, 8, ["icon", "onClick", "active"])) : v("", !0),
             E(" " + h(l.label), 1)
           ]);
         }), 128)),
-        n.config.actionHeader ? (o(), a("span", Ae, h(n.config.actionHeader), 1)) : p("", !0)
+        n.config.actionHeader ? (o(), a("span", Ke, h(n.config.actionHeader), 1)) : v("", !0)
       ]),
-      r("div", Ge, [
-        n.config.selectableId ? (o(), a("span", Oe)) : p("", !0),
-        (o(!0), a(_, null, C(s.value, (l) => (o(), a("span", {
+      r("div", Ue, [
+        n.config.selectableId ? (o(), a("span", qe)) : v("", !0),
+        (o(!0), a(_, null, $(s.value, (l) => (o(), a("span", {
           class: "t2l-cell",
           key: l.label
         }, [
-          l.filter ? (o(), D(Se, {
+          l.filter ? (o(), D(U, {
             key: 0,
             item: l.filter
-          }, null, 8, ["item"])) : p("", !0)
+          }, null, 8, ["item"])) : v("", !0)
         ]))), 128)),
-        n.config.actionHeader ? (o(), a("span", We)) : p("", !0)
+        n.config.actionHeader ? (o(), a("span", Je)) : v("", !0)
       ]),
-      r("div", Ke, [
-        (o(!0), a(_, null, C(n.items, (l) => (o(), a("div", {
+      r("div", Qe, [
+        (o(!0), a(_, null, $(n.items, (l) => (o(), a("div", {
           key: l,
           class: "t2l-row"
         }, [
-          n.config.selectableId ? (o(), a("div", Ue, [
+          n.config.selectableId ? (o(), a("div", Xe, [
             r("input", {
               class: "form-check-input",
               type: "checkbox",
               id: l[n.config.selectableId],
-              onChange: (c) => l.selected = !l.selected
-            }, null, 40, qe)
-          ])) : p("", !0),
-          (o(!0), a(_, null, C(s.value, (c) => (o(), a("div", {
+              onChange: (p) => l.selected = !l.selected
+            }, null, 40, Ye)
+          ])) : v("", !0),
+          (o(!0), a(_, null, $(s.value, (p) => (o(), a("div", {
             class: "t2l-cell",
-            key: c.property,
-            innerHTML: g(c, l)
-          }, null, 8, Je))), 128)),
-          n.config.actions ? (o(), a("div", Qe, [
-            (o(!0), a(_, null, C(n.config.actions, (c) => (o(), a("button", {
-              key: c,
+            key: p.property,
+            innerHTML: y(p, l)
+          }, null, 8, Ze))), 128)),
+          n.config.actions ? (o(), a("div", et, [
+            (o(!0), a(_, null, $(n.config.actions, (p) => (o(), a("button", {
+              key: p,
               type: "button",
               class: "btn btn-outline-secondary",
-              title: c.label,
-              disabled: !c.enabled(l),
-              onClick: (w) => c.command(l)
+              title: p.label,
+              disabled: !p.enabled(l),
+              onClick: (w) => p.command(l)
             }, [
               r("i", {
-                class: T(c.icon)
+                class: T(p.icon)
               }, null, 2)
-            ], 8, Xe))), 128))
-          ])) : p("", !0)
+            ], 8, tt))), 128))
+          ])) : v("", !0)
         ]))), 128))
       ]),
-      r("div", Ye, [
-        r("div", Ze, [
-          H(ve, {
+      r("div", lt, [
+        r("div", nt, [
+          H(O, {
             id: "card-filter-order",
             default: {
               icon: "fa-solid fa-chevron-down",
@@ -740,7 +740,7 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
             },
             selected: e.value.length > 0 ? e.value[0].property : "",
             enabled: n.config.sortEnabled,
-            options: m(
+            options: g(
               s.value.filter((l) => l.sort).map((l) => ({
                 icon: l.sort.icon,
                 label: l.sort.label,
@@ -750,8 +750,8 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
             )
           }, null, 8, ["selected", "enabled", "options"])
         ]),
-        r("div", et, [
-          H(we, {
+        r("div", ot, [
+          H(K, {
             items: t.value.map((l) => ({
               filter: l.filter,
               icon: l.filterIcon,
@@ -760,149 +760,149 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
           }, null, 8, ["items"])
         ])
       ]),
-      r("div", tt, [
-        (o(!0), a(_, null, C(n.items, (l, c) => (o(), a("div", {
+      r("div", st, [
+        (o(!0), a(_, null, $(n.items, (l, p) => (o(), a("div", {
           class: "t2l-row",
-          key: c
+          key: p
         }, [
-          n.config.selectableId ? (o(), a("div", lt, [
+          n.config.selectableId ? (o(), a("div", it, [
             r("input", {
               class: "form-check-input",
               type: "checkbox",
               id: l[n.config.selectableId],
               onChange: (w) => l.selected = !l.selected
-            }, null, 40, nt)
-          ])) : p("", !0),
-          (o(!0), a(_, null, C(n.config.smColCount, (w) => (o(), a("div", {
+            }, null, 40, at)
+          ])) : v("", !0),
+          (o(!0), a(_, null, $(n.config.smColCount, (w) => (o(), a("div", {
             class: "t2l-card-col",
             key: w
           }, [
-            (o(!0), a(_, null, C(d.value, (L) => (o(), a(_, { key: L }, [
-              v(L, w) ? (o(), a("div", ot, [
-                r("span", st, h(v(L, w).label), 1),
+            (o(!0), a(_, null, $(d.value, (L) => (o(), a(_, { key: L }, [
+              f(L, w) ? (o(), a("div", rt, [
+                r("span", dt, h(f(L, w).label), 1),
                 r("div", {
-                  innerHTML: g(v(L, w), l)
-                }, null, 8, it)
-              ])) : p("", !0)
+                  innerHTML: y(f(L, w), l)
+                }, null, 8, ut)
+              ])) : v("", !0)
             ], 64))), 128))
           ]))), 128)),
-          r("div", at, [
-            i.config.actions ? (o(), D(A, {
+          r("div", ct, [
+            i.config.actions ? (o(), D(V, {
               key: 0,
               item: l,
               options: i.config.actions,
               label: "...",
-              id: c.toString(),
+              id: p.toString(),
               right: !0
-            }, null, 8, ["item", "options", "id"])) : p("", !0)
+            }, null, 8, ["item", "options", "id"])) : v("", !0)
           ])
         ]))), 128))
       ]),
-      n.config.paginatorSettings ? (o(), D(Re, {
+      n.config.paginatorSettings ? (o(), D(q, {
         key: 0,
         settings: n.config.paginatorSettings,
         onPagesize: u[0] || (u[0] = (l) => n.$emit("pagesize", l)),
         onPage: u[1] || (u[1] = (l) => n.$emit("page", l))
-      }, null, 8, ["settings"])) : p("", !0),
-      n.config.paginatorSettings ? p("", !0) : (o(), a("div", rt, " Elemek: " + h(i.items.length), 1))
+      }, null, 8, ["settings"])) : v("", !0),
+      n.config.paginatorSettings ? v("", !0) : (o(), a("div", pt, " Elemek: " + h(i.items.length), 1))
     ], 64));
   }
-}), dt = { class: "tlb-container d-flex flex-column flex-grow-1" }, ut = { class: "d-flex flex-row tlb-item" }, ct = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, pt = ["id"], vt = {
+}), ft = { class: "tlb-container d-flex flex-column flex-grow-1" }, mt = { class: "d-flex flex-row tlb-item" }, gt = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, yt = ["id"], bt = {
   key: 0,
   class: "d-flex id"
-}, ft = { class: "d-flex flex-row align-items-center tlb-children-container" }, Lt = /* @__PURE__ */ $({
+}, kt = { class: "d-flex flex-row align-items-center tlb-children-container" }, ht = /* @__PURE__ */ C({
   __name: "TextListBox",
   props: {
     items: {}
   },
   emits: ["deleted"],
-  setup(y) {
+  setup(c) {
     return (i, s) => {
-      const t = x("TextListBox", !0);
-      return o(), a("div", dt, [
-        (o(!0), a(_, null, C(i.items, (e) => (o(), a("div", {
+      const t = W("TextListBox", !0);
+      return o(), a("div", ft, [
+        (o(!0), a(_, null, $(i.items, (e) => (o(), a("div", {
           class: "d-flex flex-column",
           key: e.id
         }, [
-          r("div", ut, [
-            r("div", ct, [
+          r("div", mt, [
+            r("div", gt, [
               r("div", {
                 class: "d-flex flex-grow-1",
                 id: e.id
-              }, h(e.label), 9, pt),
-              e.showId ? (o(), a("div", vt, h(e.id), 1)) : p("", !0)
+              }, h(e.label), 9, yt),
+              e.showId ? (o(), a("div", bt, h(e.id), 1)) : v("", !0)
             ]),
-            e.hideDelete ? p("", !0) : (o(), D(G, {
+            e.hideDelete ? v("", !0) : (o(), D(N, {
               key: 0,
               icon: "fa-solid fa-trash",
               onClick: (d) => i.$emit("deleted", e.id)
             }, null, 8, ["onClick"]))
           ]),
-          r("div", ft, [
+          r("div", kt, [
             e.childrend ? (o(), D(t, {
               key: 0,
               items: e.childrend,
               showId: e.showId,
               hideDelete: e.hideDelete
-            }, null, 8, ["items", "showId", "hideDelete"])) : p("", !0)
+            }, null, 8, ["items", "showId", "hideDelete"])) : v("", !0)
           ])
         ]))), 128))
       ]);
     };
   }
-}), mt = {
+}), _t = {
   key: 0,
   class: "toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"
-}, gt = { class: "toast-header" }, yt = { class: "me-auto" }, bt = { class: "text-body-secondary" }, kt = ["onClick"], ht = ["innerHTML"], j = 500, _t = /* @__PURE__ */ $({
+}, Ct = { class: "toast-header" }, $t = { class: "me-auto" }, wt = { class: "text-body-secondary" }, Dt = ["onClick"], Bt = ["innerHTML"], G = 500, Q = /* @__PURE__ */ C({
   __name: "ToastComponent",
   props: {
     defaultDisplayDuration: {}
   },
-  setup(y, { expose: i }) {
-    const s = y, t = m([]);
+  setup(c, { expose: i }) {
+    const s = c, t = g([]);
     return i({
       addToast: (d) => {
-        d.displayDuration || (d.displayDuration = s.defaultDisplayDuration), d.id = /* @__PURE__ */ new Date(), t.value.filter(function(v) {
-          return v.id !== d.id;
+        d.displayDuration || (d.displayDuration = s.defaultDisplayDuration), d.id = /* @__PURE__ */ new Date(), t.value.filter(function(f) {
+          return f.id !== d.id;
         }), t.value.push(d);
       }
     }), setInterval(() => {
-      t.value = t.value.map((d) => (d.displayDuration -= j, d)), t.value = t.value.filter((d) => d.displayDuration > 0);
-    }, j), (d, v) => t.value.length > 0 ? (o(), a("div", mt, [
-      (o(!0), a(_, null, C(t.value, (g) => (o(), a("div", {
-        key: g.message,
+      t.value = t.value.map((d) => (d.displayDuration -= G, d)), t.value = t.value.filter((d) => d.displayDuration > 0);
+    }, G), (d, f) => t.value.length > 0 ? (o(), a("div", _t, [
+      (o(!0), a(_, null, $(t.value, (y) => (o(), a("div", {
+        key: y.message,
         class: T(["toast d-block", {
-          "toast-info": g.type === "info",
-          "toast-success": g.type === "success",
-          "toast-warning": g.type === "warning",
-          "toast-error": g.type === "error"
+          "toast-info": y.type === "info",
+          "toast-success": y.type === "success",
+          "toast-warning": y.type === "warning",
+          "toast-error": y.type === "error"
         }]),
         role: "alert",
         "aria-live": "assertive",
         "aria-atomic": "true"
       }, [
-        r("div", gt, [
-          r("strong", yt, h(g.title), 1),
-          r("small", bt, h(g.id.toLocaleTimeString()), 1),
+        r("div", Ct, [
+          r("strong", $t, h(y.title), 1),
+          r("small", wt, h(y.id.toLocaleTimeString()), 1),
           r("button", {
             type: "button",
             class: "btn-close",
             "data-bs-dismiss": "toast",
             "aria-label": "Close",
-            onClick: (f) => t.value = t.value.filter((n) => n.id !== g.id)
-          }, null, 8, kt)
+            onClick: (m) => t.value = t.value.filter((n) => n.id !== y.id)
+          }, null, 8, Dt)
         ]),
         r("div", {
           class: "toast-body",
-          innerHTML: g.message
-        }, null, 8, ht)
+          innerHTML: y.message
+        }, null, 8, Bt)
       ], 2))), 128))
-    ])) : p("", !0);
+    ])) : v("", !0);
   }
-}), It = /* @__PURE__ */ $({
+}), Tt = /* @__PURE__ */ C({
   __name: "ToastWrapper",
-  setup(y) {
-    const i = m(), s = [
+  setup(c) {
+    const i = g(), s = [
       {
         id: "toast-notification-message",
         handler: (t) => {
@@ -930,30 +930,35 @@ const K = { class: "form-check" }, U = ["checked", "id"], q = ["for"], J = /* @_
     ];
     return M(() => {
       s.forEach((t) => window.addEventListener(t.id, t.handler));
-    }), W(() => {
+    }), Y(() => {
       s.forEach((t) => window.removeEventListener(t.id, t.handler));
-    }), (t, e) => (o(), D(_t, {
+    }), (t, e) => (o(), D(Q, {
       ref_key: "toast",
       ref: i,
       defaultDisplayDuration: 5e3
     }, null, 512));
   }
-});
+}), St = {
+  install(c) {
+    c.component("CheckBox", A), c.component("CheckBoxList", se), c.component("DropDown", z), c.component("DropDownMenu", V), c.component("DropDownCallBack", O), c.component("FilterCompact", K), c.component("FilterControl", U), c.component("IconButton", N), c.component("PaginatorControl", q), c.component("RadioButton", J), c.component("RadioButtonGroup", je), c.component("SpinningProgress", We), c.component("TableToList", vt), c.component("TextListBox", ht), c.component("ToastComponent", Q), c.component("ToastWrapper", Tt);
+  }
+};
 export {
-  J as CheckBox,
-  wt as CheckBoxList,
-  V as DropDown,
-  ve as DropDownCallBack,
-  A as DropDownMenu,
-  we as FilterCompact,
-  Se as FilterControl,
-  G as IconButton,
-  Re as PaginatorControl,
-  Pe as RadioButton,
-  Dt as RadioButtonGroup,
-  Bt as SpinningProgress,
-  Tt as TableToList,
-  Lt as TextListBox,
-  _t as ToastComponent,
-  It as ToastWrapper
+  A as CheckBox,
+  se as CheckBoxList,
+  z as DropDown,
+  O as DropDownCallBack,
+  V as DropDownMenu,
+  K as FilterCompact,
+  U as FilterControl,
+  N as IconButton,
+  q as PaginatorControl,
+  J as RadioButton,
+  je as RadioButtonGroup,
+  We as SpinningProgress,
+  vt as TableToList,
+  ht as TextListBox,
+  Q as ToastComponent,
+  Tt as ToastWrapper,
+  St as default
 };