admins-components 2.0.0 → 2.0.1

package/dist/admins-components.js

@@ -1,8 +1,8 @@
-var te = Object.defineProperty;
-var le = (v, o, e) => o in v ? te(v, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[o] = e;
-var E = (v, o, e) => le(v, typeof o != "symbol" ? o + "" : o, e);
-import { defineComponent as C, createElementBlock as a, openBlock as i, createElementVNode as r, toDisplayString as _, resolveComponent as U, Fragment as $, renderList as w, createVNode as H, createBlock as S, createCommentVNode as y, watch as P, ref as b, onMounted as F, unref as oe, normalizeStyle as N, createTextVNode as z, normalizeClass as L, computed as R, reactive as ne, nextTick as se, onUnmounted as ie } from "vue";
-const ae = { class: "form-check" }, re = ["checked", "id"], de = ["for"], j = /* @__PURE__ */ C({
+var ie = Object.defineProperty;
+var ae = (f, o, e) => o in f ? ie(f, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[o] = e;
+var M = (f, o, e) => ae(f, typeof o != "symbol" ? o + "" : o, e);
+import { defineComponent as D, createElementBlock as a, openBlock as i, createElementVNode as r, toDisplayString as w, resolveComponent as Y, Fragment as C, renderList as B, createVNode as A, createBlock as E, createCommentVNode as g, watch as V, ref as y, onMounted as z, onUnmounted as Z, unref as re, normalizeStyle as G, normalizeClass as x, createTextVNode as N, computed as H, reactive as de, nextTick as ce } from "vue";
+const ue = { class: "form-check" }, pe = ["checked", "id"], ve = ["for"], W = /* @__PURE__ */ D({
   __name: "CheckBox",
   props: {
     id: {},
@@ -10,8 +10,8 @@ const ae = { class: "form-check" }, re = ["checked", "id"], de = ["for"], j = /*
     checked: { type: Boolean }
   },
   emits: ["changed"],
-  setup(v) {
-    return (o, e) => (i(), a("div", ae, [
+  setup(f) {
+    return (o, e) => (i(), a("div", ue, [
       r("input", {
         class: "form-check-input",
         type: "checkbox",
@@ -22,48 +22,48 @@ const ae = { class: "form-check" }, re = ["checked", "id"], de = ["for"], j = /*
           id: o.id,
           checked: t.target.checked
         }))
-      }, null, 40, re),
+      }, null, 40, pe),
       r("label", {
         class: "form-check-label",
         for: o.id
-      }, _(o.label), 9, de)
+      }, w(o.label), 9, ve)
     ]));
   }
-}), ce = { class: "cbl-childrend-container" }, ue = /* @__PURE__ */ C({
+}), fe = { class: "cbl-childrend-container" }, me = /* @__PURE__ */ D({
   __name: "CheckBoxList",
   props: {
     items: {},
     callback: { type: Function }
   },
-  setup(v) {
+  setup(f) {
     return (o, e) => {
-      const t = U("CheckBoxList", !0);
-      return i(!0), a($, null, w(o.items, (l) => (i(), a("div", {
+      const t = Y("CheckBoxList", !0);
+      return i(!0), a(C, null, B(o.items, (l) => (i(), a("div", {
         key: l.id,
         class: "cbl-container"
       }, [
-        H(j, {
+        A(W, {
           id: l.id,
           label: l.label,
           checked: l.checked,
           onChanged: e[0] || (e[0] = (d) => o.callback(d.id, d.checked))
         }, null, 8, ["id", "label", "checked"]),
-        r("div", ce, [
-          l.childrend ? (i(), S(t, {
+        r("div", fe, [
+          l.childrend ? (i(), E(t, {
             key: 0,
             items: l.childrend,
             callback: o.callback
-          }, null, 8, ["items", "callback"])) : y("", !0)
+          }, null, 8, ["items", "callback"])) : g("", !0)
         ])
       ]))), 128);
     };
   }
-}), pe = (v, o) => {
-  const e = v.__vccOpts || v;
+}), ge = (f, o) => {
+  const e = f.__vccOpts || f;
   for (const [t, l] of o)
     e[t] = l;
   return e;
-}, ve = /* @__PURE__ */ pe(ue, [["__scopeId", "data-v-ae2832c5"]]), fe = ["id"], me = ["disabled"], ge = { class: "dd-label" }, ye = { class: "dd-item-list" }, be = ["onClick"], O = /* @__PURE__ */ C({
+}, ye = /* @__PURE__ */ ge(me, [["__scopeId", "data-v-ae2832c5"]]), be = ["id"], he = ["disabled"], ke = { class: "dd-label" }, _e = ["id"], $e = { class: "dd-item-list" }, we = ["id", "onClick"], K = /* @__PURE__ */ D({
   __name: "DropDown",
   props: {
     id: {},
@@ -77,110 +77,147 @@ const ae = { class: "form-check" }, re = ["checked", "id"], de = ["for"], j = /*
     disabled: { type: Boolean }
   },
   emits: ["selected", "filtered"],
-  setup(v, { emit: o }) {
-    const e = v;
-    P(e.options, () => {
-      e.filterevent && (u.value = e.options.value);
-    }), P(
+  setup(f, { emit: o }) {
+    const e = f;
+    V(e.options, () => {
+      e.filterevent && ($.value = e.options.value);
+    }), V(
       () => e.selected,
       () => {
-        g();
+        v();
       }
-    ), P(
+    ), V(
       () => e.label,
       () => {
-        g();
+        v();
       }
     );
-    const t = o, l = (m) => {
-      e.storeselected || (f.value = m.label), t("selected", m);
-    }, d = "törlés", f = b(""), g = () => {
+    const t = o, l = (h) => {
+      e.storeselected || (m.value = h.label), t("selected", h);
+    }, d = "törlés", m = y(""), p = y(null);
+    V(
+      () => p.value,
+      () => {
+        p.value && document.getElementById(p.value.id).scrollIntoView();
+      }
+    );
+    const v = () => {
       if (e.options.value) {
-        const m = e.options.value.find((k) => k.id == e.selected);
-        m ? f.value = m.label : (n(""), f.value = e.label);
+        const h = e.options.value.find((_) => _.id == e.selected);
+        h ? m.value = h.label : (b(""), m.value = e.label);
+      }
+    }, s = (h) => {
+      const _ = () => p ? $.value.indexOf(p.value, 0) : -1, T = document.getElementById(`${e.id}-clear-btn`);
+      if (T == h.target && h.key == "ArrowDown") {
+        F.value.focus(), p.value = $.value[0];
+        return;
+      }
+      if (F.value && F.value == h.target) {
+        if (h.key == "ArrowUp") {
+          const j = _();
+          if (j < 1) {
+            T && T.focus();
+            return;
+          }
+          p.value = $.value[j - 1];
+          return;
+        }
+        if (h.key == "ArrowDown") {
+          const j = _();
+          if (j >= $.value.length - 1) return;
+          p.value = $.value[j + 1];
+          return;
+        }
+        if (h.key == "Enter") {
+          if (!p.value) return;
+          l(p.value), S.value == "block" && (S.value = "none");
+          return;
+        }
       }
+    }, u = () => {
+      S.value == "block" && (S.value = "none");
+    }, n = () => {
+      S.value == "block" && (S.value = "none");
     };
-    F(() => {
-      e.label && (f.value = e.label), g(), p = "", document.addEventListener("click", function() {
-        I.value == "block" && (I.value = "none");
-      }), window.addEventListener("scrolled", function() {
-        I.value == "block" && (I.value = "none");
-      }), h();
+    z(() => {
+      e.label && (m.value = e.label), v(), c = "", document.addEventListener("click", u), window.addEventListener("scrolled", n), I(), document.addEventListener("keydown", s);
+    }), Z(() => {
+      document.removeEventListener("keydown", s), document.removeEventListener("click", u), window.removeEventListener("scrolled", n);
     });
-    let p = "";
-    const n = (m) => {
-      p = m, e.filterevent ? t("filtered", m) : m == "" ? u.value = e.options.value : u.value = e.options.value.filter(
-        (k) => k.label.toLowerCase().includes(m.toLowerCase())
-      );
-    }, u = b([]), s = () => {
-      l({ label: e.label, id: "" }), n("");
-    }, c = () => {
-      if (I.value == "block") {
-        I.value = "none";
+    let c = "";
+    const b = (h) => {
+      c = h, e.filterevent ? t("filtered", h) : h == "" ? $.value = e.options.value : $.value = e.options.value.filter((_) => _.label.toLowerCase().includes(h.toLowerCase()));
+    }, $ = y([]), P = () => {
+      l({ label: e.label, id: "" }), b("");
+    }, O = () => {
+      if (S.value == "block") {
+        S.value = "none";
         return;
       }
       setTimeout(() => {
-        I.value = "block";
-      }, 10), setTimeout(h, 20);
-    }, h = () => {
-      const m = D.value, k = M.value;
-      e.opentop ? k.style.top = m.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = m.getBoundingClientRect().y + m.offsetHeight + "px", m.getBoundingClientRect().y - k.getBoundingClientRect().y != -m.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (m.getBoundingClientRect().y - k.getBoundingClientRect().y) + m.offsetHeight + "px")), B.value && B.value.focus();
-    }, D = b(null), M = b(null), I = b("none"), B = b(null);
-    return (m, k) => (i(), a("div", {
-      id: m.id,
+        S.value = "block";
+      }, 10), setTimeout(I, 20);
+    }, I = () => {
+      const h = k.value, _ = R.value;
+      e.opentop ? _.style.top = h.getBoundingClientRect().y - _.offsetHeight + "px" : (_.style.top = h.getBoundingClientRect().y + h.offsetHeight + "px", h.getBoundingClientRect().y - _.getBoundingClientRect().y != -h.offsetHeight && (_.style.top = parseInt(_.style.top.substring(0, _.style.top.length - 2)) + (h.getBoundingClientRect().y - _.getBoundingClientRect().y) + h.offsetHeight + "px")), F.value && F.value.focus();
+    }, k = y(null), R = y(null), S = y("none"), F = y(null);
+    return (h, _) => (i(), a("div", {
+      id: h.id,
       class: "dd-flex"
     }, [
       r("button", {
         ref_key: "DropDownTriggerButton",
-        ref: D,
+        ref: k,
         class: "btn btn-outline-secondary dd-toggle dd-flex",
         type: "button",
-        disabled: m.disabled,
-        onClick: k[0] || (k[0] = (T) => {
-          n(oe(p)), c();
+        disabled: h.disabled,
+        onClick: _[0] || (_[0] = () => {
+          b(re(c)), O();
         })
       }, [
-        r("div", ge, _(f.value), 1)
-      ], 8, me),
+        r("div", ke, w(m.value), 1)
+      ], 8, he),
       r("div", {
         class: "dd-menu",
-        style: N({ display: I.value }),
+        style: G({ display: S.value }),
         ref_key: "DropDownMenu",
-        ref: M
+        ref: R
       }, [
-        f.value != e.label ? (i(), a("button", {
+        m.value != e.label ? (i(), a("button", {
           key: 0,
+          id: `${h.id}-clear-btn`,
           type: "button",
           class: "btn btn-outline-secondary dd-button",
-          onClick: k[1] || (k[1] = (T) => s())
-        }, _(d))) : y("", !0),
-        m.disableFilter ? y("", !0) : (i(), a("input", {
+          onClick: _[1] || (_[1] = (T) => P())
+        }, w(d), 8, _e)) : g("", !0),
+        h.disableFilter ? g("", !0) : (i(), a("input", {
           key: 1,
           ref_key: "ddSearch",
-          ref: B,
+          ref: F,
           type: "text ",
           class: "form-control",
           placeholder: "keresés",
-          onInput: k[2] || (k[2] = (T) => n(T.target.value)),
-          onClick: k[3] || (k[3] = (T) => T.stopPropagation())
+          onInput: _[2] || (_[2] = (T) => b(T.target.value)),
+          onClick: _[3] || (_[3] = (T) => T.stopPropagation())
         }, null, 544)),
-        r("div", ye, [
-          (i(!0), a($, null, w(u.value, (T) => (i(), a("div", {
+        r("div", $e, [
+          (i(!0), a(C, null, B($.value, (T) => (i(), a("div", {
+            id: T.id,
             key: T.id,
-            class: "dd-item",
-            onClick: (V) => l(T)
+            class: x(["dd-item", { "dd-item-preselected": T == p.value }]),
+            onClick: (j) => l(T)
           }, [
             T.icon ? (i(), a("i", {
               key: 0,
-              class: L([T.icon, "dd-item__icon"])
-            }, null, 2)) : y("", !0),
-            z(_(T.label), 1)
-          ], 8, be))), 128))
+              class: x([T.icon, "dd-item__icon"])
+            }, null, 2)) : g("", !0),
+            N(w(T.label), 1)
+          ], 10, we))), 128))
         ])
       ], 4)
-    ], 8, fe));
+    ], 8, be));
   }
-}), he = ["id"], ke = ["disabled"], _e = { class: "ddc-row" }, $e = { class: "ddc-label" }, Ce = { class: "dd-item-list" }, we = ["onClick"], De = { class: "ddc-item" }, Be = { class: "ddc-label" }, Te = "törlés", q = /* @__PURE__ */ C({
+}), Ce = ["id"], De = ["disabled"], Be = { class: "ddc-row" }, Te = { class: "ddc-label" }, Ie = { class: "dd-item-list" }, Se = ["onClick"], Ee = { class: "ddc-item" }, Le = { class: "ddc-label" }, xe = "törlés", ee = /* @__PURE__ */ D({
   __name: "DropDownCallBack",
   props: {
     id: {},
@@ -189,84 +226,84 @@ const ae = { class: "form-check" }, re = ["checked", "id"], de = ["for"], j = /*
     enabled: { type: Boolean },
     options: {}
   },
-  setup(v) {
-    const o = v, e = (u) => {
+  setup(f) {
+    const o = f, e = (u) => {
       u == o.default && t.value.callback(""), t.value = u, t.value.callback(t.value.value);
-    }, t = b(o.default), l = () => {
+    }, t = y(o.default), l = () => {
       if (o.selected && o.options.value) {
         const u = o.options.value.find(
-          (s) => s.value == o.selected
+          (n) => n.value == o.selected
         );
         u && (t.value = u);
       }
     };
-    F(() => {
+    z(() => {
       l(), document.addEventListener("click", function() {
-        n.value == "block" && (n.value = "none");
+        s.value == "block" && (s.value = "none");
       });
     });
     const d = () => {
       setTimeout(() => {
-        n.value = "block";
+        s.value = "block";
       }, 10), setTimeout(() => {
-        p.value = f.value.offsetHeight;
+        v.value = m.value.offsetHeight;
       }, 20);
-    }, f = b(null), g = b(null), p = b(0), n = b("none");
-    return (u, s) => (i(), a("div", {
+    }, m = y(null), p = y(null), v = y(0), s = y("none");
+    return (u, n) => (i(), a("div", {
       class: "ddc-flex",
       id: u.id
     }, [
       r("button", {
         ref_key: "DropDownTriggerButton",
-        ref: f,
+        ref: m,
         class: "btn btn-outline-secondary ddc-button",
         type: "button",
         disabled: !u.enabled,
-        onClick: s[0] || (s[0] = (c) => d())
+        onClick: n[0] || (n[0] = (c) => d())
       }, [
-        r("span", _e, [
+        r("span", Be, [
           r("i", {
-            class: L([t.value.icon, "ddc-icon"])
+            class: x([t.value.icon, "ddc-icon"])
           }, null, 2),
-          r("span", $e, _(t.value.label), 1)
+          r("span", Te, w(t.value.label), 1)
         ])
-      ], 8, ke),
+      ], 8, De),
       r("div", {
         class: "ddc-menu",
-        style: N({ display: n.value, "margin-top": p.value + "px" }),
+        style: G({ display: s.value, "margin-top": v.value + "px" }),
         ref_key: "DropDownMenu",
-        ref: g
+        ref: p
       }, [
         t.value != o.default ? (i(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary ddc-button",
-          onClick: s[1] || (s[1] = (c) => e(o.default))
-        }, _(Te))) : y("", !0),
-        r("div", Ce, [
-          (i(!0), a($, null, w(u.options.value, (c) => (i(), a("div", {
+          onClick: n[1] || (n[1] = (c) => e(o.default))
+        }, w(xe))) : g("", !0),
+        r("div", Ie, [
+          (i(!0), a(C, null, B(u.options.value, (c) => (i(), a("div", {
             key: c.label,
             class: "ddc-item",
-            onClick: (h) => e(c)
+            onClick: (b) => e(c)
           }, [
-            r("span", De, [
+            r("span", Ee, [
               r("i", {
-                class: L([c.icon, "ddc-icon"])
+                class: x([c.icon, "ddc-icon"])
               }, null, 2),
-              r("span", Be, _(c.label), 1)
+              r("span", Le, w(c.label), 1)
             ])
-          ], 8, we))), 128))
+          ], 8, Se))), 128))
         ])
       ], 4)
-    ], 8, he));
+    ], 8, Ce));
   }
-}), Ie = ["id"], Se = {
+}), Re = ["id"], Fe = {
   key: 0,
   class: "ddm-label"
-}, xe = {
+}, Me = {
   key: 1,
   class: "ddm-label"
-}, Le = ["onClick"], A = /* @__PURE__ */ C({
+}, He = ["onClick"], U = /* @__PURE__ */ D({
   __name: "DropDownMenu",
   props: {
     label: {},
@@ -276,263 +313,263 @@ const ae = { class: "form-check" }, re = ["checked", "id"], de = ["for"], j = /*
     id: {},
     right: { type: Boolean }
   },
-  setup(v) {
-    const o = v;
-    F(() => {
+  setup(f) {
+    const o = f;
+    z(() => {
       document.addEventListener("click", function() {
         e.value && (e.value = !1);
       });
     });
-    const e = b(!1), t = () => {
+    const e = y(!1), t = () => {
       setTimeout(() => {
         e.value = !0;
       }, 10), setTimeout(l, 20);
     }, l = () => {
-      const p = d.value, n = f.value;
-      n.style.top = p.getBoundingClientRect().y + p.offsetHeight + "px", p.getBoundingClientRect().y - n.getBoundingClientRect().y != -p.offsetHeight && (n.style.top = parseInt(n.style.top.substring(0, n.style.top.length - 2)) + (p.getBoundingClientRect().y - n.getBoundingClientRect().y) + p.offsetHeight + "px"), n.style.left = p.getBoundingClientRect().x - (o.right ? 100 : 0) + "px";
-    }, d = b(null), f = b(null), g = b(0);
-    return (p, n) => (i(), a("div", {
+      const v = d.value, s = m.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 - (o.right ? 100 : 0) + "px";
+    }, d = y(null), m = y(null), p = y(0);
+    return (v, s) => (i(), a("div", {
       class: "d-flex",
-      id: p.id
+      id: v.id
     }, [
       r("button", {
         ref_key: "DropDownTriggerButton",
         ref: d,
         class: "btn btn-outline-secondary",
         type: "button",
-        onClick: n[0] || (n[0] = (u) => t())
+        onClick: s[0] || (s[0] = (u) => t())
       }, [
-        p.label ? (i(), a("span", Se, _(p.label), 1)) : y("", !0),
-        p.icon ? (i(), a("span", xe, [
+        v.label ? (i(), a("span", Fe, w(v.label), 1)) : g("", !0),
+        v.icon ? (i(), a("span", Me, [
           r("i", {
-            class: L(p.icon)
+            class: x(v.icon)
           }, null, 2)
-        ])) : y("", !0)
+        ])) : g("", !0)
       ], 512),
       e.value ? (i(), a("div", {
         key: 0,
         class: "ddm-menu",
         ref_key: "DropDownMenu",
-        ref: f,
-        style: N({ "margin-top": g.value + "px" })
+        ref: m,
+        style: G({ "margin-top": p.value + "px" })
       }, [
-        (i(!0), a($, null, w(p.options, (u) => (i(), a("div", {
+        (i(!0), a(C, null, B(v.options, (u) => (i(), a("div", {
           key: u.icon,
           class: "ddm-item",
-          onClick: (s) => u.command(p.item)
+          onClick: (n) => u.command(v.item)
         }, [
           r("i", {
-            class: L(u.icon)
+            class: x(u.icon)
           }, null, 2),
-          z(_(u.label), 1)
-        ], 8, Le))), 128))
-      ], 4)) : y("", !0)
-    ], 8, Ie));
+          N(w(u.label), 1)
+        ], 8, He))), 128))
+      ], 4)) : g("", !0)
+    ], 8, Re));
   }
-}), Ee = { class: "fltrc-container" }, Re = { class: "fltrc-container" }, Fe = ["placeholder", "value"], Me = {
+}), ze = { class: "fltrc-container" }, Pe = { class: "fltrc-container" }, Oe = ["placeholder", "value"], je = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
-}, He = ["value"], ze = ["value"], Q = /* @__PURE__ */ C({
+}, Ae = ["value"], Ne = ["value"], te = /* @__PURE__ */ D({
   __name: "FilterCompact",
   props: {
     items: {}
   },
-  setup(v) {
-    const o = v, e = b(0), t = b(0), l = R(() => o.items[e.value].filter), d = (u) => {
-      let s = o.items[t.value];
-      s.filter.filtered(s.filter.key, ""), e.value = u, t.value = u, n.value += 1;
-    }, f = b(void 0);
-    F(() => {
+  setup(f) {
+    const o = f, e = y(0), t = y(0), l = H(() => o.items[e.value].filter), d = (u) => {
+      let n = o.items[t.value];
+      n.filter.filtered(n.filter.key, ""), e.value = u, t.value = u, s.value += 1;
+    }, m = y(void 0);
+    z(() => {
       let u = [];
-      for (let s = 0; s < o.items.length; s++)
+      for (let n = 0; n < o.items.length; n++)
         u.push({
-          icon: o.items[s].icon,
-          label: o.items[s].label,
-          command: () => d(s)
+          icon: o.items[n].icon,
+          label: o.items[n].label,
+          command: () => d(n)
         });
-      f.value = u;
+      m.value = u;
     });
-    const g = b({}), p = b(void 0), n = b(0);
-    return (u, s) => (i(), a("div", Ee, [
-      f.value ? (i(), S(A, {
+    const p = y({}), v = y(void 0), s = y(0);
+    return (u, n) => (i(), a("div", ze, [
+      m.value ? (i(), E(U, {
         key: 0,
         id: "ddm",
         icon: u.items[e.value].icon,
         item: u.items[e.value],
         label: "",
-        options: f.value
-      }, null, 8, ["icon", "item", "options"])) : y("", !0),
-      r("div", Re, [
+        options: m.value
+      }, null, 8, ["icon", "item", "options"])) : g("", !0),
+      r("div", Pe, [
         l.value.type == "text" ? (i(), a("input", {
           key: 0,
           type: "text",
           class: "form-control",
           placeholder: l.value.placeholder,
           value: l.value.defaultv ?? "",
-          onInput: s[0] || (s[0] = (c) => {
+          onInput: n[0] || (n[0] = (c) => {
             l.value.filtered(l.value.key, c.target.value), l.value.defaultv = c.target.value;
           })
-        }, null, 40, Fe)) : y("", !0),
-        l.value.type == "date" ? (i(), a("div", Me, [
+        }, null, 40, Oe)) : g("", !0),
+        l.value.type == "date" ? (i(), a("div", je, [
           r("input", {
             type: "date",
             class: "form-control",
             value: l.value.defFrom ?? "",
-            onInput: s[1] || (s[1] = (c) => {
-              g.value.from = c.target.value == "" ? null : c.target.value, l.value.defFrom = c.target.value == "" ? null : c.target.value, l.value.filtered(l.value.key, g.value);
+            onInput: n[1] || (n[1] = (c) => {
+              p.value.from = c.target.value == "" ? null : c.target.value, l.value.defFrom = c.target.value == "" ? null : c.target.value, l.value.filtered(l.value.key, p.value);
             })
-          }, null, 40, He),
-          s[5] || (s[5] = r("span", { class: "input-group-text" }, "-", -1)),
+          }, null, 40, Ae),
+          n[5] || (n[5] = r("span", { class: "input-group-text" }, "-", -1)),
           r("input", {
             type: "date",
             class: "form-control",
             value: l.value.defTil ?? "",
-            onInput: s[2] || (s[2] = (c) => {
-              g.value.until = c.target.value == "" ? null : c.target.value, l.value.defTil = c.target.value == "" ? null : c.target.value, l.value.filtered(l.value.key, g.value);
+            onInput: n[2] || (n[2] = (c) => {
+              p.value.until = c.target.value == "" ? null : c.target.value, l.value.defTil = c.target.value == "" ? null : c.target.value, l.value.filtered(l.value.key, p.value);
             })
-          }, null, 40, ze)
-        ])) : y("", !0),
-        l.value.type == "dropdown" ? (i(), S(O, {
-          key: n.value,
-          selected: p.value,
+          }, null, 40, Ne)
+        ])) : g("", !0),
+        l.value.type == "dropdown" ? (i(), E(K, {
+          key: s.value,
+          selected: v.value,
           options: l.value.options,
           filterevent: l.value.filterevent,
-          onFiltered: s[3] || (s[3] = (c) => {
+          onFiltered: n[3] || (n[3] = (c) => {
             l.value.onfiltered && l.value.onfiltered(c);
           }),
           id: l.value.key,
           label: l.value.label,
-          onSelected: s[4] || (s[4] = (c) => l.value.filtered(l.value.key, c.id))
-        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : y("", !0)
+          onSelected: n[4] || (n[4] = (c) => l.value.filtered(l.value.key, c.id))
+        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : g("", !0)
       ])
     ]));
   }
-}), Pe = ["id"], je = ["id"], Ne = { class: "dtrp-label" }, Oe = ["id"], Ve = { class: "d-flex flex-column w-100 gap-2" }, We = ["id"], Ae = ["id"], Ge = "Törlés", Je = "Beállítás", Ke = /* @__PURE__ */ C({
+}), Ve = ["id"], We = ["id"], Ge = { class: "dtrp-label" }, Ke = ["id"], Je = { class: "d-flex flex-column w-100 gap-2" }, Ue = ["id"], qe = ["id"], Qe = "Törlés", Xe = "Beállítás", Ye = /* @__PURE__ */ D({
   __name: "DateRangePicker",
   props: {
     id: {},
     label: {}
   },
   emits: ["changed"],
-  setup(v, { emit: o }) {
-    const e = v, t = o, l = b(!1), d = async () => {
-      l.value = !l.value, l.value && (await g(), I());
-    }, f = ne({
+  setup(f, { emit: o }) {
+    const e = f, t = o, l = y(!1), d = async () => {
+      l.value = !l.value, l.value && (await p(), O());
+    }, m = de({
       top: "0px",
       left: "0px"
-    }), g = async () => {
-      await se();
-      const m = document.getElementById(`${e.id}-btn`).getBoundingClientRect(), k = document.getElementById(`${e.id}-popup`);
-      if (!k) return;
-      const T = k.getBoundingClientRect(), V = window.innerWidth;
-      f.top = m.top + m.height + "px", m.left < V / 3 ? f.left = m.left + "px" : m.left > 2 * V / 3 ? f.left = m.left + m.width - T.width + "px" : f.left = m.right - m.width / 2 - T.width / 2 + "px";
+    }), p = async () => {
+      await ce();
+      const k = document.getElementById(`${e.id}-btn`).getBoundingClientRect(), R = document.getElementById(`${e.id}-popup`);
+      if (!R) return;
+      const S = R.getBoundingClientRect(), F = window.innerWidth;
+      m.top = k.top + k.height + "px", k.left < F / 3 ? m.left = k.left + "px" : k.left > 2 * F / 3 ? m.left = k.left + k.width - S.width + "px" : m.left = k.right - k.width / 2 - S.width / 2 + "px";
     };
-    let p = "", n = "";
-    const u = (B) => {
-      p = B;
-    }, s = (B) => {
-      n = B;
-    }, c = b(""), h = async () => {
-      p != "" || n != "" ? c.value = `'${p}'-'${n}'` : c.value = e.label, await g();
+    let v = "", s = "";
+    const u = (I) => {
+      v = I;
+    }, n = (I) => {
+      s = I;
+    }, c = y(""), b = async () => {
+      v != "" || s != "" ? c.value = `'${v}'-'${s}'` : c.value = e.label, await p();
     };
-    F(() => {
-      h(), window.addEventListener("click", (B) => {
-        const m = document.getElementById(`${e.id}`);
-        m && !m.contains(B.target) && (l.value = !1);
+    z(() => {
+      b(), window.addEventListener("click", (I) => {
+        const k = document.getElementById(`${e.id}`);
+        k && !k.contains(I.target) && (l.value = !1);
       });
     });
-    const D = () => {
-      n = "", p = "", h(), I(), l.value = !1, t("changed", { from: p == "" ? null : p, to: n == "" ? null : n });
-    }, M = () => {
-      h(), l.value = !1, t("changed", { from: p == "" ? null : p, to: n == "" ? null : n });
-    }, I = () => {
-      document.getElementById(`${e.id}-from`).value = p, document.getElementById(`${e.id}-to`).value = n;
+    const $ = () => {
+      s = "", v = "", b(), O(), l.value = !1, t("changed", { from: v == "" ? null : v, to: s == "" ? null : s });
+    }, P = () => {
+      b(), l.value = !1, t("changed", { from: v == "" ? null : v, to: s == "" ? null : s });
+    }, O = () => {
+      document.getElementById(`${e.id}-from`).value = v, document.getElementById(`${e.id}-to`).value = s;
     };
-    return (B, m) => (i(), a("div", {
-      id: B.id,
+    return (I, k) => (i(), a("div", {
+      id: I.id,
       class: "dtrp-flex"
     }, [
       r("button", {
-        id: B.id + "-btn",
+        id: I.id + "-btn",
         class: "btn btn-outline-secondary dtrp-flex dtrp-button",
         type: "button",
         onClick: d
       }, [
-        r("div", Ne, _(c.value), 1)
-      ], 8, je),
+        r("div", Ge, w(c.value), 1)
+      ], 8, We),
       l.value ? (i(), a("div", {
         key: 0,
-        id: B.id + "-popup",
+        id: I.id + "-popup",
         class: "dtrp-popup d-flex",
-        style: N(f)
+        style: G(m)
       }, [
-        r("div", Ve, [
-          m[2] || (m[2] = z(" Ettől ")),
+        r("div", Je, [
+          k[2] || (k[2] = N(" Ettől ")),
           r("input", {
-            id: B.id + "-from",
+            id: I.id + "-from",
             type: "date",
             class: "form-control",
-            onChange: m[0] || (m[0] = (k) => u(k.target.value))
-          }, null, 40, We),
-          m[3] || (m[3] = z(" Eddig ")),
+            onChange: k[0] || (k[0] = (R) => u(R.target.value))
+          }, null, 40, Ue),
+          k[3] || (k[3] = N(" Eddig ")),
           r("input", {
-            id: B.id + "-to",
+            id: I.id + "-to",
             type: "date",
             class: "form-control",
-            onChange: m[1] || (m[1] = (k) => s(k.target.value))
-          }, null, 40, Ae),
+            onChange: k[1] || (k[1] = (R) => n(R.target.value))
+          }, null, 40, qe),
           r("div", { class: "d-flex w-100 gap-2" }, [
             r("button", {
               class: "btn btn-outline-secondary w-50",
-              onClick: D
-            }, _(Ge)),
+              onClick: $
+            }, w(Qe)),
             r("button", {
               class: "btn btn-outline-primary w-50",
-              onClick: M
-            }, _(Je))
+              onClick: P
+            }, w(Xe))
           ])
         ])
-      ], 12, Oe)) : y("", !0)
-    ], 8, Pe));
+      ], 12, Ke)) : g("", !0)
+    ], 8, Ve));
   }
-}), Ue = { class: "fltrctrl-container" }, qe = ["placeholder", "value"], Qe = {
+}), Ze = { class: "fltrctrl-container" }, et = ["placeholder", "value"], tt = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
 };
-class el {
+class sl {
   constructor(o, e, t) {
-    E(this, "type");
+    M(this, "type");
     this.key = o, this.placeholder = e, this.filtered = t, this.type = "text";
   }
 }
-class tl {
-  constructor(o, e, t, l, d, f) {
-    E(this, "type");
-    this.key = o, this.label = e, this.options = t, this.filterevent = l, this.onfiltered = d, this.filtered = f, this.type = "dropdown";
+class il {
+  constructor(o, e, t, l, d, m) {
+    M(this, "type");
+    this.key = o, this.label = e, this.options = t, this.filterevent = l, this.onfiltered = d, this.filtered = m, this.type = "dropdown";
   }
 }
-class ll {
+class al {
   constructor(o, e, t, l, d) {
-    E(this, "type");
+    M(this, "type");
     this.key = o, this.label = e, this.filtered = t, this.defFrom = l, this.defTil = d, this.type = "date";
   }
 }
-const W = b({}), X = /* @__PURE__ */ C({
+const J = y({}), le = /* @__PURE__ */ D({
   __name: "FilterControl",
   props: {
     item: {}
   },
-  setup(v) {
-    const o = v;
-    F(() => {
+  setup(f) {
+    const o = f;
+    z(() => {
       var t;
       if (o.item.type == "dropdown") {
         const l = o.item;
         e.value = (t = l.options.value.find((d) => d.id == o.item.defaultv)) == null ? void 0 : t.id;
       }
     });
-    const e = b(void 0);
-    return (t, l) => (i(), a("div", Ue, [
+    const e = y(void 0);
+    return (t, l) => (i(), a("div", Ze, [
       t.item.type == "text" ? (i(), a("input", {
         key: 0,
         type: "text",
@@ -540,20 +577,20 @@ const W = b({}), X = /* @__PURE__ */ C({
         placeholder: t.item.placeholder,
         value: t.item.defaultv ?? "",
         onInput: l[0] || (l[0] = (d) => t.item.filtered(t.item.key, d.target.value))
-      }, null, 40, qe)) : y("", !0),
-      t.item.type == "date" ? (i(), a("div", Qe, [
-        H(Ke, {
+      }, null, 40, et)) : g("", !0),
+      t.item.type == "date" ? (i(), a("div", tt, [
+        A(Ye, {
           id: t.item.key + "-dtrp",
           label: t.item.label,
           onChanged: l[1] || (l[1] = (d) => {
-            W.value.from = d.from, W.value.until = d.to, t.item.filtered(t.item.key, W.value);
+            J.value.from = d.from, J.value.until = d.to, t.item.filtered(t.item.key, J.value);
           })
         }, null, 8, ["id", "label"])
-      ])) : y("", !0),
-      t.item.type == "dropdown" ? (i(), S(O, {
+      ])) : g("", !0),
+      t.item.type == "dropdown" ? (i(), E(K, {
         key: 2,
         selected: e.value,
-        options: b(t.item.options),
+        options: y(t.item.options),
         filterevent: t.item.filterevent,
         onFiltered: l[2] || (l[2] = (d) => {
           t.item.onfiltered && t.item.onfiltered(d);
@@ -561,10 +598,10 @@ const W = b({}), X = /* @__PURE__ */ C({
         id: t.item.key,
         label: t.item.label,
         onSelected: l[3] || (l[3] = (d) => t.item.filtered(t.item.key, d.id))
-      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : y("", !0)
+      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : g("", !0)
     ]));
   }
-}), G = /* @__PURE__ */ C({
+}), q = /* @__PURE__ */ D({
   __name: "IconButton",
   props: {
     icon: {},
@@ -572,81 +609,81 @@ const W = b({}), X = /* @__PURE__ */ C({
     big: { type: Boolean }
   },
   emits: ["click"],
-  setup(v, { emit: o }) {
-    const e = v, t = R(
+  setup(f, { emit: o }) {
+    const e = f, t = H(
       () => `${e.icon} ${e.big ? "ib-button-big" : ""}`
     ), l = o;
-    return (d, f) => (i(), a("div", {
-      onClick: f[0] || (f[0] = (g) => l("click")),
+    return (d, m) => (i(), a("div", {
+      onClick: m[0] || (m[0] = (p) => l("click")),
       class: "ib-container"
     }, [
       r("div", {
-        class: L(["ib-button", { "ib-button-active": d.active }])
+        class: x(["ib-button", { "ib-button-active": d.active }])
       }, [
         r("i", {
-          class: L(t.value)
+          class: x(t.value)
         }, null, 2)
       ], 2)
     ]));
   }
-}), Xe = { class: "pc-container" }, Ye = ["value", "max"], Y = /* @__PURE__ */ C({
+}), lt = { class: "pc-container" }, ot = ["value", "max"], oe = /* @__PURE__ */ D({
   __name: "PaginatorControl",
   props: {
     settings: {}
   },
   emits: ["pagesize", "page"],
-  setup(v, { emit: o }) {
-    const e = v, t = o, l = () => {
-      let n = b([]);
+  setup(f, { emit: o }) {
+    const e = f, t = o, l = () => {
+      let s = y([]);
       return e.settings.value.sizes.forEach(
-        (u) => n.value.push({ label: u.toString(), id: u.toString() })
-      ), n;
-    }, d = b(1);
-    P(
+        (u) => s.value.push({ label: u.toString(), id: u.toString() })
+      ), s;
+    }, d = y(1);
+    V(
       () => e.settings.value,
       () => {
         d.value = 1;
       }
     );
-    const f = R(
+    const m = H(
       () => Math.floor(e.settings.value.total / e.settings.value.pagesize) + 1
-    ), g = () => {
+    ), p = () => {
       d.value > 1 && (d.value -= 1, t("page", d.value));
-    }, p = () => {
-      d.value < f.value && (d.value += 1, t("page", d.value));
+    }, v = () => {
+      d.value < m.value && (d.value += 1, t("page", d.value));
     };
-    return (n, u) => (i(), a("div", Xe, [
+    return (s, u) => (i(), a("div", lt, [
       r("button", {
         class: "btn btn-outline-secondary",
-        onClick: g
+        onClick: p
       }, "<"),
       r("input", {
         class: "form-control pc-input",
         type: "number",
         value: d.value,
         min: "1",
-        max: f.value,
-        onChange: u[0] || (u[0] = (s) => n.$emit("page", s.target.value))
-      }, null, 40, Ye),
-      z("/" + _(f.value) + " ", 1),
+        max: m.value,
+        onChange: u[0] || (u[0] = (n) => s.$emit("page", n.target.value))
+      }, null, 40, ot),
+      N("/" + w(m.value) + " ", 1),
       r("button", {
         class: "btn btn-outline-secondary",
-        onClick: p
+        onClick: v
       }, ">"),
-      H(O, {
+      A(K, {
         opentop: !0,
         class: "pc-dropdown",
         id: "pagecount",
         label: "10",
-        selected: n.settings.value.pagesize.toString(),
+        selected: s.settings.value.pagesize.toString(),
         options: l(),
-        onSelected: u[1] || (u[1] = (s) => {
-          d.value = 1, n.$emit("pagesize", parseInt(s.id));
+        onSelected: u[1] || (u[1] = (n) => {
+          d.value = 1, s.$emit("pagesize", parseInt(n.id));
         })
       }, null, 8, ["selected", "options"])
     ]));
   }
-}), Ze = { class: "form-check" }, et = ["name", "id", "checked"], tt = ["for"], Z = /* @__PURE__ */ C({
+}), nt = { class: "form-check" }, st = ["name", "id", "checked"], it = ["for"], ne = /* @__PURE__ */ D({
   __name: "RadioButton",
   props: {
     group: {},
@@ -655,8 +692,8 @@ const W = b({}), X = /* @__PURE__ */ C({
     selected: { type: Boolean }
   },
   emits: ["selected"],
-  setup(v) {
-    return (o, e) => (i(), a("div", Ze, [
+  setup(f) {
+    return (o, e) => (i(), a("div", nt, [
       r("input", {
         class: "form-check-input",
         type: "radio",
@@ -664,23 +701,23 @@ const W = b({}), X = /* @__PURE__ */ C({
         id: o.id,
         checked: o.selected,
         onChange: e[0] || (e[0] = (t) => o.$emit("selected", o.id))
-      }, null, 40, et),
+      }, null, 40, st),
       r("label", {
         class: "form-check-label",
         for: o.id
-      }, _(o.label), 9, tt)
+      }, w(o.label), 9, it)
     ]));
   }
-}), lt = { class: "d-flex flex-column gap-2 justify-content-around" }, ot = /* @__PURE__ */ C({
+}), at = { class: "d-flex flex-column gap-2 justify-content-around" }, rt = /* @__PURE__ */ D({
   __name: "RadioButtonGroup",
   props: {
     group: {},
     items: {}
   },
   emits: ["selected"],
-  setup(v) {
-    return (o, e) => (i(), a("div", lt, [
-      (i(!0), a($, null, w(o.items, (t) => (i(), S(Z, {
+  setup(f) {
+    return (o, e) => (i(), a("div", at, [
+      (i(!0), a(C, null, B(o.items, (t) => (i(), E(ne, {
         key: t.id,
         id: t.id,
         label: t.label,
@@ -690,217 +727,217 @@ const W = b({}), X = /* @__PURE__ */ C({
       }, null, 8, ["id", "label", "group", "selected"]))), 128))
     ]));
   }
-}), nt = {
+}), dt = {
   key: 0,
   class: "spinner-border",
   role: "status"
-}, st = /* @__PURE__ */ C({
+}, ct = /* @__PURE__ */ D({
   __name: "SpinningProgress",
   props: {
     loading: { type: Boolean }
   },
-  setup(v) {
-    return (o, e) => o.loading ? (i(), a("div", nt, e[0] || (e[0] = [
+  setup(f) {
+    return (o, e) => o.loading ? (i(), a("div", dt, e[0] || (e[0] = [
       r("span", { class: "visually-hidden" }, "Loading...", -1)
-    ]))) : y("", !0);
+    ]))) : g("", !0);
   }
-}), it = {
+}), ut = {
   key: 0,
   class: "t2l-table-view t2l-table-header-label"
-}, at = {
+}, pt = {
   key: 0,
   class: "t2l-select"
-}, rt = {
+}, vt = {
   key: 1,
   class: "t2l-cell"
-}, dt = { class: "t2l-table-view t2l-table-header-filter" }, ct = {
+}, ft = { class: "t2l-table-view t2l-table-header-filter" }, mt = {
   key: 0,
   class: "t2l-select"
-}, ut = {
+}, gt = {
   key: 1,
   class: "t2l-cell"
-}, pt = { class: "t2l-table-view t2l-rows" }, vt = {
+}, yt = { class: "t2l-table-view t2l-rows" }, bt = {
   key: 0,
   class: "t2l-select"
-}, ft = ["id", "onChange"], mt = ["innerHTML"], gt = {
+}, ht = ["id", "onChange"], kt = ["innerHTML"], _t = {
   key: 1,
   class: "t2l-cell t2l-actions"
-}, yt = ["title", "disabled", "onClick"], bt = { class: "t2l-card-view t2l-card-filters" }, ht = { class: "t2l-card-filter-order" }, kt = { class: "t2l-card-filter-search" }, _t = { class: "t2l-card-view t2l-rows" }, $t = {
+}, $t = ["title", "disabled", "onClick"], wt = { class: "t2l-card-view t2l-card-filters" }, Ct = { class: "t2l-card-filter-order" }, Dt = { class: "t2l-card-filter-search" }, Bt = { class: "t2l-card-view t2l-rows" }, Tt = {
   key: 0,
   class: "t2l-card-select"
-}, Ct = ["id", "onChange"], wt = {
+}, It = ["id", "onChange"], St = {
   key: 0,
   class: "t2l-property"
-}, Dt = { class: "t2l-label" }, Bt = ["innerHTML"], Tt = { class: "d-flex align-items-center" }, It = {
+}, Et = { class: "t2l-label" }, Lt = ["innerHTML"], xt = { class: "d-flex align-items-center" }, Rt = {
   key: 2,
   class: "d-flex justify-content-center t2l-footer"
-}, St = /* @__PURE__ */ C({
+}, Ft = /* @__PURE__ */ D({
   __name: "TableToList",
   props: {
     items: {},
     config: {}
   },
   emits: ["pagesize", "page"],
-  setup(v) {
-    const o = v, e = R(() => o.config.columns.filter((n) => n.visible != !1)), t = R(() => o.config.columns.filter((n) => n.visible != !1 && n.filter)), l = R(() => e.value.filter((n) => n.sort && n.sort.active && n.sort.active.value)), d = R(() => Math.ceil(e.value.length / o.config.smColCount)), f = (n, u) => {
-      var s = n - 1 + (u - 1) * d.value;
-      return s < e.value.length ? e.value[s] : null;
-    }, g = (n, u) => n.converter ? n.converter(u[n.property], u) : u[n.property], p = (n) => {
-      if (n.sort && n.sort.active) {
-        let u = !n.sort.active.value;
-        o.config.columns.forEach((s) => {
-          s.sort && s.sort.active && (s.sort.active.value = !1);
-        }), n.sort.active.value = u, n.sort.callback(u ? n.property : "");
+  setup(f) {
+    const o = f, e = H(() => o.config.columns.filter((s) => s.visible != !1)), t = H(() => o.config.columns.filter((s) => s.visible != !1 && s.filter)), l = H(() => e.value.filter((s) => s.sort && s.sort.active && s.sort.active.value)), d = H(() => Math.ceil(e.value.length / o.config.smColCount)), m = (s, u) => {
+      var n = s - 1 + (u - 1) * d.value;
+      return n < e.value.length ? e.value[n] : null;
+    }, p = (s, u) => s.converter ? s.converter(u[s.property], u) : u[s.property], v = (s) => {
+      if (s.sort && s.sort.active) {
+        let u = !s.sort.active.value;
+        o.config.columns.forEach((n) => {
+          n.sort && n.sort.active && (n.sort.active.value = !1);
+        }), s.sort.active.value = u, s.sort.callback(u ? s.property : "");
       }
     };
-    return (n, u) => (i(), a($, null, [
-      n.config.compact ? y("", !0) : (i(), a("div", it, [
-        n.config.selectableId ? (i(), a("span", at)) : y("", !0),
-        (i(!0), a($, null, w(e.value, (s) => {
-          var c, h;
+    return (s, u) => (i(), a(C, null, [
+      s.config.compact ? g("", !0) : (i(), a("div", ut, [
+        s.config.selectableId ? (i(), a("span", pt)) : g("", !0),
+        (i(!0), a(C, null, B(e.value, (n) => {
+          var c, b;
           return i(), a("span", {
             class: "t2l-cell",
-            key: s.property
+            key: n.property
           }, [
-            s.sort ? (i(), S(G, {
+            n.sort ? (i(), E(q, {
               key: 0,
-              icon: s.sort.icon,
-              onClick: (D) => p(s),
-              active: (h = (c = s.sort) == null ? void 0 : c.active) == null ? void 0 : h.value
-            }, null, 8, ["icon", "onClick", "active"])) : y("", !0),
-            z(" " + _(s.label), 1)
+              icon: n.sort.icon,
+              onClick: ($) => v(n),
+              active: (b = (c = n.sort) == null ? void 0 : c.active) == null ? void 0 : b.value
+            }, null, 8, ["icon", "onClick", "active"])) : g("", !0),
+            N(" " + w(n.label), 1)
           ]);
         }), 128)),
-        n.config.actionHeader ? (i(), a("span", rt, _(n.config.actionHeader), 1)) : y("", !0)
+        s.config.actionHeader ? (i(), a("span", vt, w(s.config.actionHeader), 1)) : g("", !0)
       ])),
-      r("div", dt, [
-        n.config.selectableId ? (i(), a("span", ct)) : y("", !0),
-        (i(!0), a($, null, w(e.value, (s) => (i(), a("span", {
+      r("div", ft, [
+        s.config.selectableId ? (i(), a("span", mt)) : g("", !0),
+        (i(!0), a(C, null, B(e.value, (n) => (i(), a("span", {
           class: "t2l-cell",
-          key: s.label
+          key: n.label
         }, [
-          s.filter ? (i(), S(X, {
+          n.filter ? (i(), E(le, {
             key: 0,
-            item: s.filter
-          }, null, 8, ["item"])) : y("", !0)
+            item: n.filter
+          }, null, 8, ["item"])) : g("", !0)
         ]))), 128)),
-        n.config.actionHeader ? (i(), a("span", ut)) : y("", !0)
+        s.config.actionHeader ? (i(), a("span", gt)) : g("", !0)
       ]),
-      r("div", pt, [
-        (i(!0), a($, null, w(n.items, (s) => (i(), a("div", {
-          key: s,
+      r("div", yt, [
+        (i(!0), a(C, null, B(s.items, (n) => (i(), a("div", {
+          key: n,
           class: "t2l-row"
         }, [
-          n.config.selectableId ? (i(), a("div", vt, [
+          s.config.selectableId ? (i(), a("div", bt, [
             r("input", {
               class: "form-check-input",
               type: "checkbox",
-              id: s[n.config.selectableId],
-              onChange: (c) => s.selected = !s.selected
-            }, null, 40, ft)
-          ])) : y("", !0),
-          (i(!0), a($, null, w(e.value, (c) => (i(), a("div", {
+              id: n[s.config.selectableId],
+              onChange: (c) => n.selected = !n.selected
+            }, null, 40, ht)
+          ])) : g("", !0),
+          (i(!0), a(C, null, B(e.value, (c) => (i(), a("div", {
             class: "t2l-cell",
             key: c.property,
-            innerHTML: g(c, s)
-          }, null, 8, mt))), 128)),
-          n.config.actions ? (i(), a("div", gt, [
-            (i(!0), a($, null, w(n.config.actions, (c) => (i(), a("button", {
+            innerHTML: p(c, n)
+          }, null, 8, kt))), 128)),
+          s.config.actions ? (i(), a("div", _t, [
+            (i(!0), a(C, null, B(s.config.actions, (c) => (i(), a("button", {
               key: c,
               type: "button",
               class: "btn btn-outline-secondary",
               title: c.label,
-              disabled: !c.enabled(s),
-              onClick: (h) => c.command(s)
+              disabled: !c.enabled(n),
+              onClick: (b) => c.command(n)
             }, [
               r("i", {
-                class: L(c.icon)
+                class: x(c.icon)
               }, null, 2)
-            ], 8, yt))), 128))
-          ])) : y("", !0)
+            ], 8, $t))), 128))
+          ])) : g("", !0)
         ]))), 128))
       ]),
-      r("div", bt, [
-        r("div", ht, [
-          H(q, {
+      r("div", wt, [
+        r("div", Ct, [
+          A(ee, {
             id: "card-filter-order",
             default: {
               icon: "fa-solid fa-chevron-down",
               label: "rendezés"
             },
             selected: l.value.length > 0 ? l.value[0].property : "",
-            enabled: n.config.sortEnabled,
-            options: b(
-              e.value.filter((s) => s.sort).map((s) => ({
-                icon: s.sort.icon,
-                label: s.sort.label,
-                value: s.property,
-                callback: s.sort.callback
+            enabled: s.config.sortEnabled,
+            options: y(
+              e.value.filter((n) => n.sort).map((n) => ({
+                icon: n.sort.icon,
+                label: n.sort.label,
+                value: n.property,
+                callback: n.sort.callback
               }))
             )
           }, null, 8, ["selected", "enabled", "options"])
         ]),
-        r("div", kt, [
-          H(Q, {
-            items: t.value.map((s) => ({
-              filter: s.filter,
-              icon: s.filterIcon,
-              label: s.label
+        r("div", Dt, [
+          A(te, {
+            items: t.value.map((n) => ({
+              filter: n.filter,
+              icon: n.filterIcon,
+              label: n.label
             }))
           }, null, 8, ["items"])
         ])
       ]),
-      r("div", _t, [
-        (i(!0), a($, null, w(n.items, (s, c) => (i(), a("div", {
+      r("div", Bt, [
+        (i(!0), a(C, null, B(s.items, (n, c) => (i(), a("div", {
           class: "t2l-row",
           key: c
         }, [
-          n.config.selectableId ? (i(), a("div", $t, [
+          s.config.selectableId ? (i(), a("div", Tt, [
             r("input", {
               class: "form-check-input",
               type: "checkbox",
-              id: s[n.config.selectableId],
-              onChange: (h) => s.selected = !s.selected
-            }, null, 40, Ct)
-          ])) : y("", !0),
-          (i(!0), a($, null, w(n.config.smColCount, (h) => (i(), a("div", {
+              id: n[s.config.selectableId],
+              onChange: (b) => n.selected = !n.selected
+            }, null, 40, It)
+          ])) : g("", !0),
+          (i(!0), a(C, null, B(s.config.smColCount, (b) => (i(), a("div", {
             class: "t2l-card-col",
-            key: h
+            key: b
           }, [
-            (i(!0), a($, null, w(d.value, (D) => (i(), a($, { key: D }, [
-              f(D, h) ? (i(), a("div", wt, [
-                r("span", Dt, _(f(D, h).label), 1),
+            (i(!0), a(C, null, B(d.value, ($) => (i(), a(C, { key: $ }, [
+              m($, b) ? (i(), a("div", St, [
+                r("span", Et, w(m($, b).label), 1),
                 r("div", {
-                  innerHTML: g(f(D, h), s)
-                }, null, 8, Bt)
-              ])) : y("", !0)
+                  innerHTML: p(m($, b), n)
+                }, null, 8, Lt)
+              ])) : g("", !0)
             ], 64))), 128))
           ]))), 128)),
-          r("div", Tt, [
-            o.config.actions ? (i(), S(A, {
+          r("div", xt, [
+            o.config.actions ? (i(), E(U, {
               key: 0,
-              item: s,
+              item: n,
               options: o.config.actions,
               label: "...",
               id: c.toString(),
               right: !0
-            }, null, 8, ["item", "options", "id"])) : y("", !0)
+            }, null, 8, ["item", "options", "id"])) : g("", !0)
           ])
         ]))), 128))
       ]),
-      n.config.paginatorSettings ? (i(), S(Y, {
+      s.config.paginatorSettings ? (i(), E(oe, {
         key: 1,
-        settings: n.config.paginatorSettings,
-        onPagesize: u[0] || (u[0] = (s) => n.$emit("pagesize", s)),
-        onPage: u[1] || (u[1] = (s) => n.$emit("page", s))
-      }, null, 8, ["settings"])) : y("", !0),
-      n.config.paginatorSettings ? y("", !0) : (i(), a("div", It, " Elemek: " + _(o.items.length), 1))
+        settings: s.config.paginatorSettings,
+        onPagesize: u[0] || (u[0] = (n) => s.$emit("pagesize", n)),
+        onPage: u[1] || (u[1] = (n) => s.$emit("page", n))
+      }, null, 8, ["settings"])) : g("", !0),
+      s.config.paginatorSettings ? g("", !0) : (i(), a("div", Rt, " Elemek: " + w(o.items.length), 1))
     ], 64));
   }
-}), xt = { class: "d-flex flex flex-row" }, Lt = {
+}), Mt = { class: "d-flex flex flex-row" }, Ht = {
   key: 1,
   class: "d-flex flex-column gap-2 options-body flex-grow-1"
-}, Et = { class: "d-flex flex-grow-1 flex-column" }, Rt = { class: "d-flex flex-row" }, Ft = { class: "d-flex align-items-end" }, Mt = ["disabled"], Ht = /* @__PURE__ */ C({
+}, zt = { class: "d-flex flex-grow-1 flex-column" }, Pt = { class: "d-flex flex-row" }, Ot = { class: "d-flex align-items-end" }, jt = ["disabled"], At = /* @__PURE__ */ D({
   __name: "TableToListOptions",
   props: {
     colCount: {},
@@ -908,166 +945,166 @@ const W = b({}), X = /* @__PURE__ */ C({
     config: {}
   },
   emits: ["save"],
-  setup(v, { emit: o }) {
-    const e = v, t = b([]);
-    F(() => {
+  setup(f, { emit: o }) {
+    const e = f, t = y([]);
+    z(() => {
       t.value = e.options, u();
     });
-    const l = R(() => e.colCount != 0 ? Math.ceil(e.options.length / e.colCount) : 0), d = (s, c) => {
-      var h = e.options[(s - 1) * l.value + c - 1];
-      return h;
-    }, f = () => {
-      g("save", t.value);
-    }, g = o, p = b(!1), n = b(!0), u = () => {
-      n.value = t.value.filter((s) => s.checked).length <= 1;
+    const l = H(() => e.colCount != 0 ? Math.ceil(e.options.length / e.colCount) : 0), d = (n, c) => {
+      var b = e.options[(n - 1) * l.value + c - 1];
+      return b;
+    }, m = () => {
+      p("save", t.value);
+    }, p = o, v = y(!1), s = y(!0), u = () => {
+      s.value = t.value.filter((n) => n.checked).length <= 1;
     };
-    return (s, c) => (i(), a("div", xt, [
-      p.value ? y("", !0) : (i(), a("div", {
+    return (n, c) => (i(), a("div", Mt, [
+      v.value ? g("", !0) : (i(), a("div", {
         key: 0,
         class: "d-flex flex-row align-items-center gap-2 options-header justify-content-start",
-        onClick: c[0] || (c[0] = (h) => p.value = !p.value)
+        onClick: c[0] || (c[0] = (b) => v.value = !v.value)
       }, c[3] || (c[3] = [
         r("i", { class: "fa-solid fa-cog" }, null, -1),
         r("div", { class: "options-header-label" }, "beállítások", -1)
       ]))),
-      p.value ? (i(), a("div", Lt, [
+      v.value ? (i(), a("div", Ht, [
         c[5] || (c[5] = r("div", { class: "options-header-label" }, "Táblázat tulajdonságai", -1)),
-        r("div", Et, [
-          H(j, {
+        r("div", zt, [
+          A(W, {
             id: "compact",
             label: "Kompakt",
-            checked: !!s.config.compact,
-            onChanged: c[1] || (c[1] = (h) => s.config.compact = h.checked)
+            checked: !!n.config.compact,
+            onChanged: c[1] || (c[1] = (b) => n.config.compact = b.checked)
           }, null, 8, ["checked"])
         ]),
         c[6] || (c[6] = r("div", { class: "options-header-label" }, "Látható oszlopok", -1)),
-        r("div", Rt, [
-          (i(!0), a($, null, w(s.colCount, (h) => (i(), a("div", {
+        r("div", Pt, [
+          (i(!0), a(C, null, B(n.colCount, (b) => (i(), a("div", {
             class: "d-flex flex-grow-1 flex-column",
-            key: h
+            key: b
           }, [
-            (i(!0), a($, null, w(l.value, (D) => (i(), a($, { key: D }, [
-              d(h, D) ? (i(), S(j, {
+            (i(!0), a(C, null, B(l.value, ($) => (i(), a(C, { key: $ }, [
+              d(b, $) ? (i(), E(W, {
                 key: 0,
-                id: d(h, D).property,
-                label: d(h, D).label,
-                checked: d(h, D).checked,
-                onChanged: c[2] || (c[2] = (M) => {
-                  t.value.find((I) => I.property == M.id).checked = M.checked, u();
+                id: d(b, $).property,
+                label: d(b, $).label,
+                checked: d(b, $).checked,
+                onChanged: c[2] || (c[2] = (P) => {
+                  t.value.find((O) => O.property == P.id).checked = P.checked, u();
                 })
-              }, null, 8, ["id", "label", "checked"])) : y("", !0)
+              }, null, 8, ["id", "label", "checked"])) : g("", !0)
             ], 64))), 128))
           ]))), 128)),
-          r("div", Ft, [
+          r("div", Ot, [
             r("button", {
               class: "btn btn-outline-secondary",
               type: "button",
-              onClick: f,
-              disabled: n.value
+              onClick: m,
+              disabled: s.value
             }, c[4] || (c[4] = [
               r("i", { class: "fa-solid fa-save" }, null, -1)
-            ]), 8, Mt)
+            ]), 8, jt)
           ])
         ])
-      ])) : y("", !0)
+      ])) : g("", !0)
     ]));
   }
-}), zt = { class: "tlb-container d-flex flex-column flex-grow-1" }, Pt = { class: "d-flex flex-row tlb-item" }, jt = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, Nt = ["id"], Ot = {
+}), Nt = { class: "tlb-container d-flex flex-column flex-grow-1" }, Vt = { class: "d-flex flex-row tlb-item" }, Wt = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, Gt = ["id"], Kt = {
   key: 0,
   class: "d-flex id"
-}, Vt = { class: "d-flex flex-row align-items-center tlb-children-container" }, Wt = /* @__PURE__ */ C({
+}, Jt = { class: "d-flex flex-row align-items-center tlb-children-container" }, Ut = /* @__PURE__ */ D({
   __name: "TextListBox",
   props: {
     items: {}
   },
   emits: ["deleted"],
-  setup(v) {
+  setup(f) {
     return (o, e) => {
-      const t = U("TextListBox", !0);
-      return i(), a("div", zt, [
-        (i(!0), a($, null, w(o.items, (l) => (i(), a("div", {
+      const t = Y("TextListBox", !0);
+      return i(), a("div", Nt, [
+        (i(!0), a(C, null, B(o.items, (l) => (i(), a("div", {
           class: "d-flex flex-column",
           key: l.id
         }, [
-          r("div", Pt, [
-            r("div", jt, [
+          r("div", Vt, [
+            r("div", Wt, [
               r("div", {
                 class: "d-flex flex-grow-1",
                 id: l.id
-              }, _(l.label), 9, Nt),
-              l.showId ? (i(), a("div", Ot, _(l.id), 1)) : y("", !0)
+              }, w(l.label), 9, Gt),
+              l.showId ? (i(), a("div", Kt, w(l.id), 1)) : g("", !0)
             ]),
-            l.hideDelete ? y("", !0) : (i(), S(G, {
+            l.hideDelete ? g("", !0) : (i(), E(q, {
               key: 0,
               icon: "fa-solid fa-trash",
               onClick: (d) => o.$emit("deleted", l.id)
             }, null, 8, ["onClick"]))
           ]),
-          r("div", Vt, [
-            l.childrend ? (i(), S(t, {
+          r("div", Jt, [
+            l.childrend ? (i(), E(t, {
               key: 0,
               items: l.childrend,
               showId: l.showId,
               hideDelete: l.hideDelete
-            }, null, 8, ["items", "showId", "hideDelete"])) : y("", !0)
+            }, null, 8, ["items", "showId", "hideDelete"])) : g("", !0)
           ])
         ]))), 128))
       ]);
     };
   }
-}), At = {
+}), qt = {
   key: 0,
   class: "toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"
-}, Gt = { class: "toast-header" }, Jt = { class: "me-auto" }, Kt = { class: "text-body-secondary" }, Ut = ["onClick"], qt = ["innerHTML"], J = 500, ee = /* @__PURE__ */ C({
+}, Qt = { class: "toast-header" }, Xt = { class: "me-auto" }, Yt = { class: "text-body-secondary" }, Zt = ["onClick"], el = ["innerHTML"], Q = 500, se = /* @__PURE__ */ D({
   __name: "ToastComponent",
   props: {
     defaultDisplayDuration: {}
   },
-  setup(v, { expose: o }) {
-    const e = v, t = b([]);
+  setup(f, { expose: o }) {
+    const e = f, t = y([]);
     return o({
       addToast: (d) => {
-        d.displayDuration || (d.displayDuration = e.defaultDisplayDuration), d.id = /* @__PURE__ */ new Date(), t.value.filter(function(f) {
-          return f.id !== d.id;
+        d.displayDuration || (d.displayDuration = e.defaultDisplayDuration), d.id = /* @__PURE__ */ new Date(), t.value.filter(function(m) {
+          return m.id !== d.id;
         }), t.value.push(d);
       }
     }), setInterval(() => {
-      t.value = t.value.map((d) => (d.displayDuration -= J, d)), t.value = t.value.filter((d) => d.displayDuration > 0);
-    }, J), (d, f) => t.value.length > 0 ? (i(), a("div", At, [
-      (i(!0), a($, null, w(t.value, (g) => (i(), a("div", {
-        key: g.message,
-        class: L(["toast d-block", {
-          "toast-info": g.type === "info",
-          "toast-success": g.type === "success",
-          "toast-warning": g.type === "warning",
-          "toast-error": g.type === "error"
+      t.value = t.value.map((d) => (d.displayDuration -= Q, d)), t.value = t.value.filter((d) => d.displayDuration > 0);
+    }, Q), (d, m) => t.value.length > 0 ? (i(), a("div", qt, [
+      (i(!0), a(C, null, B(t.value, (p) => (i(), a("div", {
+        key: p.message,
+        class: x(["toast d-block", {
+          "toast-info": p.type === "info",
+          "toast-success": p.type === "success",
+          "toast-warning": p.type === "warning",
+          "toast-error": p.type === "error"
         }]),
         role: "alert",
         "aria-live": "assertive",
         "aria-atomic": "true"
       }, [
-        r("div", Gt, [
-          r("strong", Jt, _(g.title), 1),
-          r("small", Kt, _(g.id.toLocaleTimeString()), 1),
+        r("div", Qt, [
+          r("strong", Xt, w(p.title), 1),
+          r("small", Yt, w(p.id.toLocaleTimeString()), 1),
           r("button", {
             type: "button",
             class: "btn-close",
             "data-bs-dismiss": "toast",
             "aria-label": "Close",
-            onClick: (p) => t.value = t.value.filter((n) => n.id !== g.id)
-          }, null, 8, Ut)
+            onClick: (v) => t.value = t.value.filter((s) => s.id !== p.id)
+          }, null, 8, Zt)
         ]),
         r("div", {
           class: "toast-body",
-          innerHTML: g.message
-        }, null, 8, qt)
+          innerHTML: p.message
+        }, null, 8, el)
       ], 2))), 128))
-    ])) : y("", !0);
+    ])) : g("", !0);
   }
-}), Qt = /* @__PURE__ */ C({
+}), tl = /* @__PURE__ */ D({
   __name: "ToastWrapper",
-  setup(v) {
-    const o = b(), e = [
+  setup(f) {
+    const o = y(), e = [
       {
         id: "toast-notification-message",
         handler: (t) => {
@@ -1093,100 +1130,100 @@ const W = b({}), X = /* @__PURE__ */ C({
         }
       }
     ];
-    return F(() => {
+    return z(() => {
       e.forEach((t) => window.addEventListener(t.id, t.handler));
-    }), ie(() => {
+    }), Z(() => {
       e.forEach((t) => window.removeEventListener(t.id, t.handler));
-    }), (t, l) => (i(), S(ee, {
+    }), (t, l) => (i(), E(se, {
       ref_key: "toast",
       ref: o,
       defaultDisplayDuration: 5e3
     }, null, 512));
   }
-}), x = class x {
+}), L = class L {
 };
-E(x, "getId", (o, e) => `${o}_${e}`), E(x, "saveOptions", (o, e, t, l) => {
+M(L, "getId", (o, e) => `${o}_${e}`), M(L, "saveOptions", (o, e, t, l) => {
   localStorage.setItem(
-    x.getId(o, e),
+    L.getId(o, e),
     JSON.stringify({ ttlcos: l, ttlc: { compact: t.compact } })
   ), window.location.reload();
-}), E(x, "cleanOptions", (o, e) => {
+}), M(L, "cleanOptions", (o, e) => {
   for (let t = 0; t < localStorage.length; t++)
-    localStorage.key(t).includes(o) && localStorage.key(t) != x.getId(o, e) && localStorage.removeItem(localStorage.key(t));
-}), E(x, "loadOptions", (o, e, t, l, d) => {
-  x.cleanOptions(o, e);
-  const f = x.getId(o, e);
-  if (localStorage.getItem(f))
+    localStorage.key(t).includes(o) && localStorage.key(t) != L.getId(o, e) && localStorage.removeItem(localStorage.key(t));
+}), M(L, "loadOptions", (o, e, t, l, d) => {
+  L.cleanOptions(o, e);
+  const m = L.getId(o, e);
+  if (localStorage.getItem(m))
     try {
-      const g = JSON.parse(localStorage.getItem(f));
-      d.value = g.ttlcos, d.value.forEach(
-        (p) => l.columns.find((n) => n.property == p.property).visible = p.checked
-      ), l.compact = g.ttlc.compact;
+      const p = JSON.parse(localStorage.getItem(m));
+      d.value = p.ttlcos, d.value.forEach(
+        (v) => l.columns.find((s) => s.property == v.property).visible = v.checked
+      ), l.compact = p.ttlc.compact;
     } catch {
-      localStorage.removeItem(f), x.loadOptions(o, e, t, l, d);
+      localStorage.removeItem(m), L.loadOptions(o, e, t, l, d);
     }
   else
-    t || (t = []), d.value = l.columns.map((g) => (g.visible = t.indexOf(g.property) == -1, {
-      label: g.label,
-      property: g.property,
-      checked: g.visible
+    t || (t = []), d.value = l.columns.map((p) => (p.visible = t.indexOf(p.property) == -1, {
+      label: p.label,
+      property: p.property,
+      checked: p.visible
     }));
 });
-let K = x;
-function ol(v) {
+let X = L;
+function rl(f) {
   window.dispatchEvent(
     new CustomEvent("toast-notification-message", {
-      detail: v
+      detail: f
     })
   );
 }
-const Xt = {
-  CheckBox: j,
-  CheckBoxList: ve,
-  DropDown: O,
-  DropDownMenu: A,
-  DropDownCallBack: q,
-  FilterCompact: Q,
-  FilterControl: X,
-  IconButton: G,
-  PaginatorControl: Y,
-  RadioButton: Z,
-  RadioButtonGroup: ot,
-  SpinningProgress: st,
-  TableToList: St,
-  TableToListOptions: Ht,
-  TextListBox: Wt,
-  ToastComponent: ee,
-  ToastWrapper: Qt
-}, nl = {
-  install(v) {
-    Object.entries(Xt).forEach(([o, e]) => {
-      v.component(o, e);
+const ll = {
+  CheckBox: W,
+  CheckBoxList: ye,
+  DropDown: K,
+  DropDownMenu: U,
+  DropDownCallBack: ee,
+  FilterCompact: te,
+  FilterControl: le,
+  IconButton: q,
+  PaginatorControl: oe,
+  RadioButton: ne,
+  RadioButtonGroup: rt,
+  SpinningProgress: ct,
+  TableToList: Ft,
+  TableToListOptions: At,
+  TextListBox: Ut,
+  ToastComponent: se,
+  ToastWrapper: tl
+}, dl = {
+  install(f) {
+    Object.entries(ll).forEach(([o, e]) => {
+      f.component(o, e);
     });
   }
 };
 export {
-  j as CheckBox,
-  ve as CheckBoxList,
-  O as DropDown,
-  q as DropDownCallBack,
-  A as DropDownMenu,
-  Q as FilterCompact,
-  X as FilterControl,
-  ll as FilterDate,
-  tl as FilterDropDown,
-  el as FilterText,
-  G as IconButton,
-  Y as PaginatorControl,
-  Z as RadioButton,
-  ot as RadioButtonGroup,
-  st as SpinningProgress,
-  K as TabelToListOptionsPersister,
-  St as TableToList,
-  Ht as TableToListOptions,
-  Wt as TextListBox,
-  ee as ToastComponent,
-  Qt as ToastWrapper,
-  nl as default,
-  ol as sendMsgToToast
+  W as CheckBox,
+  ye as CheckBoxList,
+  K as DropDown,
+  ee as DropDownCallBack,
+  U as DropDownMenu,
+  te as FilterCompact,
+  le as FilterControl,
+  al as FilterDate,
+  il as FilterDropDown,
+  sl as FilterText,
+  q as IconButton,
+  oe as PaginatorControl,
+  ne as RadioButton,
+  rt as RadioButtonGroup,
+  ct as SpinningProgress,
+  X as TabelToListOptionsPersister,
+  Ft as TableToList,
+  At as TableToListOptions,
+  Ut as TextListBox,
+  se as ToastComponent,
+  tl as ToastWrapper,
+  dl as default,
+  rl as sendMsgToToast
 };