@ghentcdh/ui 0.5.1 → 0.6.1

package/index.mjs

@@ -0,0 +1,1543 @@
+import { defineComponent as p, openBlock as s, createElementBlock as a, unref as h, normalizeClass as x, createElementVNode as i, toDisplayString as v, createBlock as g, createCommentVNode as y, Fragment as w, renderList as _, mergeProps as P, computed as k, resolveComponent as Q, withCtx as A, createTextVNode as S, ref as T, watch as Z, onMounted as ye, renderSlot as B, resolveDynamicComponent as ne, createVNode as L, normalizeStyle as G, getCurrentInstance as xe, toHandlerKey as de, camelize as we, mergeDefaults as X, useModel as se, normalizeProps as le, guardReactiveProps as oe, withDirectives as J, vModelSelect as ke, mergeModels as q, resolveDirective as fe, vModelText as $e, useSlots as be } from "vue";
+import { RouterLink as Ce } from "vue-router";
+import { v4 as Y } from "uuid";
+import { useApi as _e } from "@ghentcdh/tools-vue";
+import { ChevronDownIcon as Le, ChevronRightIcon as Me } from "@heroicons/vue/24/solid";
+const C = (...e) => `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor" >
+    ${e.map(
+  (n) => ` <path
+     stroke-linejoin="round"
+      stroke-linecap="round"
+      d="${n}"
+    />`
+).join(`
+`)}
+  </svg>`;
+var V = /* @__PURE__ */ ((e) => (e.Edit = "Edit", e.Delete = "Delete", e.BarsArrowDown = "BarsArrowDown", e.BarsArrowUp = "BarsArrowUp", e.Funnel = "Funnel", e.Close = "Close", e.Plus = "Plus", e.PaperClip = "PaperClip", e.Hamburger = "Hamburger", e.ChevronRight = "ChevronRight", e.ChevronLeft = "ChevronLeft", e.ChevronDown = "ChevronDown", e.ChevronUp = "ChevronUp", e.DblChevronLeft = "DblChevronLeft", e.DblChevronRight = "DblChevronRight", e.Check = "Check", e.View = "View", e.Text = "Text", e))(V || {});
+const Be = {
+  Edit: C(
+    "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
+  ),
+  Delete: C(
+    "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
+  ),
+  BarsArrowDown: C(
+    "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
+  ),
+  BarsArrowUp: C(
+    "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
+  ),
+  Funnel: C(
+    "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"
+  ),
+  Close: C("M6 18 18 6M6 6l12 12"),
+  Plus: C("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  PaperClip: C(
+    "m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
+  ),
+  Hamburger: C("M4 6h16M4 12h16M4 18h16"),
+  ChevronDown: C(
+    "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z"
+  ),
+  ChevronUp: C(
+    "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z"
+  ),
+  Check: C("m4.5 12.75 6 6 9-13.5"),
+  View: C(
+    "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z",
+    "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+  ),
+  Text: C(
+    "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+  ),
+  DblChevronLeft: C(
+    "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
+  ),
+  DblChevronRight: C("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
+}, Pe = ["innerHTML"], F = /* @__PURE__ */ p({
+  __name: "icon",
+  props: {
+    icon: {},
+    size: {}
+  },
+  setup(e) {
+    return (t, n) => (s(), a("div", {
+      class: x([
+        {
+          "w-full h-full": !e.size,
+          "w-2 h-2": e.size === "xs",
+          "w-4 h-4": e.size === "sm"
+        }
+      ]),
+      innerHTML: h(Be)[e.icon]
+    }, null, 10, Pe));
+  }
+}), De = { class: "dropdown dropdown-end" }, Ae = {
+  tabindex: "0",
+  class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
+}, ze = { class: "min-w-max flex-no-wrap text-black" }, ae = /* @__PURE__ */ p({
+  __name: "sub-menu",
+  props: {
+    label: {},
+    items: {},
+    action: { type: Function },
+    disabled: { type: Boolean },
+    btnClass: {},
+    disableArrow: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => (s(), a("div", De, [
+      i("div", {
+        tabindex: "0",
+        role: "button",
+        class: x([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+      }, [
+        i("span", null, v(e.label), 1),
+        e.disableArrow ? y("", !0) : (s(), g(h(F), {
+          key: 0,
+          icon: h(V).ChevronDown,
+          size: "sm"
+        }, null, 8, ["icon"]))
+      ], 2),
+      i("ul", Ae, [
+        i("li", ze, [
+          (s(!0), a(w, null, _(e.items, (o) => (s(), g(he, P({
+            key: o.label
+          }, { ref_for: !0 }, o), null, 16))), 128))
+        ])
+      ])
+    ]));
+  }
+}), W = "btn btn-ghost text-left justify-between min-w-max font-normal", he = /* @__PURE__ */ p({
+  __name: "menu-item",
+  props: {
+    label: {},
+    items: {},
+    action: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = k(() => !t.disabled && t.action && "routerLink" in t.action), o = k(() => !t.disabled && t.action), l = k(() => t.items?.length), c = k(() => {
+      const f = t.action;
+      return f && "routerLink" in f && "params" in f ? {
+        name: f.routerLink,
+        params: f.params
+      } : "";
+    }), b = () => {
+      t.action?.();
+    };
+    return (f, u) => {
+      const d = Q("RouterLink");
+      return l.value ? (s(), g(ae, P({ key: 0 }, t, { "btn-class": W }), null, 16)) : n.value ? (s(), g(d, {
+        key: 1,
+        to: c.value,
+        class: x(W),
+        onClick: b
+      }, {
+        default: A(() => [
+          S(v(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["to"])) : o.value ? (s(), a("button", {
+        key: 2,
+        class: x(W),
+        onClick: b
+      }, v(e.label), 1)) : (s(), a("div", {
+        key: 3,
+        class: x([W, { "btn-disabled": e.disabled }])
+      }, v(e.label), 3));
+    };
+  }
+}), Ve = { class: "navbar bg-base-100 shadow-sm" }, Se = { class: "flex-1" }, Te = {
+  key: 0,
+  class: "breadcrumbs text-sm"
+}, Ne = { class: "flex grow justify-end px-2" }, Re = { class: "flex items-stretch" }, yn = /* @__PURE__ */ p({
+  __name: "menu",
+  props: {
+    menu: {},
+    breadcrumbs: {}
+  },
+  setup(e) {
+    return (t, n) => {
+      const o = Q("RouterLink");
+      return s(), a("nav", Ve, [
+        i("div", Se, [
+          e.breadcrumbs ? (s(), a("div", Te, [
+            i("ul", null, [
+              (s(!0), a(w, null, _(e.breadcrumbs, (l) => (s(), a("li", {
+                key: l.label
+              }, [
+                l.routerLink ? (s(), g(o, {
+                  key: 0,
+                  to: { name: l.routerLink, params: l.params }
+                }, {
+                  default: A(() => [
+                    S(v(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"])) : (s(), a(w, { key: 1 }, [
+                  S(v(l.label), 1)
+                ], 64))
+              ]))), 128))
+            ])
+          ])) : y("", !0)
+        ]),
+        i("div", Ne, [
+          i("div", Re, [
+            (s(!0), a(w, null, _(e.menu, (l) => (s(), g(he, P({
+              key: l.label
+            }, { ref_for: !0 }, l), null, 16))), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+}), xn = /* @__PURE__ */ p({
+  __name: "dropdown",
+  props: {
+    items: {}
+  },
+  setup(e) {
+    const t = T(!0);
+    return (n, o) => (s(), g(ae, {
+      items: e.items,
+      label: "test",
+      open: t.value,
+      "btn-class": "",
+      "disable-arrow": !0
+    }, null, 8, ["items", "open"]));
+  }
+}), Ke = { class: "font-bold" }, Fe = { class: "pt-4" }, Ue = { class: "modal-action" }, He = /* @__PURE__ */ p({
+  __name: "modal",
+  props: {
+    modalTitle: {},
+    buttonLabel: {},
+    buttonSaveLabel: {},
+    data: {},
+    open: { type: Boolean, default: !1 },
+    disableClose: { type: Boolean, default: !1 },
+    width: { default: "sm" }
+  },
+  emits: ["closeModal"],
+  setup(e, { expose: t, emit: n }) {
+    const o = {
+      xs: "max-w-xs w-[50VW]",
+      sm: "max-w-sm w-[50VW]",
+      lg: "max-w-2xl w-[80VW]",
+      xl: "max-w-[80VW] w-[80VW]"
+    }, l = e, c = `modal_${Y()}`, b = n, f = () => {
+      document.getElementById(c)?.showModal();
+    }, u = () => {
+      document.getElementById(c)?.close(), b("closeModal");
+    };
+    return t({ closeModal: u, openModal: f }), Z(
+      () => l.open,
+      (d, r, D) => {
+        l.open ? f() : u();
+      }
+    ), ye(() => {
+      l.open && f();
+    }), (d, r) => (s(), a("dialog", {
+      id: c,
+      class: "modal"
+    }, [
+      i("div", {
+        class: x(["modal-box bg-white", o[e.width]])
+      }, [
+        e.disableClose ? y("", !0) : (s(), a("button", {
+          key: 0,
+          type: "button",
+          class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
+          onClick: u
+        }, " ✕ ")),
+        i("h3", Ke, v(e.modalTitle), 1),
+        i("div", Fe, [
+          B(d.$slots, "content")
+        ]),
+        i("div", Ue, [
+          B(d.$slots, "actions")
+        ])
+      ], 2)
+    ]));
+  }
+});
+var ie = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(ie || {}), ve = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(ve || {}), I = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(I || {});
+const Ie = {
+  blank: "btn-ghost",
+  primary: "btn-primary",
+  secondary: "btn-soft btn-primary",
+  error: "btn-error text-white"
+}, je = {
+  blank: "badge-ghost",
+  primary: "badge-primary",
+  secondary: "badge-soft badge-primary",
+  error: "badge-error"
+}, qe = {
+  xs: "btn-xs",
+  sm: "btn-sm",
+  lg: "btn-sm",
+  xl: "btn"
+}, Oe = {
+  xs: "badge-xs text-xxs",
+  sm: "badge-sm text-xs",
+  lg: "badge-sm text-xs",
+  xl: "badge text-xs"
+}, j = /* @__PURE__ */ p({
+  __name: "btn",
+  props: {
+    href: {},
+    disabled: { type: Boolean, default: !1 },
+    as: { default: ve.button },
+    icon: {},
+    type: { default: ie.button },
+    outline: { type: Boolean, default: !1 },
+    color: { default: I.primary },
+    size: { default: "sm" },
+    square: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = e, o = t;
+    return (l, c) => (s(), g(ne(e.as), P({
+      class: [
+        "btn  p-1 flex justify-center flex-nowrap",
+        h(Ie)[e.color],
+        h(qe)[e.size],
+        { "btn-outline": e.outline, "btn-square": e.square }
+      ]
+    }, n, {
+      onClick: c[0] || (c[0] = (b) => o("click"))
+    }), {
+      default: A(() => [
+        e.icon ? (s(), g(h(F), {
+          key: 0,
+          icon: e.icon,
+          size: e.size
+        }, null, 8, ["icon", "size"])) : y("", !0),
+        B(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ee = ["type", "disabled"], wn = /* @__PURE__ */ p({
+  __name: "btn-badge",
+  props: {
+    icon: { default: void 0 },
+    type: { default: ie.button },
+    color: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "sm" }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = t;
+    return (o, l) => (s(), a("button", {
+      class: x(["badge gap-1", h(Oe)[e.size], h(je)[e.color]]),
+      type: e.type,
+      disabled: e.disabled,
+      onClick: l[0] || (l[0] = (c) => n("click"))
+    }, [
+      B(o.$slots, "default"),
+      e.icon ? (s(), g(h(F), {
+        key: 0,
+        icon: e.icon,
+        size: e.size
+      }, null, 8, ["icon", "size"])) : y("", !0)
+    ], 10, Ee));
+  }
+}), We = /* @__PURE__ */ p({
+  __name: "confirmModal",
+  props: {
+    title: {},
+    message: {},
+    confirmLabel: { default: "Ok" },
+    cancelLabel: { default: "Cancel" }
+  },
+  emits: ["closeModal"],
+  setup(e, { emit: t }) {
+    const n = t, o = (l) => {
+      n("closeModal", { confirmed: l });
+    };
+    return (l, c) => (s(), g(He, {
+      "modal-title": e.title,
+      open: !0,
+      "disable-close": !0
+    }, {
+      content: A(() => [
+        S(v(e.message), 1)
+      ]),
+      actions: A(() => [
+        L(h(j), {
+          color: h(I).secondary,
+          outline: !0,
+          onClick: c[0] || (c[0] = (b) => o(!1))
+        }, {
+          default: A(() => [
+            S(v(e.cancelLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["color"]),
+        L(h(j), {
+          onClick: c[1] || (c[1] = (b) => o(!0))
+        }, {
+          default: A(() => [
+            S(v(e.confirmLabel), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modal-title"]));
+  }
+});
+class re {
+  constructor() {
+    this.showModal = T(!1), this.modals = [];
+  }
+  openModal(t) {
+    const n = t.props.onClose, o = Y(), l = t;
+    t.props.onClose = (c) => {
+      n(c), this.closeModal(o);
+    }, l.id = o, this.modals = [...this.modals, l], this.showModal.value = Date.now();
+  }
+  closeModal(t) {
+    this.modals = this.modals.filter((n) => n.id !== t), this.showModal.value = Date.now();
+  }
+  static showConfirm(t) {
+    this.getInstance().openModal({
+      component: We,
+      props: t
+    });
+  }
+  static openModal(t) {
+    this.getInstance().openModal(t);
+  }
+  static getInstance() {
+    return this.instance || (this.instance = new re()), this.instance;
+  }
+  static closeAll() {
+    this.instance.closeAll();
+  }
+  closeAll() {
+    this.modals = [], this.showModal.value = !1;
+  }
+}
+const Ze = /* @__PURE__ */ p({
+  __name: "modalWrapper",
+  setup(e) {
+    const t = re.getInstance(), n = k(() => t.showModal.value ? t.modals : []);
+    return (o, l) => (s(!0), a(w, null, _(n.value, (c) => (s(), g(ne(c?.component), P({
+      key: c.id,
+      ref_for: !0
+    }, c?.props, {
+      open: !0,
+      onCloseModal: c?.props?.onClose
+    }), null, 16, ["onCloseModal"]))), 128));
+  }
+}), Ge = /* @__PURE__ */ p({
+  __name: "notification-message",
+  props: {
+    message: {},
+    type: {}
+  },
+  setup(e) {
+    const t = {
+      success: "alert-success",
+      error: "alert-error",
+      warning: "alert-warning",
+      info: "alert-info"
+    };
+    return (n, o) => (s(), a("div", {
+      role: "alert",
+      class: x(`alert ${t[e.type]} `)
+    }, [
+      i("span", null, v(e.message), 1)
+    ], 2));
+  }
+}), Je = 5e3;
+class ce {
+  constructor() {
+    this.notifications = T([]), this.addNotification = (t, n = "info") => {
+      const o = {
+        id: Y(),
+        duration: Je,
+        message: t,
+        type: n
+      };
+      this.notifications.value.push(o), this.removeNotificationAfterDuration(o);
+    }, this.removeNotificationAfterDuration = (t) => {
+      setTimeout(() => {
+        this.removeNotification(t.id);
+      }, t.duration);
+    }, this.removeNotification = (t) => {
+      this.notifications.value = this.notifications.value.filter((n) => n.id !== t);
+    };
+  }
+  static getInstance() {
+    return this.instance || (this.instance = new ce()), this.instance;
+  }
+  static info(t) {
+    this.getInstance().addNotification(t, "info");
+  }
+  static success(t) {
+    this.getInstance().addNotification(t, "success");
+  }
+  static warning(t) {
+    this.getInstance().addNotification(t, "warning");
+  }
+  static error(t) {
+    this.getInstance().addNotification(t, "error");
+  }
+  static removeNotification(t) {
+    this.getInstance().removeNotification(t);
+  }
+}
+const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__ */ p({
+  __name: "notifications",
+  setup(e) {
+    const t = ce.getInstance();
+    return (n, o) => (s(), a("div", Qe, [
+      (s(!0), a(w, null, _(h(t).notifications.value, (l) => (s(), g(Ge, P({
+        key: l.id
+      }, { ref_for: !0 }, l), null, 16))), 128))
+    ]));
+  }
+}), Ye = { class: "h-screen" }, et = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, tt = { class: "navbar-start" }, nt = { class: "navbar-center" }, st = ["href"], lt = { class: "navbar-end" }, ot = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, at = { class: "flex-grow-1" }, it = { class: "bg-base-200 p-4" }, rt = { class: "h-full" }, me = 64, kn = /* @__PURE__ */ p({
+  __name: "shell.component",
+  props: {
+    title: {},
+    menu: {},
+    user: {},
+    version: {},
+    widthSidebar: { default: 300 }
+  },
+  emits: ["logout"],
+  setup(e, { emit: t }) {
+    const o = e, l = T(!1), c = () => {
+      l.value = !l.value;
+    }, b = t, f = k(() => o.user ? {
+      label: o.user.name,
+      items: [
+        {
+          label: "Logout",
+          action: () => {
+            b("logout");
+          }
+        }
+      ]
+    } : null);
+    return (u, d) => (s(), a(w, null, [
+      L(Xe),
+      L(h(Ze)),
+      i("div", Ye, [
+        i("header", null, [
+          i("nav", et, [
+            i("div", tt, [
+              i("button", {
+                "aria-label": "open sidebar",
+                class: "btn btn-square btn-ghost p-1",
+                onClick: c
+              }, [
+                L(h(F), {
+                  icon: h(V).Hamburger
+                }, null, 8, ["icon"])
+              ])
+            ]),
+            i("div", nt, [
+              i("a", {
+                class: "btn btn-ghost text-xl",
+                href: h("/")
+              }, v(e.title), 9, st)
+            ]),
+            i("div", lt, [
+              f.value ? (s(), g(h(ae), P({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : y("", !0)
+            ])
+          ])
+        ]),
+        l.value ? (s(), a("aside", {
+          key: 0,
+          id: "drawer-left",
+          class: "fixed overflow-y-auto z-[1000] min-h-0 min-w-0 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible inset-0",
+          style: G({
+            width: e.widthSidebar + "px",
+            top: `${me}px`
+          })
+        }, [
+          i("div", ot, [
+            i("ul", at, [
+              (s(!0), a(w, null, _(e.menu, (r) => (s(), a("li", {
+                key: r.label
+              }, [
+                L(h(Ce), {
+                  to: { name: r.routerLink, params: r.params }
+                }, {
+                  default: A(() => [
+                    S(v(r.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"])
+              ]))), 128))
+            ]),
+            i("div", it, " version: " + v(e.version), 1)
+          ])
+        ], 4)) : y("", !0),
+        i("main", {
+          class: x("overflow-hidden fixed border-red  bg-white mx-auto max-h-full  shadow-sm "),
+          style: G({
+            top: `${me}px`,
+            bottom: "2px",
+            right: "2px",
+            left: l.value ? e.widthSidebar + "px" : 0
+          })
+        }, [
+          i("div", rt, [
+            B(u.$slots, "default")
+          ])
+        ], 4)
+      ])
+    ], 64));
+  }
+}), O = /* @__PURE__ */ p({
+  __name: "pagination-button.component",
+  props: {
+    currentPage: {},
+    page: {},
+    label: {},
+    neverActive: { type: Boolean, default: !1 },
+    disabled: { type: Boolean }
+  },
+  emits: ["updatePage", "updatePageSize"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = k(
+      () => n.neverActive ? !1 : n.page === n.currentPage
+    ), c = k(() => n.neverActive ? I.blank : l.value ? I.primary : I.secondary), b = () => {
+      o("updatePage", n.page);
+    };
+    return (f, u) => (s(), g(h(j), {
+      disabled: e.disabled,
+      square: !0,
+      size: "xs",
+      color: c.value,
+      onClick: u[0] || (u[0] = (d) => b())
+    }, {
+      default: A(() => [
+        S(v(e.label), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled", "color"]));
+  }
+}), ct = { class: "flex gap-2" }, ut = { class: "flex flex-1 justify-center items-center" }, dt = { class: "flex gap-1" }, mt = { class: "text-sm" }, E = 6, ft = /* @__PURE__ */ p({
+  __name: "pagination.component",
+  props: {
+    totalItems: { type: Number, default: 0 },
+    itemsPerPage: { type: Number, default: 1 },
+    currentPage: { type: Number, default: 1 }
+  },
+  emits: ["updatePage", "updatePageSize"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = k(() => {
+      let r = Math.ceil(n.totalItems / n.itemsPerPage);
+      return r < 1 ? 1 : r;
+    }), c = E / 2, b = k(() => {
+      if (l.value <= E)
+        return {
+          min: 1,
+          max: l.value
+        };
+      let r = n.currentPage - c;
+      r <= 1 ? r = 1 : r + E > l.value && (r = l.value - E);
+      let D = r + E;
+      return {
+        min: r,
+        max: D
+      };
+    }), f = (r) => ({
+      label: "...",
+      currentPage: r,
+      page: -10,
+      disabled: !0,
+      neverActive: !0
+    }), u = k(() => {
+      let r = l.value;
+      r < 1 && (r = 1);
+      const D = n.currentPage, z = [], { min: N, max: U } = b.value;
+      return Array.from({ length: r }, (M, R) => {
+        const m = R + 1;
+        m !== 1 && m !== r && (m > U || m < N) || (m === r && r > 1 && U < r && z.push(f(D)), z.push({
+          label: `${m}`,
+          totalPages: r,
+          currentPage: D,
+          page: m
+        }), m === 1 && r > 1 && N > 1 && z.push(f(D)));
+      }), z;
+    }), d = (r) => {
+      o("updatePage", r);
+    };
+    return (r, D) => (s(), a("div", ct, [
+      i("div", ut, [
+        i("div", dt, [
+          L(O, P(n, {
+            page: 1,
+            label: "<<",
+            "current-page": e.currentPage,
+            "never-active": !0,
+            disabled: e.currentPage === 1,
+            onUpdatePage: d
+          }), null, 16, ["current-page", "disabled"]),
+          L(O, P(n, {
+            page: e.currentPage - 1,
+            label: "<",
+            "current-page": e.currentPage,
+            "never-active": !0,
+            disabled: e.currentPage === 1,
+            onUpdatePage: d
+          }), null, 16, ["page", "current-page", "disabled"]),
+          (s(!0), a(w, null, _(u.value, (z) => (s(), g(O, P({
+            key: z.page,
+            ref_for: !0
+          }, z, { onUpdatePage: d }), null, 16))), 128)),
+          L(O, P(n, {
+            page: e.currentPage + 1,
+            label: ">",
+            "current-page": e.currentPage,
+            "never-active": !0,
+            disabled: n.currentPage === l.value,
+            onUpdatePage: d
+          }), null, 16, ["page", "current-page", "disabled"]),
+          L(O, P(n, {
+            page: l.value,
+            label: ">>",
+            "current-page": e.currentPage,
+            "never-active": !0,
+            disabled: n.currentPage === l.value,
+            onUpdatePage: d
+          }), null, 16, ["page", "current-page", "disabled"])
+        ])
+      ]),
+      i("div", mt, " page " + v(e.currentPage) + " of " + v(l.value), 1)
+    ]));
+  }
+}), ge = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of t)
+    n[o] = l;
+  return n;
+}, bt = () => ({
+  data: {
+    type: Object,
+    required: !0
+  },
+  column: {
+    type: Object,
+    required: !0
+  },
+  options: {
+    type: Object,
+    required: !1
+  }
+}), ht = p({
+  name: "TextCell",
+  props: {
+    ...bt()
+  },
+  computed: {
+    value() {
+      const e = this.data[this.column.id];
+      return e ? this.column.options?.format === "keyValue" ? e[this.column.options.key] : e : null;
+    }
+  }
+}), vt = ht;
+function gt(e, t, n, o, l, c) {
+  return v(e.value);
+}
+const $n = /* @__PURE__ */ ge(vt, [["render", gt]]), pt = { class: "flex-grow pr-2" }, yt = { class: "h-4 w-4" }, xt = /* @__PURE__ */ p({
+  __name: "sort.header",
+  props: {
+    column: {},
+    sortColumn: {},
+    sortDirection: {}
+  },
+  emits: ["sort"],
+  setup(e, { emit: t }) {
+    const n = e, o = k(
+      () => n.sortDirection === "asc" ? V.BarsArrowUp : V.BarsArrowDown
+    ), l = k(() => n.column.options?.sortId ?? n.column.id), c = () => {
+      b("sort", l.value);
+    }, b = t;
+    return (f, u) => (s(), a("button", {
+      class: "flex items-center",
+      onClick: c
+    }, [
+      i("span", pt, v(e.column.label), 1),
+      i("div", yt, [
+        e.sortColumn === l.value ? (s(), g(h(F), {
+          key: 0,
+          icon: o.value
+        }, null, 8, ["icon"])) : y("", !0)
+      ])
+    ]));
+  }
+}), wt = { class: "table w-full" }, kt = { key: 0 }, $t = ["colspan"], Ct = { class: "flex gap-2" }, Cn = /* @__PURE__ */ p({
+  __name: "table.component",
+  props: {
+    loading: { type: Boolean },
+    actions: {},
+    data: {},
+    displayColumns: {},
+    page: {},
+    sort: {}
+  },
+  emits: ["delete", "edit", "updatePage", "sort"],
+  setup(e, { emit: t }) {
+    const n = t, o = (f) => {
+      n("edit", f);
+    }, l = (f) => {
+      n("delete", f);
+    }, c = (f) => {
+      n("updatePage", f);
+    }, b = (f) => {
+      n("sort", f);
+    };
+    return (f, u) => (s(), a(w, null, [
+      i("table", wt, [
+        i("thead", null, [
+          i("tr", null, [
+            (s(!0), a(w, null, _(e.displayColumns, (d) => (s(), a("th", {
+              key: d.scope
+            }, [
+              L(xt, P({ column: d }, { ref_for: !0 }, e.sort, { onSort: b }), null, 16, ["column"])
+            ]))), 128)),
+            u[0] || (u[0] = i("th", null, null, -1))
+          ])
+        ]),
+        i("tbody", null, [
+          e.loading ? (s(), a("tr", kt, [
+            i("td", {
+              colspan: e.displayColumns.length + 1,
+              class: "text-center"
+            }, [...u[1] || (u[1] = [
+              i("span", { class: "loading loading-bars loading-xs" }, null, -1)
+            ])], 8, $t)
+          ])) : y("", !0),
+          (s(!0), a(w, null, _(e.data, (d) => (s(), a("tr", {
+            key: d.id
+          }, [
+            (s(!0), a(w, null, _(e.displayColumns, (r) => (s(), a("td", {
+              key: r.scope
+            }, [
+              (s(), g(ne(r.component), P({ ref_for: !0 }, r, {
+                data: d,
+                column: r
+              }), null, 16, ["data", "column"]))
+            ]))), 128)),
+            i("td", null, [
+              i("span", Ct, [
+                (s(!0), a(w, null, _(e.actions, (r) => (s(), g(j, {
+                  key: r.label,
+                  icon: r.icon,
+                  outline: !0,
+                  onClick: (D) => r.action(d)
+                }, {
+                  default: A(() => [
+                    S(v(r.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["icon", "onClick"]))), 128)),
+                L(j, {
+                  icon: h(V).Edit,
+                  outline: !0,
+                  onClick: (r) => o(d)
+                }, null, 8, ["icon", "onClick"]),
+                L(j, {
+                  icon: h(V).Delete,
+                  outline: !0,
+                  onClick: (r) => l(d)
+                }, null, 8, ["icon", "onClick"])
+              ])
+            ])
+          ]))), 128))
+        ])
+      ]),
+      e.page ? (s(), g(ft, {
+        key: 0,
+        class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
+        "total-items": e.page.count,
+        "items-per-page": e.page.pageSize,
+        "current-page": e.page.page,
+        onUpdatePage: c
+      }, null, 8, ["total-items", "items-per-page", "current-page"])) : y("", !0)
+    ], 64));
+  }
+}), _t = {}, Lt = { class: "card bg-base-100 shadow-sm" }, Mt = { class: "card-body" }, Bt = {
+  key: 0,
+  class: "card-title"
+}, Pt = {
+  key: 1,
+  class: "card-actions justify-end"
+};
+function Dt(e, t) {
+  return s(), a("div", Lt, [
+    i("div", Mt, [
+      e.$slots.title ? (s(), a("h2", Bt, [
+        B(e.$slots, "title")
+      ])) : y("", !0),
+      i("p", null, [
+        B(e.$slots, "default"),
+        B(e.$slots, "content")
+      ]),
+      e.$slots.actions ? (s(), a("div", Pt, [
+        B(e.$slots, "actions")
+      ])) : y("", !0)
+    ])
+  ]);
+}
+const _n = /* @__PURE__ */ ge(_t, [["render", Dt]]), Ln = (e, t) => {
+  if (!e) return null;
+  const n = (o) => {
+    e.contains(o.target) || t();
+  };
+  return document.addEventListener("click", n), n;
+}, Mn = (e) => {
+  document.removeEventListener("click", e);
+}, Bn = {
+  beforeMount(e, t) {
+    e.clickOutsideEvent = function(n) {
+      e === n.target || e.contains(n.target) || t.value(n);
+    }, document.addEventListener("click", e.clickOutsideEvent);
+  },
+  unmounted(e) {
+    document.removeEventListener("click", e.clickOutsideEvent);
+  }
+};
+function Pn(e) {
+  const t = xe();
+  if (!t)
+    return !1;
+  const n = t.vnode.props;
+  return n ? !!(n[de(e)] || // also try camelCase event handler (#2249)
+  n[de(we(e))]) : !1;
+}
+const At = {
+  group: {
+    root: "group",
+    label: "text-primary text-lg font-bold",
+    item: "group-item"
+  },
+  verticalLayout: {
+    root: "flex flex-col gap-x-2",
+    item: "w-full"
+  },
+  horizontalLayout: {
+    root: "flex flex-row gap-x-2",
+    item: "w-full"
+  },
+  arrayList: {
+    root: "fieldset",
+    legend: "fieldset-legend text-xl capitalize"
+  },
+  control: {
+    root: "fieldset",
+    wrapper: "fieldset",
+    label: "fieldset-legend",
+    error: "",
+    input: "input",
+    select: "select",
+    description: "form-control--description label text-xs text-gray-500"
+  },
+  fixedArrayList: {
+    root: "flex flex-row gap-x-2",
+    item: "w-full"
+  }
+}, ee = () => ({
+  id: Y(),
+  visible: !0,
+  required: !1,
+  enabled: !0,
+  isFocused: !1,
+  isTouched: !1,
+  hideLabel: !1,
+  styles: At
+}), zt = () => ({
+  ...ee(),
+  options: [],
+  valueKey: "value",
+  labelKey: "label"
+}), Vt = (e, t, n) => !!(e && n), St = (e, t, n, o) => t === void 0 || t !== void 0 && !e || !o && !n, Tt = { key: 0 }, ue = /* @__PURE__ */ p({
+  __name: "ControlWrapper",
+  props: /* @__PURE__ */ X({
+    id: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {}
+  }, ee()),
+  setup(e) {
+    const t = e, n = k(() => !St(
+      t.visible,
+      t.description,
+      t.isFocused,
+      !0
+    )), o = k(() => t.required), l = k(() => Vt(
+      t.isTouched,
+      t.isFocused,
+      t.errors
+    ));
+    return (c, b) => (s(), a("fieldset", {
+      class: x(e.styles.control.wrapper)
+    }, [
+      e.hideLabel ? y("", !0) : (s(), a("legend", {
+        key: 0,
+        class: x(e.styles.control.label)
+      }, [
+        S(v(e.label) + " ", 1),
+        o.value ? (s(), a("span", Tt, "*")) : y("", !0)
+      ], 2)),
+      B(c.$slots, "default"),
+      i("p", {
+        class: x(["fieldset-label h-4", { "text-error": l.value }])
+      }, v(l.value ? e.errors : n.value ? e.description : null), 3)
+    ], 2));
+  }
+}), Nt = ["disabled"], Rt = ["value"], Dn = /* @__PURE__ */ p({
+  __name: "SelectComponent",
+  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
+    id: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    options: {},
+    valueKey: {},
+    labelKey: {}
+  }, {
+    ...ee(),
+    options: [],
+    valueKey: "value",
+    labelKey: "label"
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = se(e, "modelValue"), c = (u) => {
+      o("change", u);
+    }, b = (u) => {
+      o("focus", u);
+    }, f = (u) => {
+      o("blur", u);
+    };
+    return (u, d) => (s(), g(ue, le(oe(n)), {
+      default: A(() => [
+        J(i("select", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => l.value = r),
+          disabled: !e.enabled,
+          class: x(["select select-bordered", e.styles.control.select]),
+          onChange: c,
+          onFocus: b,
+          onBlur: f
+        }, [
+          (s(!0), a(w, null, _(e.options, (r) => (s(), a("option", {
+            key: r[e.valueKey],
+            value: r
+          }, v(r[e.labelKey]), 9, Rt))), 128))
+        ], 42, Nt), [
+          [ke, l.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Kt = ["disabled"], Ft = {
+  key: 0,
+  class: /* @__PURE__ */ x([
+    `bg-base-100 w-52 shadow -mt-5
+        absolute z-50`
+  ])
+}, Ut = ["onClick", "onBlur"], An = /* @__PURE__ */ p({
+  __name: "AutoComplete",
+  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
+    id: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    config: {},
+    options: {},
+    valueKey: {},
+    labelKey: {}
+  }, zt()), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = se(e, "modelValue"), c = T(""), b = (m) => {
+      o("change", m);
+    }, f = (m) => {
+      o("focus", m);
+    }, u = (m) => {
+      o("blur", m);
+    }, d = T(!1), r = T([]), D = (m) => {
+      d.value = !0, z(m);
+    }, z = (m) => {
+      l.value = m, b(m);
+    }, N = (m) => {
+      r.value?.length === m + 1 && (r.value = []);
+    }, U = _e(), M = (m) => m[n.valueKey], R = (m) => m?.[n.labelKey] ?? "";
+    return Z(
+      () => l.value,
+      (m) => {
+        m && !M(m) || (d.value = !0, r.value = [], c.value = R(m));
+      },
+      { immediate: !0 }
+    ), Z(
+      () => c.value,
+      (m) => {
+        if (d.value) {
+          d.value = !1;
+          return;
+        }
+        if (z({ [n.labelKey]: m }), n.config) {
+          const { uri: $, skipAuth: H, dataField: K } = n.config;
+          U.get(`${$}${m}`, { skipAuth: H }).then((te) => {
+            r.value = te[K];
+          });
+        } else n.options && (r.value = n.options.filter(($) => R($).toLowerCase().includes(m)).slice(0, 10));
+      }
+    ), (m, $) => {
+      const H = fe("click-outside");
+      return s(), g(ue, le(oe(n)), {
+        default: A(() => [
+          J(i("input", {
+            "onUpdate:modelValue": $[0] || ($[0] = (K) => c.value = K),
+            autocomplete: "off",
+            type: "text",
+            class: x([e.styles.control.select]),
+            disabled: !e.enabled,
+            onFocus: f,
+            onBlur: u
+          }, null, 42, Kt), [
+            [$e, c.value]
+          ]),
+          J((s(), a("div", null, [
+            r.value?.length ? (s(), a("ul", Ft, [
+              (s(!0), a(w, null, _(r.value, (K, te) => (s(), a("li", {
+                key: K[e.valueKey]
+              }, [
+                i("button", {
+                  class: "w-full h-8 border-b-1 border-gray-200 border-x-0 border-t-0 px-4 py-2 text-left hover:bg-primary-content cursor-pointer",
+                  type: "button",
+                  onClick: (pe) => D(K),
+                  onBlur: (pe) => N(te)
+                }, v(R(K)), 41, Ut)
+              ]))), 128))
+            ])) : y("", !0)
+          ])), [
+            [H, () => r.value = []]
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), Ht = {
+  key: 0,
+  class: /* @__PURE__ */ x([
+    `bg-base-100 w-52 shadow -mt-5
+        absolute z-50 p-0`
+  ])
+}, It = ["onClick"], jt = { class: "w-4 mr-2" }, zn = /* @__PURE__ */ p({
+  __name: "MultiSelect",
+  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
+    id: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    options: {},
+    valueKey: {},
+    labelKey: {}
+  }, {
+    ...ee(),
+    valueKey: "value",
+    labelKey: "label"
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = se(e, "modelValue");
+    let c = !1;
+    const b = (M) => {
+      o("change", M);
+    }, f = T(!1), u = () => {
+      f.value = !f.value, c = !0;
+    }, d = () => {
+      c || (f.value = !1), c = !1;
+    }, r = k(
+      () => l.value?.map((M) => N(M)) ?? []
+    ), D = (M) => r.value.includes(M), z = (M, R) => {
+      M.preventDefault();
+      let m = l.value ?? [];
+      const $ = N(R);
+      D($) ? m = m.filter((K) => N(K) !== $) : m.push(R), l.value = m, b(m);
+    }, N = (M) => M[n.valueKey], U = (M) => M?.[n.labelKey] ?? "";
+    return (M, R) => {
+      const m = fe("click-outside");
+      return s(), g(ue, le(oe(n)), {
+        default: A(() => [
+          i("button", {
+            type: "button",
+            class: x([e.styles.control.select, "w-full truncate block"]),
+            onClick: u
+          }, v(l.value?.map?.(($) => U($)).join(", ") ?? "Select value"), 3),
+          J((s(), a("div", null, [
+            f.value ? (s(), a("ul", Ht, [
+              (s(!0), a(w, null, _(e.options, ($) => (s(), a("li", {
+                key: $[e.valueKey]
+              }, [
+                i("button", {
+                  class: "w-full flex h-8 border-b-1 border-gray-200 border-x-0 border-t-0 p-2 text-left hover:bg-primary-content cursor-pointer",
+                  type: "button",
+                  onClick: (H) => z(H, $)
+                }, [
+                  i("div", jt, [
+                    D(N($)) ? (s(), g(h(F), {
+                      key: 0,
+                      icon: h(V).Check,
+                      size: "sm"
+                    }, null, 8, ["icon"])) : y("", !0)
+                  ]),
+                  S(" " + v(U($)), 1)
+                ], 8, It)
+              ]))), 128))
+            ])) : y("", !0)
+          ])), [
+            [m, () => d()]
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), qt = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, Ot = {
+  id: "drawer-left",
+  class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible"
+}, Et = { class: "flex-1 overflow-y-auto bg-white" }, Wt = { class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible" }, Vn = /* @__PURE__ */ p({
+  __name: "drawer",
+  props: {
+    widthLeft: { default: 200 },
+    widthRight: { default: 200 }
+  },
+  setup(e) {
+    const t = T({ left: !0, right: !0 }), n = (o) => {
+      t.value[o] = !t.value[o];
+    };
+    return (o, l) => (s(), a("main", qt, [
+      i("aside", Ot, [
+        i("div", {
+          class: x(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
+        }, [
+          i("button", {
+            class: "btn btn-ghost btn-circle",
+            onClick: l[0] || (l[0] = (c) => n("left"))
+          }, [
+            L(h(F), {
+              size: "sm",
+              icon: t.value.left ? h(V).DblChevronLeft : h(V).DblChevronRight
+            }, null, 8, ["icon"])
+          ])
+        ], 2),
+        t.value.left ? (s(), a("div", {
+          key: 0,
+          style: G({ width: e.widthLeft + "px" }),
+          class: "h-full overflow-y-auto p-4"
+        }, [
+          B(o.$slots, "left-drawer")
+        ], 4)) : y("", !0)
+      ]),
+      i("div", Et, [
+        B(o.$slots, "default")
+      ]),
+      i("aside", Wt, [
+        t.value.right ? (s(), a("div", {
+          key: 0,
+          style: G({ width: e.widthRight + "px" }),
+          class: "h-full overflow-y-auto p-4"
+        }, [
+          B(o.$slots, "right-drawer")
+        ], 4)) : y("", !0),
+        i("div", {
+          class: x(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+        }, [
+          i("button", {
+            class: "btn btn-ghost btn-circle",
+            onClick: l[1] || (l[1] = (c) => n("right"))
+          }, [
+            L(h(F), {
+              size: "sm",
+              icon: t.value.right ? h(V).DblChevronRight : h(V).DblChevronLeft
+            }, null, 8, ["icon"])
+          ])
+        ], 2)
+      ])
+    ]));
+  }
+}), Zt = { class: "ml-1" }, Gt = { class: "truncate flex-1 min-w-0 text-left" }, Jt = {
+  key: 0,
+  class: "badge badge-ghost badge-sm flex-shrink-0"
+}, Qt = /* @__PURE__ */ p({
+  __name: "TreeItem",
+  props: {
+    active: {},
+    node: {},
+    expanded: {},
+    isExpanded: { type: Function }
+  },
+  emits: ["toggle", "select"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = k(() => n.active === n.node.id);
+    return (c, b) => {
+      const f = Q("TreeItem", !0);
+      return s(), a("li", Zt, [
+        i("div", {
+          class: x([
+            `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
+      hover:bg-gray-100`,
+            l.value ? "text-primary" : ""
+          ])
+        }, [
+          e.node.children?.length > 0 ? (s(), a("span", {
+            key: 0,
+            class: "flex items-center justify-center",
+            onClick: b[0] || (b[0] = (u) => o("toggle", e.node))
+          }, [
+            e.node.children && e.isExpanded(e.node.id) ? (s(), g(h(Le), {
+              key: 0,
+              class: "w-3 h-3"
+            })) : (s(), g(h(Me), {
+              key: 1,
+              class: "w-3 h-3"
+            }))
+          ])) : y("", !0),
+          i("div", {
+            class: "flex items-center gap-2 w-full min-w-0",
+            onClick: b[1] || (b[1] = (u) => o("select", e.node))
+          }, [
+            i("div", Gt, v(e.node.label), 1),
+            e.node.tag ? (s(), a("div", Jt, v(e.node.tag), 1)) : y("", !0)
+          ])
+        ], 2),
+        e.node.children && e.isExpanded(e.node.id) ? (s(), a("ul", {
+          key: 0,
+          class: x([
+            "ml-4 border-l pl-2",
+            { "border-gray-200": !l.value, "border-primary": l.value }
+          ])
+        }, [
+          (s(!0), a(w, null, _(e.node.children, (u) => (s(), g(f, {
+            key: u.id,
+            node: u,
+            expanded: e.expanded,
+            active: e.active,
+            "is-expanded": e.isExpanded,
+            onToggle: b[2] || (b[2] = (d) => o("toggle", d)),
+            onSelect: b[3] || (b[3] = (d) => o("select", d))
+          }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
+        ], 2)) : y("", !0)
+      ]);
+    };
+  }
+}), Xt = { class: "select-none text-sm" }, Sn = /* @__PURE__ */ p({
+  __name: "TreeView",
+  props: {
+    data: {},
+    active: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = T(/* @__PURE__ */ new Set()), c = (u) => {
+      const d = u.id;
+      if (!u.children || u.children.length === 0) {
+        o("select", u);
+        return;
+      }
+      l.value.has(d) ? l.value.delete(d) : l.value.add(d);
+    }, b = (u) => {
+      o("select", u), l.value.add(u.id);
+    }, f = (u) => l.value.has(u);
+    return (u, d) => (s(), a("ul", Xt, [
+      (s(!0), a(w, null, _(n.data, (r) => (s(), g(Qt, {
+        key: r.id,
+        node: r,
+        expanded: l.value,
+        active: e.active,
+        "is-expanded": f,
+        onToggle: c,
+        onSelect: b
+      }, null, 8, ["node", "expanded", "active"]))), 128))
+    ]));
+  }
+}), Yt = {
+  key: 0,
+  class: "flex items-center justify-center h-20"
+}, Tn = /* @__PURE__ */ p({
+  __name: "loading",
+  props: {
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => e.loading ? (s(), a("div", Yt, [...n[0] || (n[0] = [
+      i("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
+    ])])) : y("", !0);
+  }
+}), en = { class: "collapse collapse-arrow bg-white w-full border border-gray-300" }, tn = ["checked"], nn = { class: "collapse-title text-gray-500 text-xs font-medium" }, sn = {
+  key: 0,
+  class: "list bg-base-100"
+}, Nn = /* @__PURE__ */ p({
+  __name: "Collapse",
+  props: {
+    title: {},
+    opened: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = be(), n = e, o = T(n.opened);
+    return Z(
+      () => n.opened,
+      () => {
+      },
+      { immediate: !0 }
+    ), (l, c) => (s(), a("div", en, [
+      i("input", {
+        type: "checkbox",
+        checked: o.value
+      }, null, 8, tn),
+      i("div", nn, v(e.title), 1),
+      i("div", {
+        class: x(["collapse-content", h(t).list ? "p-0" : ""])
+      }, [
+        B(l.$slots, "default"),
+        h(t).list ? (s(), a("ul", sn, [
+          B(l.$slots, "list")
+        ])) : y("", !0)
+      ], 2)
+    ]));
+  }
+}), ln = { class: "list-row" }, on = { class: "list-col-grow" }, an = {
+  key: 0,
+  class: "text-xs text-gray-600"
+}, rn = ["href"], cn = { key: 1 }, un = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, dn = ["href"], mn = { key: 1 }, fn = { class: "list-col-wrap text-xs text-gray-500" }, Rn = /* @__PURE__ */ p({
+  __name: "CollapseRow",
+  props: {
+    title: {},
+    label: {},
+    labelLink: {},
+    description: {},
+    descriptionLink: {}
+  },
+  setup(e) {
+    return be(), (t, n) => {
+      const o = Q("ng-content");
+      return s(), a("li", ln, [
+        i("div", on, [
+          i("div", null, v(e.title), 1),
+          e.description || e.descriptionLink ? (s(), a("div", an, [
+            e.descriptionLink ? (s(), a("a", {
+              key: 0,
+              href: e.descriptionLink,
+              target: "_blank"
+            }, v(e.description ?? e.descriptionLink), 9, rn)) : (s(), a("span", cn, v(e.description), 1))
+          ])) : y("", !0)
+        ]),
+        e.label ? (s(), a("div", un, [
+          e.labelLink ? (s(), a("a", {
+            key: 0,
+            href: e.labelLink,
+            target: "_blank"
+          }, v(e.label), 9, dn)) : (s(), a("span", mn, v(e.label), 1))
+        ])) : y("", !0),
+        i("p", fn, [
+          L(o)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  An as Autocomplete,
+  Oe as BadgeSize,
+  j as Btn,
+  wn as BtnBadge,
+  qe as ButtonSize,
+  _n as Card,
+  Bn as ClickOutside,
+  Nn as Collapse,
+  Rn as CollapseRow,
+  I as Color,
+  We as ConfirmModal,
+  ue as ControlWrapper,
+  zt as DefaultAutoCompleteProperties,
+  ee as DefaultControlProperties,
+  Vn as Drawer,
+  xn as Dropdown,
+  F as Icon,
+  V as IconEnum,
+  Be as IconMap,
+  Tn as Loading,
+  yn as Menu,
+  He as Modal,
+  re as ModalService,
+  Ze as ModalWrapper,
+  zn as MultiSelect,
+  Ge as NotificationMessage,
+  ce as NotificationService,
+  Xe as Notifications,
+  ft as PaginationComponent,
+  Dn as SelectComponent,
+  kn as ShellComponent,
+  ae as SubMenu,
+  Cn as Table,
+  Cn as TableComponent,
+  $n as TextCell,
+  Sn as TreeView,
+  Ln as addClickOutsideEventListener,
+  Pn as hasCustomEventListener,
+  St as isDescriptionHidden,
+  At as myStyles,
+  Mn as removeClickOutsideEventListener,
+  Vt as showErrors
+};