admins-components 1.2.11 → 1.2.13

package/dist/admins-components.js

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