admins-components 1.2.0 → 1.2.1

package/dist/admins-components.js

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