admins-components 1.1.0 → 1.2.0

package/dist/index.mjs

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