admins-components 1.3.1 → 2.0.1

package/dist/admins-components.js

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