admins-components 1.2.6 → 1.2.8

package/dist/admins-components.js

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