@ghentcdh/ui 0.2.0 → 0.2.1

package/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as g, createElementBlock as u, openBlock as l, unref as h, normalizeClass as _, createElementVNode as c, createBlock as f, createCommentVNode as y, toDisplayString as v, Fragment as k, renderList as x, mergeProps as B, computed as C, resolveComponent as oe, withCtx as T, createTextVNode as U, ref as R, watch as ne, onMounted as ke, renderSlot as z, resolveDynamicComponent as se, createVNode as P, normalizeStyle as J, getCurrentInstance as Ce, toHandlerKey as me, camelize as $e, mergeDefaults as X, mergeModels as E, useModel as le, normalizeProps as ae, guardReactiveProps as re, withDirectives as Q, vModelSelect as Me, inject as Le, resolveDirective as fe, vModelText as xe } from "vue";
-import { RouterLink as Pe } from "vue-router";
-const L = (...e) => `<svg
+import { defineComponent as g, createElementBlock as u, openBlock as l, unref as h, normalizeClass as w, createElementVNode as c, createBlock as f, createCommentVNode as y, toDisplayString as v, Fragment as k, renderList as x, mergeProps as P, computed as $, resolveComponent as oe, withCtx as T, createTextVNode as U, ref as R, watch as ne, onMounted as ke, renderSlot as z, resolveDynamicComponent as se, createVNode as B, normalizeStyle as J, getCurrentInstance as $e, toHandlerKey as me, camelize as Ce, mergeDefaults as X, mergeModels as E, useModel as le, normalizeProps as ae, guardReactiveProps as re, withDirectives as Q, vModelSelect as Le, inject as Me, resolveDirective as fe, vModelText as xe } from "vue";
+import { RouterLink as Be } from "vue-router";
+const M = (...e) => `<svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
@@ -16,46 +16,46 @@ const L = (...e) => `<svg
 `)}
   </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: L(
+const Pe = {
+  Edit: M(
     "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: L(
+  Delete: M(
     "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: L(
+  BarsArrowDown: M(
     "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
   ),
-  BarsArrowUp: L(
+  BarsArrowUp: M(
     "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
   ),
-  Funnel: L(
+  Funnel: M(
     "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: L("M6 18 18 6M6 6l12 12"),
-  Plus: L("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
-  PaperClip: L(
+  Close: M("M6 18 18 6M6 6l12 12"),
+  Plus: M("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  PaperClip: M(
     "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: L("M4 6h16M4 12h16M4 18h16"),
-  ChevronDown: L(
+  Hamburger: M("M4 6h16M4 12h16M4 18h16"),
+  ChevronDown: M(
     "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: L(
+  ChevronUp: M(
     "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: L("m4.5 12.75 6 6 9-13.5"),
-  View: L(
+  Check: M("m4.5 12.75 6 6 9-13.5"),
+  View: M(
     "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: L(
+  Text: M(
     "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: L(
+  DblChevronLeft: M(
     "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
   ),
-  DblChevronRight: L("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
+  DblChevronRight: M("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
 }, De = ["innerHTML"], K = /* @__PURE__ */ g({
   __name: "icon",
   props: {
@@ -64,14 +64,14 @@ const Be = {
   },
   setup(e) {
     return (t, o) => (l(), u("div", {
-      class: _([
+      class: w([
         {
           "w-full h-full": !t.size,
           "w-2 h-2": t.size === "xs",
           "w-4 h-4": t.size === "sm"
         }
       ]),
-      innerHTML: h(Be)[t.icon]
+      innerHTML: h(Pe)[t.icon]
     }, null, 10, De));
   }
 }), Ae = { class: "dropdown dropdown-end" }, Te = {
@@ -92,7 +92,7 @@ const Be = {
       c("div", {
         tabindex: "0",
         role: "button",
-        class: _([t.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: w([t.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
         c("span", null, v(t.label), 1),
         t.disableArrow ? y("", !0) : (l(), f(h(K), {
@@ -103,7 +103,7 @@ const Be = {
       ], 2),
       c("ul", Te, [
         c("li", ze, [
-          (l(!0), u(k, null, x(t.items, (s) => (l(), f(ve, B({
+          (l(!0), u(k, null, x(t.items, (s) => (l(), f(ve, P({
             key: s.label
           }, { ref_for: !0 }, s), null, 16))), 128))
         ])
@@ -119,10 +119,10 @@ const Be = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = C(() => !t.disabled && t.action && "routerLink" in t.action), s = C(() => !t.disabled && t.action), n = C(() => {
+    const t = e, o = $(() => !t.disabled && t.action && "routerLink" in t.action), s = $(() => !t.disabled && t.action), n = $(() => {
       var r;
       return (r = t.items) == null ? void 0 : r.length;
-    }), a = C(() => {
+    }), a = $(() => {
       const r = t.action;
       return r && "routerLink" in r && "params" in r ? {
         name: r.routerLink,
@@ -134,10 +134,10 @@ const Be = {
     };
     return (r, d) => {
       const p = oe("RouterLink");
-      return n.value ? (l(), f(ie, B({ key: 0 }, t, { "btn-class": G }), null, 16)) : o.value ? (l(), f(p, {
+      return n.value ? (l(), f(ie, P({ key: 0 }, t, { "btn-class": G }), null, 16)) : o.value ? (l(), f(p, {
         key: 1,
         to: a.value,
-        class: _(G),
+        class: w(G),
         onClick: b
       }, {
         default: T(() => [
@@ -146,18 +146,18 @@ const Be = {
         _: 1
       }, 8, ["to"])) : s.value ? (l(), u("button", {
         key: 2,
-        class: _(G),
+        class: w(G),
         onClick: b
       }, v(r.label), 1)) : (l(), u("div", {
         key: 3,
-        class: _([G, { "btn-disabled": r.disabled }])
+        class: w([G, { "btn-disabled": r.disabled }])
       }, v(r.label), 3));
     };
   }
 }), Se = { class: "navbar bg-base-100 shadow-sm" }, Ve = { class: "flex-1" }, Ne = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, Ue = { class: "flex grow justify-end px-2" }, Re = { class: "flex items-stretch" }, dn = /* @__PURE__ */ g({
+}, Ue = { class: "flex grow justify-end px-2" }, Re = { class: "flex items-stretch" }, pn = /* @__PURE__ */ g({
   __name: "menu",
   props: {
     menu: {},
@@ -190,7 +190,7 @@ const Be = {
         ]),
         c("div", Ue, [
           c("div", Re, [
-            (l(!0), u(k, null, x(t.menu, (n) => (l(), f(ve, B({
+            (l(!0), u(k, null, x(t.menu, (n) => (l(), f(ve, P({
               key: n.label
             }, { ref_for: !0 }, n), null, 16))), 128))
           ])
@@ -198,7 +198,7 @@ const Be = {
       ]);
     };
   }
-}), pn = /* @__PURE__ */ g({
+}), mn = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     items: {}
@@ -213,11 +213,11 @@ const Be = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), M = [];
+}), L = [];
 for (let e = 0; e < 256; ++e)
-  M.push((e + 256).toString(16).slice(1));
+  L.push((e + 256).toString(16).slice(1));
 function Fe(e, t = 0) {
-  return (M[e[t + 0]] + M[e[t + 1]] + M[e[t + 2]] + M[e[t + 3]] + "-" + M[e[t + 4]] + M[e[t + 5]] + "-" + M[e[t + 6]] + M[e[t + 7]] + "-" + M[e[t + 8]] + M[e[t + 9]] + "-" + M[e[t + 10]] + M[e[t + 11]] + M[e[t + 12]] + M[e[t + 13]] + M[e[t + 14]] + M[e[t + 15]]).toLowerCase();
+  return (L[e[t + 0]] + L[e[t + 1]] + L[e[t + 2]] + L[e[t + 3]] + "-" + L[e[t + 4]] + L[e[t + 5]] + "-" + L[e[t + 6]] + L[e[t + 7]] + "-" + L[e[t + 8]] + L[e[t + 9]] + "-" + L[e[t + 10]] + L[e[t + 11]] + L[e[t + 12]] + L[e[t + 13]] + L[e[t + 14]] + L[e[t + 15]]).toLowerCase();
 }
 let te;
 const He = new Uint8Array(16);
@@ -229,7 +229,7 @@ function Ke() {
   }
   return te(He);
 }
-const Oe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), be = { randomUUID: Oe };
+const je = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), be = { randomUUID: je };
 function Y(e, t, o) {
   var n;
   if (be.randomUUID && !e)
@@ -240,7 +240,7 @@ function Y(e, t, o) {
     throw new Error("Random bytes length must be >= 16");
   return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, Fe(s);
 }
-const je = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-action" }, Ee = /* @__PURE__ */ g({
+const Oe = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-action" }, Ee = /* @__PURE__ */ g({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -277,7 +277,7 @@ const je = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-
       class: "modal"
     }, [
       c("div", {
-        class: _(["modal-box bg-white", s[p.width]])
+        class: w(["modal-box bg-white", s[p.width]])
       }, [
         p.disableClose ? y("", !0) : (l(), u("button", {
           key: 0,
@@ -285,7 +285,7 @@ const je = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
           onClick: d
         }, " ✕ ")),
-        c("h3", je, v(p.modalTitle), 1),
+        c("h3", Oe, v(p.modalTitle), 1),
         c("div", Ie, [
           z(p.$slots, "content")
         ]),
@@ -333,7 +333,7 @@ const Ze = {
   emits: ["click"],
   setup(e, { emit: t }) {
     const o = e, s = t;
-    return (n, a) => (l(), f(se(n.as), B({
+    return (n, a) => (l(), f(se(n.as), P({
       class: [
         "btn  p-1 flex justify-center flex-nowrap",
         h(Ze)[n.color],
@@ -354,7 +354,7 @@ const Ze = {
       _: 3
     }, 16, ["class"]));
   }
-}), Qe = ["type", "disabled"], mn = /* @__PURE__ */ g({
+}), Qe = ["type", "disabled"], bn = /* @__PURE__ */ g({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
@@ -367,7 +367,7 @@ const Ze = {
   setup(e, { emit: t }) {
     const o = t;
     return (s, n) => (l(), u("button", {
-      class: _(["badge gap-1", h(Je)[s.size], h(We)[s.color]]),
+      class: w(["badge gap-1", h(Je)[s.size], h(We)[s.color]]),
       type: s.type,
       disabled: s.disabled,
       onClick: n[0] || (n[0] = (a) => o("click"))
@@ -402,7 +402,7 @@ const Ze = {
         U(v(n.message), 1)
       ]),
       actions: T(() => [
-        P(h(q), {
+        B(h(q), {
           color: h(I).secondary,
           outline: !0,
           onClick: a[0] || (a[0] = (b) => s(!1))
@@ -412,7 +412,7 @@ const Ze = {
           ]),
           _: 1
         }, 8, ["color"]),
-        P(h(q), {
+        B(h(q), {
           onClick: a[1] || (a[1] = (b) => s(!0))
         }, {
           default: T(() => [
@@ -460,10 +460,10 @@ class ce {
 const Ye = /* @__PURE__ */ g({
   __name: "modalWrapper",
   setup(e) {
-    const t = ce.getInstance(), o = C(() => t.showModal.value ? t.modals : []);
+    const t = ce.getInstance(), o = $(() => t.showModal.value ? t.modals : []);
     return (s, n) => (l(!0), u(k, null, x(o.value, (a) => {
       var b;
-      return l(), f(se(a == null ? void 0 : a.component), B({
+      return l(), f(se(a == null ? void 0 : a.component), P({
         key: a.id,
         ref_for: !0
       }, a == null ? void 0 : a.props, {
@@ -487,7 +487,7 @@ const Ye = /* @__PURE__ */ g({
     };
     return (o, s) => (l(), u("div", {
       role: "alert",
-      class: _(`alert ${t[o.type]} `)
+      class: w(`alert ${t[o.type]} `)
     }, [
       c("span", null, v(o.message), 1)
     ], 2));
@@ -535,12 +535,12 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   setup(e) {
     const t = de.getInstance();
     return (o, s) => (l(), u("div", nt, [
-      (l(!0), u(k, null, x(h(t).notifications.value, (n) => (l(), f(et, B({
+      (l(!0), u(k, null, x(h(t).notifications.value, (n) => (l(), f(et, P({
         key: n.id
       }, { ref_for: !0 }, n), null, 16))), 128))
     ]));
   }
-}), st = { class: "h-screen" }, lt = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, at = { class: "navbar-start" }, rt = { class: "navbar-center" }, it = ["href"], ut = { class: "navbar-end" }, ct = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, dt = { class: "flex-grow-1" }, pt = { class: "bg-base-200 p-4" }, mt = { class: "h-full" }, he = 64, bn = /* @__PURE__ */ g({
+}), st = { class: "h-screen" }, lt = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, at = { class: "navbar-start" }, rt = { class: "navbar-center" }, it = ["href"], ut = { class: "navbar-end" }, ct = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, dt = { class: "flex-grow-1" }, pt = { class: "bg-base-200 p-4" }, mt = { class: "h-full" }, he = 64, hn = /* @__PURE__ */ g({
   __name: "shell.component",
   props: {
     title: {},
@@ -553,7 +553,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   setup(e, { emit: t }) {
     const s = e, n = R(!1), a = () => {
       n.value = !n.value;
-    }, b = t, r = C(() => s.user ? {
+    }, b = t, r = $(() => s.user ? {
       label: s.user.name,
       items: [
         {
@@ -565,18 +565,18 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
       ]
     } : null);
     return (d, p) => (l(), u(k, null, [
-      P(ot),
-      P(h(Ye)),
+      B(ot),
+      B(h(Ye)),
       c("div", st, [
         c("header", null, [
           c("nav", lt, [
             c("div", at, [
               c("button", {
-                onClick: a,
                 "aria-label": "open sidebar",
-                class: "btn btn-square btn-ghost p-1"
+                class: "btn btn-square btn-ghost p-1",
+                onClick: a
               }, [
-                P(h(K), {
+                B(h(K), {
                   icon: h(V).Hamburger
                 }, null, 8, ["icon"])
               ])
@@ -588,7 +588,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
               }, v(d.title), 9, it)
             ]),
             c("div", ut, [
-              r.value ? (l(), f(h(ie), B({ key: 0 }, r.value, { "btn-class": "" }), null, 16)) : y("", !0)
+              r.value ? (l(), f(h(ie), P({ key: 0 }, r.value, { "btn-class": "" }), null, 16)) : y("", !0)
             ])
           ])
         ]),
@@ -606,7 +606,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
               (l(!0), u(k, null, x(d.menu, (i) => (l(), u("li", {
                 key: i.label
               }, [
-                P(h(Pe), {
+                B(h(Be), {
                   to: { name: i.routerLink, params: i.params }
                 }, {
                   default: T(() => [
@@ -616,11 +616,11 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
                 }, 1032, ["to"])
               ]))), 128))
             ]),
-            c("div", pt, "version: " + v(d.version), 1)
+            c("div", pt, " version: " + v(d.version), 1)
           ])
         ], 4)) : y("", !0),
         c("main", {
-          class: _("overflow-hidden fixed border-red  bg-white p-4 mx-auto max-h-full  shadow-sm "),
+          class: w("overflow-hidden fixed border-red  bg-white p-4 mx-auto max-h-full  shadow-sm "),
           style: J({
             top: `${he}px`,
             bottom: "2px",
@@ -646,9 +646,9 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const o = e, s = t, n = C(
+    const o = e, s = t, n = $(
       () => o.neverActive ? !1 : o.page === o.currentPage
-    ), a = C(() => o.neverActive ? I.blank : n.value ? I.primary : I.secondary), b = () => {
+    ), a = $(() => o.neverActive ? I.blank : n.value ? I.primary : I.secondary), b = () => {
       s("updatePage", o.page);
     };
     return (r, d) => (l(), f(h(q), {
@@ -673,10 +673,10 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const o = e, s = t, n = C(() => {
+    const o = e, s = t, n = $(() => {
       let i = Math.ceil(o.totalItems / o.itemsPerPage);
       return i < 1 ? 1 : i;
-    }), a = W / 2, b = C(() => {
+    }), a = W / 2, b = $(() => {
       if (n.value <= W)
         return {
           min: 1,
@@ -695,13 +695,13 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
       page: -10,
       disabled: !0,
       neverActive: !0
-    }), d = C(() => {
+    }), d = $(() => {
       let i = n.value;
       i < 1 && (i = 1);
-      const D = o.currentPage, S = [], { min: F, max: O } = b.value;
-      return Array.from({ length: i }, (w, N) => {
+      const D = o.currentPage, S = [], { min: F, max: j } = b.value;
+      return Array.from({ length: i }, (_, N) => {
         const m = N + 1;
-        m !== 1 && m !== i && (m > O || m < F) || (m === i && i > 1 && O < i && S.push(r(D)), S.push({
+        m !== 1 && m !== i && (m > j || m < F) || (m === i && i > 1 && j < i && S.push(r(D)), S.push({
           label: `${m}`,
           totalPages: i,
           currentPage: D,
@@ -714,7 +714,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     return (i, D) => (l(), u("div", bt, [
       c("div", ht, [
         c("div", ft, [
-          P(Z, B(o, {
+          B(Z, P(o, {
             page: 1,
             label: "<<",
             "current-page": e.currentPage,
@@ -722,7 +722,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: p
           }), null, 16, ["current-page", "disabled"]),
-          P(Z, B(o, {
+          B(Z, P(o, {
             page: e.currentPage - 1,
             label: "<",
             "current-page": e.currentPage,
@@ -730,11 +730,11 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: p
           }), null, 16, ["page", "current-page", "disabled"]),
-          (l(!0), u(k, null, x(d.value, (S) => (l(), f(Z, B({
+          (l(!0), u(k, null, x(d.value, (S) => (l(), f(Z, P({
             key: S.page,
             ref_for: !0
           }, S, { onUpdatePage: p }), null, 16))), 128)),
-          P(Z, B(o, {
+          B(Z, P(o, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
@@ -742,7 +742,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
             disabled: o.currentPage === n.value,
             onUpdatePage: p
           }), null, 16, ["page", "current-page", "disabled"]),
-          P(Z, B(o, {
+          B(Z, P(o, {
             page: n.value,
             label: ">>",
             "current-page": e.currentPage,
@@ -773,7 +773,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     type: Object,
     required: !1
   }
-}), wt = g({
+}), _t = g({
   name: "TextCell",
   props: {
     ...yt()
@@ -785,11 +785,11 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
       return e ? ((t = this.column.options) == null ? void 0 : t.format) === "keyValue" ? e[this.column.options.key] : e : null;
     }
   }
-}), _t = wt;
+}), wt = _t;
 function kt(e, t, o, s, n, a) {
   return v(e.value);
 }
-const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr-2" }, $t = { class: "h-4 w-4" }, Mt = /* @__PURE__ */ g({
+const fn = /* @__PURE__ */ ye(wt, [["render", kt]]), $t = { class: "flex-grow pr-2" }, Ct = { class: "h-4 w-4" }, Lt = /* @__PURE__ */ g({
   __name: "sort.header",
   props: {
     column: {},
@@ -798,9 +798,9 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
   },
   emits: ["sort"],
   setup(e, { emit: t }) {
-    const o = e, s = C(
+    const o = e, s = $(
       () => o.sortDirection === "asc" ? V.BarsArrowUp : V.BarsArrowDown
-    ), n = C(() => {
+    ), n = $(() => {
       var r;
       return ((r = o.column.options) == null ? void 0 : r.sortId) ?? o.column.id;
     }), a = () => {
@@ -810,8 +810,8 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
       class: "flex items-center",
       onClick: a
     }, [
-      c("span", Ct, v(r.column.label), 1),
-      c("div", $t, [
+      c("span", $t, v(r.column.label), 1),
+      c("div", Ct, [
         r.sortColumn === n.value ? (l(), f(h(K), {
           key: 0,
           icon: s.value
@@ -819,7 +819,7 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
       ])
     ]));
   }
-}), Lt = { class: "table w-full" }, xt = { key: 0 }, Pt = ["colspan"], Bt = { class: "flex gap-2" }, fn = /* @__PURE__ */ g({
+}), Mt = { class: "table w-full" }, xt = { key: 0 }, Bt = ["colspan"], Pt = { class: "flex gap-2" }, vn = /* @__PURE__ */ g({
   __name: "table.component",
   props: {
     loading: { type: Boolean },
@@ -841,13 +841,13 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
       o("sort", r);
     };
     return (r, d) => (l(), u(k, null, [
-      c("table", Lt, [
+      c("table", Mt, [
         c("thead", null, [
           c("tr", null, [
             (l(!0), u(k, null, x(r.displayColumns, (p) => (l(), u("th", {
               key: p.scope
             }, [
-              P(Mt, B({ column: p }, { ref_for: !0 }, r.sort, { onSort: b }), null, 16, ["column"])
+              B(Lt, P({ column: p }, { ref_for: !0 }, r.sort, { onSort: b }), null, 16, ["column"])
             ]))), 128)),
             d[0] || (d[0] = c("th", null, null, -1))
           ])
@@ -859,7 +859,7 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
               class: "text-center"
             }, d[1] || (d[1] = [
               c("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ]), 8, Pt)
+            ]), 8, Bt)
           ])) : y("", !0),
           (l(!0), u(k, null, x(r.data, (p) => (l(), u("tr", {
             key: p.id
@@ -867,13 +867,13 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
             (l(!0), u(k, null, x(r.displayColumns, (i) => (l(), u("td", {
               key: i.scope
             }, [
-              (l(), f(se(i.component), B({ ref_for: !0 }, i, {
+              (l(), f(se(i.component), P({ ref_for: !0 }, i, {
                 data: p,
                 column: i
               }), null, 16, ["data", "column"]))
             ]))), 128)),
             c("td", null, [
-              c("span", Bt, [
+              c("span", Pt, [
                 (l(!0), u(k, null, x(r.actions, (i) => (l(), f(q, {
                   key: i.label,
                   icon: i.icon,
@@ -885,12 +885,12 @@ const hn = /* @__PURE__ */ ye(_t, [["render", kt]]), Ct = { class: "flex-grow pr
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                P(q, {
+                B(q, {
                   icon: h(V).Edit,
                   outline: !0,
                   onClick: (i) => s(p)
                 }, null, 8, ["icon", "onClick"]),
-                P(q, {
+                B(q, {
                   icon: h(V).Delete,
                   outline: !0,
                   onClick: (i) => n(p)
@@ -933,13 +933,13 @@ function Vt(e, t) {
     ])
   ]);
 }
-const vn = /* @__PURE__ */ ye(Dt, [["render", Vt]]), gn = (e, t) => {
+const gn = /* @__PURE__ */ ye(Dt, [["render", Vt]]), yn = (e, t) => {
   if (!e) return null;
   const o = (s) => {
     e.contains(s.target) || t();
   };
   return document.addEventListener("click", o), o;
-}, yn = (e) => {
+}, _n = (e) => {
   document.removeEventListener("click", e);
 }, wn = {
   beforeMount(e, t) {
@@ -951,13 +951,13 @@ const vn = /* @__PURE__ */ ye(Dt, [["render", Vt]]), gn = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function _n(e) {
-  const t = Ce();
+function kn(e) {
+  const t = $e();
   if (!t)
     return !1;
   const o = t.vnode.props;
   return o ? !!(o[me(e)] || // also try camelCase event handler (#2249)
-  o[me($e(e))]) : !1;
+  o[me(Ce(e))]) : !1;
 }
 const Nt = {
   group: {
@@ -1020,33 +1020,33 @@ const Nt = {
     styles: {}
   }, ee()),
   setup(e) {
-    const t = e, o = C(() => !Ft(
+    const t = e, o = $(() => !Ft(
       t.visible,
       t.description,
       t.isFocused,
       !0
-    )), s = C(() => t.required), n = C(() => Rt(
+    )), s = $(() => t.required), n = $(() => Rt(
       t.isTouched,
       t.isFocused,
       t.errors
     ));
     return (a, b) => (l(), u("fieldset", {
-      class: _(a.styles.control.wrapper)
+      class: w(a.styles.control.wrapper)
     }, [
       a.hideLabel ? y("", !0) : (l(), u("legend", {
         key: 0,
-        class: _(a.styles.control.label)
+        class: w(a.styles.control.label)
       }, [
         U(v(a.label) + " ", 1),
         s.value ? (l(), u("span", Ht, "*")) : y("", !0)
       ], 2)),
       z(a.$slots, "default"),
       c("p", {
-        class: _(["fieldset-label h-4", { "text-error": n.value }])
+        class: w(["fieldset-label h-4", { "text-error": n.value }])
       }, v(n.value ? a.errors : o.value ? a.description : null), 3)
     ], 2));
   }
-}), Kt = ["disabled"], Ot = ["value"], kn = /* @__PURE__ */ g({
+}), Kt = ["disabled"], jt = ["value"], $n = /* @__PURE__ */ g({
   __name: "SelectComponent",
   props: /* @__PURE__ */ E(/* @__PURE__ */ X({
     id: {},
@@ -1086,7 +1086,7 @@ const Nt = {
         Q(c("select", {
           "onUpdate:modelValue": p[0] || (p[0] = (i) => n.value = i),
           disabled: !d.enabled,
-          class: _(["select select-bordered", d.styles.control.select]),
+          class: w(["select select-bordered", d.styles.control.select]),
           onChange: a,
           onFocus: b,
           onBlur: r
@@ -1094,16 +1094,16 @@ const Nt = {
           (l(!0), u(k, null, x(d.options, (i) => (l(), u("option", {
             key: i[d.valueKey],
             value: i
-          }, v(i[d.labelKey]), 9, Ot))), 128))
+          }, v(i[d.labelKey]), 9, jt))), 128))
         ], 42, Kt), [
-          [Me, n.value]
+          [Le, n.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), jt = "GHENTCDH_AUTHENTICATION", It = () => {
-  const e = Le(jt);
+}), Ot = "GHENTCDH_AUTHENTICATION", It = () => {
+  const e = Me(Ot);
   e || console.warn("No auth provided, authorized calls may not work");
   const t = async (o, s, n = { contentType: "application/json" }) => {
     const a = (n == null ? void 0 : n.skipAuth) ?? (e == null ? void 0 : e.options.skipAuthentication), b = {
@@ -1166,7 +1166,7 @@ const Nt = {
   };
 }, qt = ["disabled"], Et = {
   key: 0,
-  class: /* @__PURE__ */ _([
+  class: /* @__PURE__ */ w([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50`
   ])
@@ -1205,13 +1205,13 @@ const Nt = {
     }, S = (m) => {
       n.value = m, b(m);
     }, F = (m) => {
-      var $;
-      (($ = i.value) == null ? void 0 : $.length) === m + 1 && (i.value = []);
-    }, O = It(), w = (m) => m[o.valueKey], N = (m) => (m == null ? void 0 : m[o.labelKey]) ?? "";
+      var C;
+      ((C = i.value) == null ? void 0 : C.length) === m + 1 && (i.value = []);
+    }, j = It(), _ = (m) => m[o.valueKey], N = (m) => (m == null ? void 0 : m[o.labelKey]) ?? "";
     return ne(
       () => n.value,
       (m) => {
-        m && !w(m) || (p.value = !0, i.value = [], a.value = N(m));
+        m && !_(m) || (p.value = !0, i.value = [], a.value = N(m));
       },
       { immediate: !0 }
     ), ne(
@@ -1222,23 +1222,23 @@ const Nt = {
           return;
         }
         if (S({ [o.labelKey]: m }), o.config) {
-          const { uri: $, skipAuth: j, dataField: A } = o.config;
-          O.get(`${$}${m}`, { skipAuth: j }).then((H) => {
+          const { uri: C, skipAuth: O, dataField: A } = o.config;
+          j.get(`${C}${m}`, { skipAuth: O }).then((H) => {
             i.value = H[A];
           });
-        } else o.options && (i.value = o.options.filter(($) => N($).toLowerCase().includes(m)).slice(0, 10));
+        } else o.options && (i.value = o.options.filter((C) => N(C).toLowerCase().includes(m)).slice(0, 10));
       }
-    ), (m, $) => {
-      const j = fe("click-outside");
+    ), (m, C) => {
+      const O = fe("click-outside");
       return l(), f(pe, ae(re(o)), {
         default: T(() => {
           var A;
           return [
             Q(c("input", {
-              "onUpdate:modelValue": $[0] || ($[0] = (H) => a.value = H),
+              "onUpdate:modelValue": C[0] || (C[0] = (H) => a.value = H),
               autocomplete: "off",
               type: "text",
-              class: _([m.styles.control.select]),
+              class: w([m.styles.control.select]),
               disabled: !m.enabled,
               onFocus: r,
               onBlur: d
@@ -1247,19 +1247,19 @@ const Nt = {
             ]),
             Q((l(), u("div", null, [
               (A = i.value) != null && A.length ? (l(), u("ul", Et, [
-                (l(!0), u(k, null, x(i.value, (H, we) => (l(), u("li", {
+                (l(!0), u(k, null, x(i.value, (H, _e) => (l(), u("li", {
                   key: H[m.valueKey]
                 }, [
                   c("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: (_e) => D(H),
-                    onBlur: (_e) => F(we)
+                    onClick: (we) => D(H),
+                    onBlur: (we) => F(_e)
                   }, v(N(H)), 41, Zt)
                 ]))), 128))
               ])) : y("", !0)
             ])), [
-              [j, () => i.value = []]
+              [O, () => i.value = []]
             ])
           ];
         }),
@@ -1269,11 +1269,11 @@ const Nt = {
   }
 }), Wt = {
   key: 0,
-  class: /* @__PURE__ */ _([
+  class: /* @__PURE__ */ w([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50 p-0`
   ])
-}, Gt = ["onClick"], Jt = { class: "w-4 mr-2" }, $n = /* @__PURE__ */ g({
+}, Gt = ["onClick"], Jt = { class: "w-4 mr-2" }, Ln = /* @__PURE__ */ g({
   __name: "MultiSelect",
   props: /* @__PURE__ */ E(/* @__PURE__ */ X({
     id: {},
@@ -1302,38 +1302,38 @@ const Nt = {
   setup(e, { emit: t }) {
     const o = e, s = t, n = le(e, "modelValue");
     let a = !1;
-    const b = (w) => {
-      s("change", w);
+    const b = (_) => {
+      s("change", _);
     }, r = R(!1), d = () => {
       r.value = !r.value, a = !0;
     }, p = () => {
       a || (r.value = !1), a = !1;
-    }, i = C(
+    }, i = $(
       () => {
-        var w;
-        return ((w = n.value) == null ? void 0 : w.map((N) => F(N))) ?? [];
+        var _;
+        return ((_ = n.value) == null ? void 0 : _.map((N) => F(N))) ?? [];
       }
-    ), D = (w) => i.value.includes(w), S = (w, N) => {
-      w.preventDefault();
+    ), D = (_) => i.value.includes(_), S = (_, N) => {
+      _.preventDefault();
       let m = n.value ?? [];
-      const $ = F(N);
-      D($) ? m = m.filter((A) => F(A) !== $) : m.push(N), n.value = m, b(m);
-    }, F = (w) => w[o.valueKey], O = (w) => (w == null ? void 0 : w[o.labelKey]) ?? "";
-    return (w, N) => {
+      const C = F(N);
+      D(C) ? m = m.filter((A) => F(A) !== C) : m.push(N), n.value = m, b(m);
+    }, F = (_) => _[o.valueKey], j = (_) => (_ == null ? void 0 : _[o.labelKey]) ?? "";
+    return (_, N) => {
       const m = fe("click-outside");
       return l(), f(pe, ae(re(o)), {
         default: T(() => {
-          var $, j;
+          var C, O;
           return [
             c("button", {
               type: "button",
-              class: _([w.styles.control.select, "w-full truncate block"]),
+              class: w([_.styles.control.select, "w-full truncate block"]),
               onClick: d
-            }, v(((j = ($ = n.value) == null ? void 0 : $.map) == null ? void 0 : j.call($, (A) => O(A)).join(", ")) ?? "Select value"), 3),
+            }, v(((O = (C = n.value) == null ? void 0 : C.map) == null ? void 0 : O.call(C, (A) => j(A)).join(", ")) ?? "Select value"), 3),
             Q((l(), u("div", null, [
               r.value ? (l(), u("ul", Wt, [
-                (l(!0), u(k, null, x(w.options, (A) => (l(), u("li", {
-                  key: A[w.valueKey]
+                (l(!0), u(k, null, x(_.options, (A) => (l(), u("li", {
+                  key: A[_.valueKey]
                 }, [
                   c("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",
@@ -1347,7 +1347,7 @@ const Nt = {
                         size: "sm"
                       }, null, 8, ["icon"])) : y("", !0)
                     ]),
-                    U(" " + v(O(A)), 1)
+                    U(" " + v(j(A)), 1)
                   ], 8, Gt)
                 ]))), 128))
               ])) : y("", !0)
@@ -1376,13 +1376,13 @@ const Nt = {
     return (s, n) => (l(), u("main", Qt, [
       c("aside", Xt, [
         c("div", {
-          class: _(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
+          class: w(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
         }, [
           c("button", {
             class: "btn btn-ghost btn-circle",
             onClick: n[0] || (n[0] = (a) => o("left"))
           }, [
-            P(h(K), {
+            B(h(K), {
               size: "sm",
               icon: t.value.left ? h(V).DblChevronLeft : h(V).DblChevronRight
             }, null, 8, ["icon"])
@@ -1408,13 +1408,13 @@ const Nt = {
           z(s.$slots, "right-drawer")
         ], 4)) : y("", !0),
         c("div", {
-          class: _(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+          class: w(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
         }, [
           c("button", {
             class: "btn btn-ghost btn-circle",
             onClick: n[1] || (n[1] = (a) => o("right"))
           }, [
-            P(h(K), {
+            B(h(K), {
               size: "sm",
               icon: t.value.right ? h(V).DblChevronRight : h(V).DblChevronLeft
             }, null, 8, ["icon"])
@@ -1467,13 +1467,13 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
   },
   emits: ["toggle", "select"],
   setup(e, { emit: t }) {
-    const o = e, s = t, n = C(() => o.active === o.node.id);
+    const o = e, s = t, n = $(() => o.active === o.node.id);
     return (a, b) => {
       var d;
       const r = oe("TreeItem", !0);
       return l(), u("li", on, [
         c("div", {
-          class: _([
+          class: w([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
             n.value ? "text-primary" : ""
@@ -1502,7 +1502,7 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
         ], 2),
         a.node.children && a.isExpanded(a.node.id) ? (l(), u("ul", {
           key: 0,
-          class: _([
+          class: w([
             "ml-4 border-l pl-2",
             { "border-gray-200": !n.value, "border-primary": n.value }
           ])
@@ -1520,7 +1520,7 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
       ]);
     };
   }
-}), rn = { class: "select-none text-sm" }, Ln = /* @__PURE__ */ g({
+}), rn = { class: "select-none text-sm" }, xn = /* @__PURE__ */ g({
   __name: "TreeView",
   props: {
     data: {},
@@ -1550,14 +1550,27 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
+}), un = {
+  key: 0,
+  class: "flex items-center justify-center h-20"
+}, Bn = /* @__PURE__ */ g({
+  __name: "loading",
+  props: {
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    return (t, o) => t.loading ? (l(), u("div", un, o[0] || (o[0] = [
+      c("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
+    ]))) : y("", !0);
+  }
 });
 export {
   Cn as Autocomplete,
   Je as BadgeSize,
   q as Btn,
-  mn as BtnBadge,
+  bn as BtnBadge,
   Ge as ButtonSize,
-  vn as Card,
+  gn as Card,
   wn as ClickOutside,
   I as Color,
   Xe as ConfirmModal,
@@ -1565,30 +1578,31 @@ export {
   Ut as DefaultAutoCompleteProperties,
   ee as DefaultControlProperties,
   Mn as Drawer,
-  pn as Dropdown,
+  mn as Dropdown,
   K as Icon,
   V as IconEnum,
-  Be as IconMap,
-  dn as Menu,
+  Pe as IconMap,
+  Bn as Loading,
+  pn as Menu,
   Ee as Modal,
   ce as ModalService,
   Ye as ModalWrapper,
-  $n as MultiSelect,
+  Ln as MultiSelect,
   et as NotificationMessage,
   de as NotificationService,
   ot as Notifications,
   gt as PaginationComponent,
-  kn as SelectComponent,
-  bn as ShellComponent,
+  $n as SelectComponent,
+  hn as ShellComponent,
   ie as SubMenu,
-  fn as Table,
-  fn as TableComponent,
-  hn as TextCell,
-  Ln as TreeView,
-  gn as addClickOutsideEventListener,
-  _n as hasCustomEventListener,
+  vn as Table,
+  vn as TableComponent,
+  fn as TextCell,
+  xn as TreeView,
+  yn as addClickOutsideEventListener,
+  kn as hasCustomEventListener,
   Ft as isDescriptionHidden,
   Nt as myStyles,
-  yn as removeClickOutsideEventListener,
+  _n as removeClickOutsideEventListener,
   Rt as showErrors
 };