@zealsolutions/zeal-ui 1.0.0-alpha.362 → 1.0.0-alpha.363

package/dist/components/header/index.js

@@ -1,4 +1,4 @@
-import { openBlock as a, createElementBlock as u, createVNode as T, createElementVNode as r, createTextVNode as j, mergeModels as ne, useModel as ke, getCurrentInstance as ce, ref as k, computed as $, watch as K, nextTick as oe, onMounted as ge, onBeforeUnmount as we, createBlock as I, Teleport as Ce, withModifiers as N, withDirectives as G, vModelText as $e, createCommentVNode as v, normalizeClass as M, toDisplayString as b, Fragment as H, renderList as P, normalizeStyle as q, pushScopeId as Se, popScopeId as _e, Transition as ue, withCtx as F, resolveDynamicComponent as de, unref as Q, vShow as pe, renderSlot as R } from "vue";
+import { openBlock as a, createElementBlock as u, createVNode as T, createElementVNode as r, createTextVNode as j, mergeModels as ne, useModel as ke, getCurrentInstance as ce, ref as k, computed as $, watch as K, nextTick as oe, onMounted as ge, onBeforeUnmount as we, createBlock as I, Teleport as Ce, withModifiers as N, withDirectives as G, vModelText as $e, createCommentVNode as m, normalizeClass as M, toDisplayString as b, Fragment as H, renderList as P, normalizeStyle as q, pushScopeId as Se, popScopeId as _e, Transition as ue, withCtx as F, resolveDynamicComponent as de, unref as Q, vShow as pe, renderSlot as R } from "vue";
 import Me from "../../HouseIcon-BxmNyxvv.js";
 import Te from "../../ArrowLeftIcon-Cgsy08pY.js";
 import { _ as Ae } from "../../Tooltip-CQjz2EXM.js";
@@ -17,7 +17,7 @@ const He = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inlin
   setup(e) {
     return (i, o) => (a(), u("button", {
       type: "button",
-      class: "zui-search-pill inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border-[1px] border-solid border-proclusteal-300 dark:border-line bg-surface-raised pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-proclusteal-600 dark:text-content-muted transition-[border-color,color,box-shadow] duration-150 hover:border-proclusteal-950 dark:hover:border-focus hover:text-proclusteal-800 dark:hover:text-content hover:shadow-[0_1px_3px_rgba(20,40,45,0.08)] focus:border-proclusteal-950 dark:focus:border-focus focus:text-proclusteal-800 dark:focus:text-content focus:outline-none",
+      class: "zui-search-pill inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border-[1px] border-solid border-proclusteal-950 dark:border-line bg-surface-raised pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-proclusteal-600 dark:text-content-muted transition-[border-color,color,box-shadow] duration-150 hover:border-proclusteal-900 dark:hover:border-focus hover:text-proclusteal-800 dark:hover:text-content hover:shadow-[0_1px_3px_rgba(20,40,45,0.08)] focus:border-proclusteal-900 dark:focus:border-focus focus:text-proclusteal-800 dark:focus:text-content focus:outline-none",
       title: "Search (Ctrl K)",
       "aria-label": "Search (Ctrl K)",
       onClick: o[0] || (o[0] = (y) => i.$emit("click"))
@@ -132,11 +132,11 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
   }),
   emits: /* @__PURE__ */ ne(["navigate"], ["update:open"]),
   setup(e, { emit: i }) {
-    const o = e, y = i, p = ke(e, "open"), x = ce(), w = k(null), _ = k(null), A = k(null), g = k(""), S = k(""), m = k([]), f = k("all"), n = k("zero"), c = k(-1);
+    const o = e, y = i, p = ke(e, "open"), x = ce(), w = k(null), _ = k(null), A = k(null), g = k(""), S = k(""), v = k([]), f = k("all"), n = k("zero"), c = k(-1);
     let d = null, C = 0, L = null, E = null;
     const Y = $(() => Pe(S.value)), X = (t) => De(t, o.types), J = $(() => {
       let t = 0;
-      return m.value.filter((s) => f.value === "all" || s.type === f.value).map((s) => {
+      return v.value.filter((s) => f.value === "all" || s.type === f.value).map((s) => {
         const l = X(s.type);
         return {
           type: s.type,
@@ -151,7 +151,7 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
           }))
         };
       });
-    }), W = $(() => J.value.flatMap((t) => t.items)), ye = $(() => m.value.reduce((t, s) => t + s.items.length, 0));
+    }), W = $(() => J.value.flatMap((t) => t.items)), ye = $(() => v.value.reduce((t, s) => t + s.items.length, 0));
     function U(t) {
       const s = W.value;
       if (!s.length) {
@@ -182,23 +182,23 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
         const l = await o.searchProvider(t);
         if (s !== C || !p.value)
           return;
-        m.value = l && l.groups || [], f.value = "all", n.value = m.value.length ? "results" : "empty", U(0);
+        v.value = l && l.groups || [], f.value = "all", n.value = v.value.length ? "results" : "empty", U(0);
       } catch {
         if (s !== C || !p.value)
           return;
-        m.value = [], n.value = "error", c.value = -1;
+        v.value = [], n.value = "error", c.value = -1;
       }
     }
     K(g, (t) => {
       clearTimeout(d);
       const s = t.trim();
       if (s.length < o.minChars) {
-        C++, m.value = [], n.value = s.length ? "hint" : "zero", c.value = -1;
+        C++, v.value = [], n.value = s.length ? "hint" : "zero", c.value = -1;
         return;
       }
       d = setTimeout(() => me(s), o.debounce);
     }), K(p, (t) => {
-      t ? (L = document.activeElement, g.value = "", S.value = "", m.value = [], f.value = "all", n.value = "zero", c.value = -1, E = document.body.style.overflow, document.body.style.overflow = "hidden", oe(() => {
+      t ? (L = document.activeElement, g.value = "", S.value = "", v.value = [], f.value = "all", n.value = "zero", c.value = -1, E = document.body.style.overflow, document.body.style.overflow = "hidden", oe(() => {
         var s;
         return (s = w.value) == null ? void 0 : s.focus();
       })) : (clearTimeout(d), C++, E !== null && (document.body.style.overflow = E, E = null), L != null && L.focus && L.focus());
@@ -291,7 +291,7 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
               onClick: z
             }, "×")
           ]),
-          n.value === "results" ? (a(), u("div", Ve, " Search results ")) : v("", !0),
+          n.value === "results" ? (a(), u("div", Ve, " Search results ")) : m("", !0),
           n.value === "results" ? (a(), u("div", Ke, [
             r("button", {
               type: "button",
@@ -303,7 +303,7 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
                 class: M(["font-bold", f.value === "all" ? "opacity-85" : "opacity-60"])
               }, "(" + b(ye.value) + ")", 3)
             ], 2),
-            (a(!0), u(H, null, P(m.value, (l) => (a(), u("button", {
+            (a(!0), u(H, null, P(v.value, (l) => (a(), u("button", {
               key: l.type,
               type: "button",
               class: M([le, f.value === l.type ? se : ""]),
@@ -314,7 +314,7 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
                 class: M(["font-bold", f.value === l.type ? "opacity-85" : "opacity-60"])
               }, "(" + b(l.items.length) + ")", 3)
             ], 10, qe))), 128))
-          ])) : v("", !0),
+          ])) : m("", !0),
           r("div", {
             ref_key: "resultsEl",
             ref: A,
@@ -377,7 +377,7 @@ const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-
             ]))), 128))
           ], 512)
         ], 512)
-      ], 32)) : v("", !0)
+      ], 32)) : m("", !0)
     ]));
   }
 }, tt = /* @__PURE__ */ Ie(et, [["__scopeId", "data-v-80fd510b"]]), ie = {
@@ -482,7 +482,7 @@ const at = {
       const d = nt(n.AppTypeName);
       return d ? { component: null, path: d } : { component: ae, path: "" };
     }
-    const m = $(() => w.value.map((n) => ({
+    const v = $(() => w.value.map((n) => ({
       item: n,
       icon: S(n),
       date: ot(n),
@@ -506,7 +506,7 @@ const at = {
         onClick: A
       }, [
         T(ae, { class: "!h-[21px] !w-[21px]" }),
-        _.value ? (a(), u("span", at)) : v("", !0)
+        _.value ? (a(), u("span", at)) : m("", !0)
       ]),
       T(ue, {
         "enter-active-class": "transition-all ease-out duration-75",
@@ -519,8 +519,8 @@ const at = {
         default: F(() => [
           G(r("div", rt, [
             r("div", lt, [
-              e.notifications ? w.value.length ? v("", !0) : (a(), u("div", it, " No notifications. ")) : (a(), u("div", st, " Loading notifications… ")),
-              (a(!0), u(H, null, P(m.value, (d) => (a(), u("div", {
+              e.notifications ? w.value.length ? m("", !0) : (a(), u("div", it, " No notifications. ")) : (a(), u("div", st, " Loading notifications… ")),
+              (a(!0), u(H, null, P(v.value, (d) => (a(), u("div", {
                 key: d.item.NotifyID,
                 class: M(["flex cursor-pointer items-start gap-3 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3", d.unread ? "bg-proclusteal-50 dark:bg-surface-hover" : "bg-surface-raised"]),
                 onClick: (C) => f(d.item.url)
@@ -544,7 +544,7 @@ const at = {
                 r("span", pt, [
                   r("span", ft, b(d.item.notifyname), 1),
                   r("span", xt, b(d.item.summary), 1),
-                  d.date ? (a(), u("span", ht, b(d.date), 1)) : v("", !0)
+                  d.date ? (a(), u("span", ht, b(d.date), 1)) : m("", !0)
                 ]),
                 r("span", yt, [
                   d.unread ? (a(), u("button", {
@@ -556,7 +556,7 @@ const at = {
                     onClick: N((C) => n.$emit("markAsRead", d.item.NotifyID), ["stop"])
                   }, [
                     T(Ee, { class: "!h-4 !w-4" })
-                  ], 8, mt)) : v("", !0),
+                  ], 8, mt)) : m("", !0),
                   r("button", {
                     type: "button",
                     class: "hover:text-[#dd3730]",
@@ -613,7 +613,7 @@ const at = {
     function g(S) {
       x.value = !1, y("select", S);
     }
-    return (S, m) => (a(), u("div", {
+    return (S, v) => (a(), u("div", {
       ref_key: "rootEl",
       ref: p,
       class: "relative font-sans"
@@ -623,14 +623,14 @@ const at = {
         class: "flex cursor-pointer items-center justify-center",
         title: "View Menu Options",
         "aria-label": "View Menu Options",
-        onClick: m[1] || (m[1] = (f) => x.value = !x.value)
+        onClick: v[1] || (v[1] = (f) => x.value = !x.value)
       }, [
         e.user.avatarUrl && !w.value ? (a(), u("img", {
           key: 0,
           src: e.user.avatarUrl,
           alt: "",
           class: "h-[34px] w-[34px] rounded-full object-cover",
-          onError: m[0] || (m[0] = (f) => w.value = !0)
+          onError: v[0] || (v[0] = (f) => w.value = !0)
         }, null, 40, gt)) : (a(), u("span", wt, b(A.value), 1))
       ]),
       T(ue, {
@@ -659,7 +659,7 @@ const at = {
                 f.icon ? (a(), I(de(f.icon), {
                   key: 0,
                   class: "!h-4 !w-4 flex-none"
-                })) : v("", !0),
+                })) : m("", !0),
                 r("span", null, b(f.label), 1)
               ], 8, It))
             ], 64))), 128))
@@ -744,6 +744,13 @@ const at = {
     searchTypes: {
       type: Object,
       default: () => ({})
+    },
+    // #479: gate for the three top-right icons (search pill, bell, profile). Default true so
+    // existing consumers are unaffected; an app that loads its header data asynchronously passes
+    // false until user + notifications + search have all settled, then true to reveal all at once.
+    ready: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: [
@@ -766,7 +773,7 @@ const at = {
     function S() {
       y("home"), g(o.homeUrl);
     }
-    function m() {
+    function v() {
       window.history.back();
     }
     function f(n) {
@@ -777,14 +784,14 @@ const at = {
         R(n.$slots, "logo"),
         e.title ? (a(), u("span", Ot, [
           j(b(e.title), 1),
-          e.subtitle ? (a(), u("span", Lt, " " + b(e.subtitle), 1)) : v("", !0)
-        ])) : v("", !0),
+          e.subtitle ? (a(), u("span", Lt, " " + b(e.subtitle), 1)) : m("", !0)
+        ])) : m("", !0),
         _.value ? (a(), u("span", {
           key: 1,
           class: "h-[45px] w-[2px] shrink-0",
           style: q({ background: _.value }),
           "aria-hidden": "true"
-        }, null, 4)) : v("", !0),
+        }, null, 4)) : m("", !0),
         r("nav", {
           class: "flex items-center gap-7 text-proclusteal-600 dark:text-content-muted",
           style: q({ "--hdr-accent": A.value })
@@ -805,44 +812,46 @@ const at = {
               ], 8, zt)
             ]),
             _: 1
-          }, 8, ["text"])) : v("", !0),
+          }, 8, ["text"])) : m("", !0),
           e.showBack ? (a(), u("button", {
             key: 1,
             type: "button",
             class: "cursor-pointer hover:text-[var(--hdr-accent)]",
             title: "Go Back",
             "aria-label": "Go Back",
-            onClick: m
+            onClick: v
           }, [
             T(Te, { class: "!h-[22px] !w-[22px]" })
-          ])) : v("", !0),
+          ])) : m("", !0),
           R(n.$slots, "nav-extra")
         ], 4),
         R(n.$slots, "left")
       ]),
       r("div", Dt, [
         R(n.$slots, "right"),
-        e.searchProvider ? (a(), I(Le, {
-          key: 0,
-          onClick: c[0] || (c[0] = (d) => x.value = !0)
-        })) : v("", !0),
-        w.value ? (a(), I(kt, {
-          key: 1,
-          notifications: e.notifications,
-          "unread-count": e.unreadCount,
-          "notifications-url": e.notificationsUrl,
-          "icon-map": e.notificationIconMap,
-          onMarkAsRead: c[1] || (c[1] = (d) => n.$emit("markAsRead", d)),
-          onDeleteNotification: c[2] || (c[2] = (d) => n.$emit("deleteNotification", d)),
-          onOpen: c[3] || (c[3] = (d) => n.$emit("notifications-open")),
-          onNavigate: g
-        }, null, 8, ["notifications", "unread-count", "notifications-url", "icon-map"])) : v("", !0),
-        e.user ? (a(), I(Et, {
-          key: 2,
-          user: e.user,
-          "menu-items": e.menuItems,
-          onSelect: f
-        }, null, 8, ["user", "menu-items"])) : v("", !0)
+        e.ready ? (a(), u(H, { key: 0 }, [
+          e.searchProvider ? (a(), I(Le, {
+            key: 0,
+            onClick: c[0] || (c[0] = (d) => x.value = !0)
+          })) : m("", !0),
+          w.value ? (a(), I(kt, {
+            key: 1,
+            notifications: e.notifications,
+            "unread-count": e.unreadCount,
+            "notifications-url": e.notificationsUrl,
+            "icon-map": e.notificationIconMap,
+            onMarkAsRead: c[1] || (c[1] = (d) => n.$emit("markAsRead", d)),
+            onDeleteNotification: c[2] || (c[2] = (d) => n.$emit("deleteNotification", d)),
+            onOpen: c[3] || (c[3] = (d) => n.$emit("notifications-open")),
+            onNavigate: g
+          }, null, 8, ["notifications", "unread-count", "notifications-url", "icon-map"])) : m("", !0),
+          e.user ? (a(), I(Et, {
+            key: 2,
+            user: e.user,
+            "menu-items": e.menuItems,
+            onSelect: f
+          }, null, 8, ["user", "menu-items"])) : m("", !0)
+        ], 64)) : m("", !0)
       ]),
       e.searchProvider ? (a(), I(tt, {
         key: 0,
@@ -852,7 +861,7 @@ const at = {
         placeholder: e.searchPlaceholder,
         types: e.searchTypes,
         onNavigate: g
-      }, null, 8, ["open", "search-provider", "placeholder", "types"])) : v("", !0)
+      }, null, 8, ["open", "search-provider", "placeholder", "types"])) : m("", !0)
     ]));
   }
 };

package/dist/components/tables/index.js

@@ -1,43 +1,66 @@
-import { ref as w, openBlock as t, createElementBlock as n, normalizeClass as x, createElementVNode as s, toDisplayString as v, createCommentVNode as k, createTextVNode as T, createBlock as y, unref as b, normalizeStyle as N, Fragment as S, renderList as R, withModifiers as $, resolveDynamicComponent as A, createVNode as h, defineAsyncComponent as K, computed as M, withCtx as P, onMounted as J, watch as Q, renderSlot as U } from "vue";
-import { CircleCheckIcon as G, CircleExclamationIcon as Y, ScrewdriverWrenchIcon as Z, ChevronLeftIcon as _, ChevronRightIcon as ee, ChevronDownIcon as te, MagnifyingGlassIcon as oe } from "@zealsolutions/zeal-ui/icons";
-import { DropdownMenu as ne, DropdownMenuItem as O } from "@zealsolutions/zeal-ui/menus";
-import { ToggleSwitch as ie } from "@zealsolutions/zeal-ui/inputs";
-const re = (e, g, r) => {
-  const m = e[g];
-  return m ? typeof m == "function" ? m() : Promise.resolve(m) : new Promise((C, a) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, new Error("Unknown variable dynamic import: " + g + (g.split("/").length !== r ? ". Note that variables only represent file names one level deep." : ""))));
+import { shallowRef as te, ref as T, computed as A, watch as Z, openBlock as t, createElementBlock as n, normalizeClass as k, createElementVNode as l, toDisplayString as h, createCommentVNode as w, createTextVNode as D, createBlock as P, unref as b, normalizeStyle as G, Fragment as S, renderList as R, withModifiers as j, resolveDynamicComponent as E, createVNode as C, withCtx as O, onMounted as oe, renderSlot as z } from "vue";
+import { CircleCheckIcon as _, CircleExclamationIcon as ne, ScrewdriverWrenchIcon as re, ChevronLeftIcon as ie, ChevronRightIcon as se, ChevronDownIcon as le, MagnifyingGlassIcon as ce } from "@zealsolutions/zeal-ui/icons";
+import ae from "../../CircleExclamationIcon-vvAjN3c9.js";
+import { DropdownMenu as ue, DropdownMenuItem as L } from "@zealsolutions/zeal-ui/menus";
+import { ToggleSwitch as de } from "@zealsolutions/zeal-ui/inputs";
+const me = (e, p, o) => {
+  const x = e[p];
+  return x ? typeof x == "function" ? x() : Promise.resolve(x) : new Promise((y, u) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(u.bind(null, new Error("Unknown variable dynamic import: " + p + (p.split("/").length !== o ? ". Note that variables only represent file names one level deep." : ""))));
   });
-}, se = { class: "tooltiptext text-white text-xs text-center !py-[10px] !px-4 !-top-[50px] !z-50 min-w-10 !w-fit left-1/2 transform -translate-x-1/2 font-sans" }, le = {
+}, F = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), ee = te(0), J = ae, Q = (e, p) => (F.set(e, p), U.delete(e), ee.value += 1, p), ve = (e) => {
+  if (F.has(e))
+    return Promise.resolve(F.get(e));
+  if (U.has(e))
+    return U.get(e);
+  const p = me(/* @__PURE__ */ Object.assign({ "../icons/ActionCardsIcon.vue": () => import("../../ActionCardsIcon-DVoEt3PI.js"), "../icons/AddressBookIcon.vue": () => import("../../AddressBookIcon-BgzCF09l.js"), "../icons/AlarmClockIcon.vue": () => import("../../AlarmClockIcon-DMGjjgG0.js"), "../icons/AmbulanceDashboardIcon.vue": () => import("../../AmbulanceDashboardIcon-DygVK4uF.js"), "../icons/ArrowDownBigSmallIcon.vue": () => import("../../ArrowDownBigSmallIcon-lZ9pk2em.js"), "../icons/ArrowDownShortWideIcon.vue": () => import("../../ArrowDownShortWideIcon-BLOm1Mre.js"), "../icons/ArrowLeftIcon.vue": () => import("../../ArrowLeftIcon-Cgsy08pY.js"), "../icons/ArrowRightBracketIcon.vue": () => import("../../ArrowRightBracketIcon-D_o7oYWm.js"), "../icons/ArrowRotateLeftIcon.vue": () => import("../../ArrowRotateLeftIcon-C0xWKiJr.js"), "../icons/ArrowRotateRightIcon.vue": () => import("../../ArrowRotateRightIcon-w1VDxH4v.js"), "../icons/ArrowUpShortWideIcon.vue": () => import("../../ArrowUpShortWideIcon-B12ffThe.js"), "../icons/AssessmentsIcon.vue": () => import("../../AssessmentsIcon-gl1lqzM4.js"), "../icons/AssetManagementIcon.vue": () => import("../../AssetManagementIcon-CZpbTi7n.js"), "../icons/AtvOpsIcon.vue": () => import("../../AtvOpsIcon-CjHLrzoV.js"), "../icons/BaOpsIcon.vue": () => import("../../BaOpsIcon-DB-Y_SKE.js"), "../icons/BanIcon.vue": () => import("../../BanIcon-CbthmzAX.js"), "../icons/BarsIcon.vue": () => import("../../BarsIcon-CY8KeVq7.js"), "../icons/BarsSortIcon.vue": () => import("../../BarsSortIcon-C82qc15Z.js"), "../icons/BellIcon.vue": () => import("../../BellIcon-lK5EZXNf.js"), "../icons/BinaryIcon.vue": () => import("../../BinaryIcon-tkr7wetP.js"), "../icons/BoxArchiveIcon.vue": () => import("../../BoxArchiveIcon-B4_zsjvg.js"), "../icons/CalendarIcon.vue": () => import("../../CalendarIcon-DjSv5Y23.js"), "../icons/CalendarWeekIcon.vue": () => import("../../CalendarWeekIcon-CB4Z1TI4.js"), "../icons/CanvasIcon.vue": () => import("../../CanvasIcon-DujLyvWA.js"), "../icons/CartCirclePlusIcon.vue": () => import("../../CartCirclePlusIcon-G5cxd3cI.js"), "../icons/CartCircleXMarkIcon.vue": () => import("../../CartCircleXMarkIcon-DzHSQZgf.js"), "../icons/ChangeManagementIcon.vue": () => import("../../ChangeManagementIcon-BA89LgWl.js"), "../icons/ChartMixedUpCircleCurrencyIcon.vue": () => import("../../ChartMixedUpCircleCurrencyIcon-EQo7EVbb.js"), "../icons/ChartPieIcon.vue": () => import("../../ChartPieIcon-BqRF_9mq.js"), "../icons/ChartScatterBubbleIcon.vue": () => import("../../ChartScatterBubbleIcon-N_XXIVAy.js"), "../icons/CheckIcon.vue": () => import("../../CheckIcon-D0-G6sID.js"), "../icons/CheckToSlotIcon.vue": () => import("../../CheckToSlotIcon-Cs83T9dM.js"), "../icons/ChevronDownIcon.vue": () => import("../../ChevronDownIcon-CrC-BSpe.js"), "../icons/ChevronLeftIcon.vue": () => import("../../ChevronLeftIcon-ChE9LoOU.js"), "../icons/ChevronRightIcon.vue": () => import("../../ChevronRightIcon-DknltHiN.js"), "../icons/CircleCheckIcon.vue": () => import("../../CircleCheckIcon-CA15yXgI.js"), "../icons/CircleExclamationIcon.vue": () => import("../../CircleExclamationIcon-vvAjN3c9.js"), "../icons/CircleInfoIcon.vue": () => import("../../CircleInfoIcon-B6-Jx1og.js"), "../icons/CircleStatusIcon.vue": () => import("../../CircleStatusIcon-C4Av0hTY.js"), "../icons/CircleUserIcon.vue": () => import("../../CircleUserIcon-BERzSCQL.js"), "../icons/ClipboardListCheckIcon.vue": () => import("../../ClipboardListCheckIcon-BZlyFoiD.js"), "../icons/ClockThreeIcon.vue": () => import("../../ClockThreeIcon-D836f-XQ.js"), "../icons/ColumnsThreeIcon.vue": () => import("../../ColumnsThreeIcon-FFmylJtj.js"), "../icons/CommentLinesIcon.vue": () => import("../../CommentLinesIcon-vzfGZXs1.js"), "../icons/ConfinedSpaceIcon.vue": () => import("../../ConfinedSpaceIcon-B41rnh-F.js"), "../icons/CorridorCareIcon.vue": () => import("../../CorridorCareIcon-DtlRYipD.js"), "../icons/DiagramSubtaskIcon.vue": () => import("../../DiagramSubtaskIcon-DCSBGD55.js"), "../icons/DownloadIcon.vue": () => import("../../DownloadIcon-DQV6C5Ow.js"), "../icons/DrawCircleIcon.vue": () => import("../../DrawCircleIcon-D8gwcOmI.js"), "../icons/DroneIcon.vue": () => import("../../DroneIcon-BLQyrOAI.js"), "../icons/DroneUasIcon.vue": () => import("../../DroneUasIcon-rmUiyuhO.js"), "../icons/ECUDashboardIcon.vue": () => import("../../ECUDashboardIcon-njF42ISk.js"), "../icons/ECUDiaryIcon.vue": () => import("../../ECUDiaryIcon-Bm5nOSho.js"), "../icons/EDSIcon.vue": () => import("../../EDSIcon-AMFbBj6R.js"), "../icons/ElevatorIcon.vue": () => import("../../ElevatorIcon-DrJ-pkZh.js"), "../icons/EllipsisStrokeVerticalIcon.vue": () => import("../../EllipsisStrokeVerticalIcon-Boej-QsH.js"), "../icons/EnvelopeIcon.vue": () => import("../../EnvelopeIcon-45jlW_J-.js"), "../icons/ExcelIcon.vue": () => import("../../ExcelIcon-DHy8cDC5.js"), "../icons/ExpandIcon.vue": () => import("../../ExpandIcon-CVoLHHsv.js"), "../icons/FileChartColumnIcon.vue": () => import("../../FileChartColumnIcon-CUXA0UIo.js"), "../icons/FileCirclePlusIcon.vue": () => import("../../FileCirclePlusIcon-BPIUVxNH.js"), "../icons/FileExportIcon.vue": () => import("../../FileExportIcon-BUFrkL8u.js"), "../icons/FileInvoiceIcon.vue": () => import("../../FileInvoiceIcon-DTthf77K.js"), "../icons/FilePdfIcon.vue": () => import("../../FilePdfIcon-DXBoTMfq.js"), "../icons/FilesIcon.vue": () => import("../../FilesIcon-NLAyR0HT.js"), "../icons/FilmIcon.vue": () => import("../../FilmIcon-CE9gVpsG.js"), "../icons/FilterCircleXMarkIcon.vue": () => import("../../FilterCircleXMarkIcon-BJDPebzG.js"), "../icons/FilterIcon.vue": () => import("../../FilterIcon-DRVfA14W.js"), "../icons/FlagSwallowtailIcon.vue": () => import("../../FlagSwallowtailIcon-Cyn4dyNg.js"), "../icons/FloppyDiskIcon.vue": () => import("../../FloppyDiskIcon-Cw0-K5K-.js"), "../icons/FolderIcon.vue": () => import("../../FolderIcon-CqU6uofl.js"), "../icons/FolderPlusIcon.vue": () => import("../../FolderPlusIcon-D3qHxSZ_.js"), "../icons/FoldersIcon.vue": () => import("../../FoldersIcon-nngwhzSc.js"), "../icons/GalleryThumbnailsIcon.vue": () => import("../../GalleryThumbnailsIcon-CafNHt1r.js"), "../icons/GearComplexIcon.vue": () => import("../../GearComplexIcon-CEpf_6SO.js"), "../icons/GearsIcon.vue": () => import("../../GearsIcon-BoH1vuST.js"), "../icons/GlobePointerIcon.vue": () => import("../../GlobePointerIcon-CTX_aWSw.js"), "../icons/GraduationCapIcon.vue": () => import("../../GraduationCapIcon-BFBWEjtB.js"), "../icons/GridIcon.vue": () => import("../../GridIcon-H6sKXK2d.js"), "../icons/HandsBubblesIcon.vue": () => import("../../HandsBubblesIcon-DFrgWVYR.js"), "../icons/HazmatIcon.vue": () => import("../../HazmatIcon-CPLZe_1e.js"), "../icons/HcidIcon.vue": () => import("../../HcidIcon-Bl-OeftA.js"), "../icons/HouseIcon.vue": () => import("../../HouseIcon-BxmNyxvv.js"), "../icons/ImageIcon.vue": () => import("../../ImageIcon-jkYGKPiB.js"), "../icons/IncidentCentreIcon.vue": () => import("../../IncidentCentreIcon-BivSQikQ.js"), "../icons/IncidentRecordingIcon.vue": () => import("../../IncidentRecordingIcon-CBZ53akp.js"), "../icons/LIDIcon.vue": () => import("../../LIDIcon-COK3SSxJ.js"), "../icons/LifeRingIcon.vue": () => import("../../LifeRingIcon-BfoL25Bs.js"), "../icons/LightEmergencyOnIcon.vue": () => import("../../LightEmergencyOnIcon-DapDPOcV.js"), "../icons/LightFilmCirclePlusIcon.vue": () => import("../../LightFilmCirclePlusIcon-BONccXvN.js"), "../icons/ListRadioIcon.vue": () => import("../../ListRadioIcon-gmE_fzgA.js"), "../icons/ListTreeIcon.vue": () => import("../../ListTreeIcon-DMhYL_id.js"), "../icons/LockKeyholeIcon.vue": () => import("../../LockKeyholeIcon-M6F8rvn1.js"), "../icons/MagnifyingGlassIcon.vue": () => import("../../MagnifyingGlassIcon-ChYNIA-H.js"), "../icons/MapLocationDotIcon.vue": () => import("../../MapLocationDotIcon-DnfuF78q.js"), "../icons/MassCasualtyIcon.vue": () => import("../../MassCasualtyIcon-BT77dR9v.js"), "../icons/McvIcon.vue": () => import("../../McvIcon-BwYxt18h.js"), "../icons/MemoCircleInfoIcon.vue": () => import("../../MemoCircleInfoIcon-BlwKM09z.js"), "../icons/MtaIcon.vue": () => import("../../MtaIcon-Ce1CRjSv.js"), "../icons/NACCIcon.vue": () => import("../../NACCIcon-Dxs2xXhX.js"), "../icons/NARUDiaryIcon.vue": () => import("../../NARUDiaryIcon-BpjRMYLV.js"), "../icons/NotebookIcon.vue": () => import("../../NotebookIcon-SG3po-jP.js"), "../icons/NotificationIcon.vue": () => import("../../NotificationIcon-BqK4xBPK.js"), "../icons/NxgenPpeIcon.vue": () => import("../../NxgenPpeIcon-Wgryynup.js"), "../icons/ObjectColumnIcon.vue": () => import("../../ObjectColumnIcon-CxAILX7x.js"), "../icons/OperationalIcon.vue": () => import("../../OperationalIcon-e3NUbsC-.js"), "../icons/PdfIcon.vue": () => import("../../PdfIcon-C6jEHH_e.js"), "../icons/PencilIcon.vue": () => import("../../PencilIcon-B-Jl71yl.js"), "../icons/PhoneIcon.vue": () => import("../../PhoneIcon-CTVTNYc-.js"), "../icons/PodcastIcon.vue": () => import("../../PodcastIcon-Cb_mKKJA.js"), "../icons/PptIcon.vue": () => import("../../PptIcon-DHu5hT4-.js"), "../icons/PresentationIcon.vue": () => import("../../PresentationIcon-DZCQn354.js"), "../icons/PrpsIcon.vue": () => import("../../PrpsIcon-6Oi2vz3-.js"), "../icons/PuzzleIcon.vue": () => import("../../PuzzleIcon-CrfUdlft.js"), "../icons/RadiationIcon.vue": () => import("../../RadiationIcon-BYbqFtwp.js"), "../icons/RectangleVerticalHistoryIcon.vue": () => import("../../RectangleVerticalHistoryIcon-Bd5aXMEw.js"), "../icons/RotateExclamationIcon.vue": () => import("../../RotateExclamationIcon-DTRbZW-G.js"), "../icons/SOPIcon.vue": () => import("../../SOPIcon-Bf_kvdnd.js"), "../icons/SafetyAlertSystemIcon.vue": () => import("../../SafetyAlertSystemIcon-CO2Nfwnt.js"), "../icons/SafetyHeightIcon.vue": () => import("../../SafetyHeightIcon-BaJ_NRPQ.js"), "../icons/ScaleUnbalancedFlipIcon.vue": () => import("../../ScaleUnbalancedFlipIcon-DU-k-Tep.js"), "../icons/ScreenUsersIcon.vue": () => import("../../ScreenUsersIcon-EddBouXr.js"), "../icons/ScrewdriverWrenchIcon.vue": () => import("../../ScrewdriverWrenchIcon-BhtNFcaF.js"), "../icons/SealExclamationIcon.vue": () => import("../../SealExclamationIcon-D-eOlbgS.js"), "../icons/SecuritySupportIcon.vue": () => import("../../SecuritySupportIcon-DftM1Sex.js"), "../icons/ShareFromSquareIcon.vue": () => import("../../ShareFromSquareIcon-C0oKnHP4.js"), "../icons/SlidersIcon.vue": () => import("../../SlidersIcon-DOirWVZO.js"), "../icons/SquareDashedCirclePlusIcon.vue": () => import("../../SquareDashedCirclePlusIcon-CsXEyAth.js"), "../icons/SquareSlidersVerticalIcon.vue": () => import("../../SquareSlidersVerticalIcon-Bku5zH2X.js"), "../icons/TableIcon.vue": () => import("../../TableIcon-uwPPbqM3.js"), "../icons/TableLayoutIcon.vue": () => import("../../TableLayoutIcon-DvoDyX-j.js"), "../icons/TacticalIcon.vue": () => import("../../TacticalIcon-C0YV6OYa.js"), "../icons/TelephoneDirectoryIcon.vue": () => import("../../TelephoneDirectoryIcon-ByWmavfU.js"), "../icons/TimelineArrowIcon.vue": () => import("../../TimelineArrowIcon-DLKL7fEt.js"), "../icons/TrashCanIcon.vue": () => import("../../TrashCanIcon-DK9reURF.js"), "../icons/UnstableTerrainIcon.vue": () => import("../../UnstableTerrainIcon-DEgUJyEe.js"), "../icons/UploadIcon.vue": () => import("../../UploadIcon-DJeF8sKk.js"), "../icons/UserGearIcon.vue": () => import("../../UserGearIcon-AsvyYngF.js"), "../icons/UserGroupIcon.vue": () => import("../../UserGroupIcon-CgsxU3om.js"), "../icons/UserIcon.vue": () => import("../../UserIcon-18Fdcxc7.js"), "../icons/UserLockIcon.vue": () => import("../../UserLockIcon-COP7tSIf.js"), "../icons/UserPenIcon.vue": () => import("../../UserPenIcon-BTz7TA4o.js"), "../icons/UserSlashIcon.vue": () => import("../../UserSlashIcon-D4F1vuC-.js"), "../icons/UserUnlockIcon.vue": () => import("../../UserUnlockIcon-vQKpd81r.js"), "../icons/UsersGearIcon.vue": () => import("../../UsersGearIcon-B0CALrq_.js"), "../icons/UsersIcon.vue": () => import("../../UsersIcon-DmjMjOOp.js"), "../icons/UsersSlashIcon.vue": () => import("../../UsersSlashIcon-BZAhqwjK.js"), "../icons/VanShuttleIcon.vue": () => import("../../VanShuttleIcon-DCWc9V_R.js"), "../icons/WaterOpsIcon.vue": () => import("../../WaterOpsIcon-DG9LJevA.js"), "../icons/WaveFormLinesIcon.vue": () => import("../../WaveFormLinesIcon-ChpDxryS.js"), "../icons/WelfareIcon.vue": () => import("../../WelfareIcon-C9QQdcfy.js"), "../icons/WordIcon.vue": () => import("../../WordIcon-D7lLU9qE.js"), "../icons/XMarkIcon.vue": () => import("../../XMarkIcon-DKJ_--uA.js") }), `../icons/${e}.vue`, 3).then((o) => Q(e, o.default ?? J)).catch((o) => (console.error(`[zeal-ui] Table icon "${e}" could not be loaded.`, o), Q(e, J)));
+  return U.set(e, p), p;
+}, pe = (e) => Promise.all([...new Set(e)].map(ve)), fe = (e) => (ee.value, F.has(e)), V = (e) => F.get(e), be = { class: "tooltiptext text-white text-xs text-center !py-[10px] !px-4 !-top-[50px] !z-50 min-w-10 !w-fit left-1/2 transform -translate-x-1/2 font-sans" }, xe = {
   key: 1,
   class: "border-b-[1px] border-steel-300 dark:border-line"
-}, ce = { class: "w-full flex items-center justify-end" }, ae = ["onClick"], ue = {
+}, Ie = { class: "w-full flex items-center justify-end" }, he = ["onClick"], ke = {
   key: 0,
   class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2"
-}, de = ["onClick"], me = {
-  key: 0,
-  class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2"
-}, pe = ["onClick"], ve = {
-  key: 0,
-  class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2"
-}, fe = {
+}, ge = {
+  key: 1,
+  "data-icon-placeholder": "",
+  class: "float-left ml-6 block h-[22px] w-[22px]",
+  "aria-hidden": "true"
+}, Ce = {
   key: 0,
   class: "flex flex-row gap-x-4 justify-center"
-}, xe = { class: "tooltip" }, be = ["onClick"], Ie = { class: "tooltiptext text-white font-semibold text-xs text-center !py-[10px] !px-4 !-top-[50px] !z-50 min-w-10 !w-fit left-1/2 transform -translate-x-1/2" }, he = {
+}, ye = ["onClick"], we = {
+  key: 1,
+  "data-icon-placeholder": "",
+  class: "block h-10 w-10",
+  "aria-hidden": "true"
+}, Se = {
+  key: 2,
+  class: "tooltiptext text-white font-semibold text-xs text-center !py-[10px] !px-4 !-top-[50px] !z-50 min-w-10 !w-fit left-1/2 transform -translate-x-1/2"
+}, Te = {
   key: 1,
   class: "flex flex-row gap-x-4 justify-center"
-}, ke = { class: "tooltip" }, ge = ["onClick"], Ce = { class: "tooltiptext text-white font-semibold text-xs text-center !py-[10px] !px-4 !-top-[50px] !z-50 min-w-10 !w-fit left-1/2 transform -translate-x-1/2" }, ye = {
+}, Re = ["onClick"], De = {
+  key: 1,
+  "data-icon-placeholder": "",
+  class: "block h-10 w-10",
+  "aria-hidden": "true"
+}, Pe = {
+  key: 2,
+  class: "tooltiptext text-white font-semibold text-xs text-center !py-[10px] !px-4 !-top-[50px] !z-50 min-w-10 !w-fit left-1/2 transform -translate-x-1/2"
+}, $e = {
   key: 0,
   class: "text-center"
-}, we = {
+}, Ae = {
   key: 1,
   class: "flex justify-center"
-}, Se = { class: "bg-success-950 text-white text-xs rounded-full text-center relative tooltip p-0 w-6 h-6 flex items-center justify-center" }, Re = /* @__PURE__ */ s("span", { class: "absolute inset-0 rounded-full border-2 border-success-500 animate-ping" }, null, -1), Te = { class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2" }, De = {
+}, Be = { class: "bg-success-950 text-white text-xs rounded-full text-center relative tooltip p-0 w-6 h-6 flex items-center justify-center" }, Oe = /* @__PURE__ */ l("span", { class: "absolute inset-0 rounded-full border-2 border-success-500 animate-ping" }, null, -1), Me = { class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2" }, Fe = {
   key: 2,
   class: "flex justify-center"
-}, Pe = { class: "bg-warning-950 text-white text-xs rounded-full text-center relative tooltip w-6 h-6 flex items-center justify-center" }, $e = /* @__PURE__ */ s("span", { class: "text-white font-bold text-lg" }, "-", -1), Ae = /* @__PURE__ */ s("span", { class: "absolute inset-0 rounded-full border-2 border-warning-950 animate-ping" }, null, -1), Be = { class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2" }, Oe = {
+}, Le = { class: "bg-warning-950 text-white text-xs rounded-full text-center relative tooltip w-6 h-6 flex items-center justify-center" }, Ue = /* @__PURE__ */ l("span", { class: "text-white font-bold text-lg" }, "-", -1), qe = /* @__PURE__ */ l("span", { class: "absolute inset-0 rounded-full border-2 border-warning-950 animate-ping" }, null, -1), Ne = { class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2" }, je = {
   key: 3,
   class: "flex justify-center"
-}, Me = { class: "bg-error-950 text-white text-xs rounded-full text-center relative tooltip w-6 h-6 flex items-center justify-center" }, Fe = /* @__PURE__ */ s("span", { class: "text-white font-bold text-lg" }, "×", -1), Le = /* @__PURE__ */ s("span", { class: "absolute inset-0 rounded-full border-2 border-error-500 animate-ping" }, null, -1), Ue = { class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2" }, B = "whitespace-nowrap border-b-[1px] border-steel-300 dark:border-line px-5 py-3 h-[22px]", W = {
+}, Ee = { class: "bg-error-950 text-white text-xs rounded-full text-center relative tooltip w-6 h-6 flex items-center justify-center" }, ze = /* @__PURE__ */ l("span", { class: "text-white font-bold text-lg" }, "×", -1), Ve = /* @__PURE__ */ l("span", { class: "absolute inset-0 rounded-full border-2 border-error-500 animate-ping" }, null, -1), Ge = { class: "tooltiptext-left text-white font-semibold text-xs text-center !py-[10px] !px-4 !z-50 min-w-10 !w-fit -translate-y-1/2" }, M = "whitespace-nowrap border-b-[1px] border-steel-300 dark:border-line px-5 py-3 h-[22px]", Y = {
   __name: "TableData",
   props: {
     colInfo: {
@@ -60,151 +83,153 @@ const re = (e, g, r) => {
     }
   },
   emits: ["actionButtonClicked"],
-  setup(e, { emit: g }) {
-    const r = e, m = g, C = w("Copy URL"), a = (u) => K(() => re(/* @__PURE__ */ Object.assign({ "../icons/ActionCardsIcon.vue": () => import("../../ActionCardsIcon-DVoEt3PI.js"), "../icons/AddressBookIcon.vue": () => import("../../AddressBookIcon-BgzCF09l.js"), "../icons/AlarmClockIcon.vue": () => import("../../AlarmClockIcon-DMGjjgG0.js"), "../icons/AmbulanceDashboardIcon.vue": () => import("../../AmbulanceDashboardIcon-DygVK4uF.js"), "../icons/ArrowDownBigSmallIcon.vue": () => import("../../ArrowDownBigSmallIcon-lZ9pk2em.js"), "../icons/ArrowDownShortWideIcon.vue": () => import("../../ArrowDownShortWideIcon-BLOm1Mre.js"), "../icons/ArrowLeftIcon.vue": () => import("../../ArrowLeftIcon-Cgsy08pY.js"), "../icons/ArrowRightBracketIcon.vue": () => import("../../ArrowRightBracketIcon-D_o7oYWm.js"), "../icons/ArrowRotateLeftIcon.vue": () => import("../../ArrowRotateLeftIcon-C0xWKiJr.js"), "../icons/ArrowRotateRightIcon.vue": () => import("../../ArrowRotateRightIcon-w1VDxH4v.js"), "../icons/ArrowUpShortWideIcon.vue": () => import("../../ArrowUpShortWideIcon-B12ffThe.js"), "../icons/AssessmentsIcon.vue": () => import("../../AssessmentsIcon-gl1lqzM4.js"), "../icons/AssetManagementIcon.vue": () => import("../../AssetManagementIcon-CZpbTi7n.js"), "../icons/AtvOpsIcon.vue": () => import("../../AtvOpsIcon-CjHLrzoV.js"), "../icons/BaOpsIcon.vue": () => import("../../BaOpsIcon-DB-Y_SKE.js"), "../icons/BanIcon.vue": () => import("../../BanIcon-CbthmzAX.js"), "../icons/BarsIcon.vue": () => import("../../BarsIcon-CY8KeVq7.js"), "../icons/BarsSortIcon.vue": () => import("../../BarsSortIcon-C82qc15Z.js"), "../icons/BellIcon.vue": () => import("../../BellIcon-lK5EZXNf.js"), "../icons/BinaryIcon.vue": () => import("../../BinaryIcon-tkr7wetP.js"), "../icons/BoxArchiveIcon.vue": () => import("../../BoxArchiveIcon-B4_zsjvg.js"), "../icons/CalendarIcon.vue": () => import("../../CalendarIcon-DjSv5Y23.js"), "../icons/CalendarWeekIcon.vue": () => import("../../CalendarWeekIcon-CB4Z1TI4.js"), "../icons/CanvasIcon.vue": () => import("../../CanvasIcon-DujLyvWA.js"), "../icons/CartCirclePlusIcon.vue": () => import("../../CartCirclePlusIcon-G5cxd3cI.js"), "../icons/CartCircleXMarkIcon.vue": () => import("../../CartCircleXMarkIcon-DzHSQZgf.js"), "../icons/ChangeManagementIcon.vue": () => import("../../ChangeManagementIcon-BA89LgWl.js"), "../icons/ChartMixedUpCircleCurrencyIcon.vue": () => import("../../ChartMixedUpCircleCurrencyIcon-EQo7EVbb.js"), "../icons/ChartPieIcon.vue": () => import("../../ChartPieIcon-BqRF_9mq.js"), "../icons/ChartScatterBubbleIcon.vue": () => import("../../ChartScatterBubbleIcon-N_XXIVAy.js"), "../icons/CheckIcon.vue": () => import("../../CheckIcon-D0-G6sID.js"), "../icons/CheckToSlotIcon.vue": () => import("../../CheckToSlotIcon-Cs83T9dM.js"), "../icons/ChevronDownIcon.vue": () => import("../../ChevronDownIcon-CrC-BSpe.js"), "../icons/ChevronLeftIcon.vue": () => import("../../ChevronLeftIcon-ChE9LoOU.js"), "../icons/ChevronRightIcon.vue": () => import("../../ChevronRightIcon-DknltHiN.js"), "../icons/CircleCheckIcon.vue": () => import("../../CircleCheckIcon-CA15yXgI.js"), "../icons/CircleExclamationIcon.vue": () => import("../../CircleExclamationIcon-vvAjN3c9.js"), "../icons/CircleInfoIcon.vue": () => import("../../CircleInfoIcon-B6-Jx1og.js"), "../icons/CircleStatusIcon.vue": () => import("../../CircleStatusIcon-C4Av0hTY.js"), "../icons/CircleUserIcon.vue": () => import("../../CircleUserIcon-BERzSCQL.js"), "../icons/ClipboardListCheckIcon.vue": () => import("../../ClipboardListCheckIcon-BZlyFoiD.js"), "../icons/ClockThreeIcon.vue": () => import("../../ClockThreeIcon-D836f-XQ.js"), "../icons/ColumnsThreeIcon.vue": () => import("../../ColumnsThreeIcon-FFmylJtj.js"), "../icons/CommentLinesIcon.vue": () => import("../../CommentLinesIcon-vzfGZXs1.js"), "../icons/ConfinedSpaceIcon.vue": () => import("../../ConfinedSpaceIcon-B41rnh-F.js"), "../icons/CorridorCareIcon.vue": () => import("../../CorridorCareIcon-DtlRYipD.js"), "../icons/DiagramSubtaskIcon.vue": () => import("../../DiagramSubtaskIcon-DCSBGD55.js"), "../icons/DownloadIcon.vue": () => import("../../DownloadIcon-DQV6C5Ow.js"), "../icons/DrawCircleIcon.vue": () => import("../../DrawCircleIcon-D8gwcOmI.js"), "../icons/DroneIcon.vue": () => import("../../DroneIcon-BLQyrOAI.js"), "../icons/DroneUasIcon.vue": () => import("../../DroneUasIcon-rmUiyuhO.js"), "../icons/ECUDashboardIcon.vue": () => import("../../ECUDashboardIcon-njF42ISk.js"), "../icons/ECUDiaryIcon.vue": () => import("../../ECUDiaryIcon-Bm5nOSho.js"), "../icons/EDSIcon.vue": () => import("../../EDSIcon-AMFbBj6R.js"), "../icons/ElevatorIcon.vue": () => import("../../ElevatorIcon-DrJ-pkZh.js"), "../icons/EllipsisStrokeVerticalIcon.vue": () => import("../../EllipsisStrokeVerticalIcon-Boej-QsH.js"), "../icons/EnvelopeIcon.vue": () => import("../../EnvelopeIcon-45jlW_J-.js"), "../icons/ExcelIcon.vue": () => import("../../ExcelIcon-DHy8cDC5.js"), "../icons/ExpandIcon.vue": () => import("../../ExpandIcon-CVoLHHsv.js"), "../icons/FileChartColumnIcon.vue": () => import("../../FileChartColumnIcon-CUXA0UIo.js"), "../icons/FileCirclePlusIcon.vue": () => import("../../FileCirclePlusIcon-BPIUVxNH.js"), "../icons/FileExportIcon.vue": () => import("../../FileExportIcon-BUFrkL8u.js"), "../icons/FileInvoiceIcon.vue": () => import("../../FileInvoiceIcon-DTthf77K.js"), "../icons/FilePdfIcon.vue": () => import("../../FilePdfIcon-DXBoTMfq.js"), "../icons/FilesIcon.vue": () => import("../../FilesIcon-NLAyR0HT.js"), "../icons/FilmIcon.vue": () => import("../../FilmIcon-CE9gVpsG.js"), "../icons/FilterCircleXMarkIcon.vue": () => import("../../FilterCircleXMarkIcon-BJDPebzG.js"), "../icons/FilterIcon.vue": () => import("../../FilterIcon-DRVfA14W.js"), "../icons/FlagSwallowtailIcon.vue": () => import("../../FlagSwallowtailIcon-Cyn4dyNg.js"), "../icons/FloppyDiskIcon.vue": () => import("../../FloppyDiskIcon-Cw0-K5K-.js"), "../icons/FolderIcon.vue": () => import("../../FolderIcon-CqU6uofl.js"), "../icons/FolderPlusIcon.vue": () => import("../../FolderPlusIcon-D3qHxSZ_.js"), "../icons/FoldersIcon.vue": () => import("../../FoldersIcon-nngwhzSc.js"), "../icons/GalleryThumbnailsIcon.vue": () => import("../../GalleryThumbnailsIcon-CafNHt1r.js"), "../icons/GearComplexIcon.vue": () => import("../../GearComplexIcon-CEpf_6SO.js"), "../icons/GearsIcon.vue": () => import("../../GearsIcon-BoH1vuST.js"), "../icons/GlobePointerIcon.vue": () => import("../../GlobePointerIcon-CTX_aWSw.js"), "../icons/GraduationCapIcon.vue": () => import("../../GraduationCapIcon-BFBWEjtB.js"), "../icons/GridIcon.vue": () => import("../../GridIcon-H6sKXK2d.js"), "../icons/HandsBubblesIcon.vue": () => import("../../HandsBubblesIcon-DFrgWVYR.js"), "../icons/HazmatIcon.vue": () => import("../../HazmatIcon-CPLZe_1e.js"), "../icons/HcidIcon.vue": () => import("../../HcidIcon-Bl-OeftA.js"), "../icons/HouseIcon.vue": () => import("../../HouseIcon-BxmNyxvv.js"), "../icons/ImageIcon.vue": () => import("../../ImageIcon-jkYGKPiB.js"), "../icons/IncidentCentreIcon.vue": () => import("../../IncidentCentreIcon-BivSQikQ.js"), "../icons/IncidentRecordingIcon.vue": () => import("../../IncidentRecordingIcon-CBZ53akp.js"), "../icons/LIDIcon.vue": () => import("../../LIDIcon-COK3SSxJ.js"), "../icons/LifeRingIcon.vue": () => import("../../LifeRingIcon-BfoL25Bs.js"), "../icons/LightEmergencyOnIcon.vue": () => import("../../LightEmergencyOnIcon-DapDPOcV.js"), "../icons/LightFilmCirclePlusIcon.vue": () => import("../../LightFilmCirclePlusIcon-BONccXvN.js"), "../icons/ListRadioIcon.vue": () => import("../../ListRadioIcon-gmE_fzgA.js"), "../icons/ListTreeIcon.vue": () => import("../../ListTreeIcon-DMhYL_id.js"), "../icons/LockKeyholeIcon.vue": () => import("../../LockKeyholeIcon-M6F8rvn1.js"), "../icons/MagnifyingGlassIcon.vue": () => import("../../MagnifyingGlassIcon-ChYNIA-H.js"), "../icons/MapLocationDotIcon.vue": () => import("../../MapLocationDotIcon-DnfuF78q.js"), "../icons/MassCasualtyIcon.vue": () => import("../../MassCasualtyIcon-BT77dR9v.js"), "../icons/McvIcon.vue": () => import("../../McvIcon-BwYxt18h.js"), "../icons/MemoCircleInfoIcon.vue": () => import("../../MemoCircleInfoIcon-BlwKM09z.js"), "../icons/MtaIcon.vue": () => import("../../MtaIcon-Ce1CRjSv.js"), "../icons/NACCIcon.vue": () => import("../../NACCIcon-Dxs2xXhX.js"), "../icons/NARUDiaryIcon.vue": () => import("../../NARUDiaryIcon-BpjRMYLV.js"), "../icons/NotebookIcon.vue": () => import("../../NotebookIcon-SG3po-jP.js"), "../icons/NotificationIcon.vue": () => import("../../NotificationIcon-BqK4xBPK.js"), "../icons/NxgenPpeIcon.vue": () => import("../../NxgenPpeIcon-Wgryynup.js"), "../icons/ObjectColumnIcon.vue": () => import("../../ObjectColumnIcon-CxAILX7x.js"), "../icons/OperationalIcon.vue": () => import("../../OperationalIcon-e3NUbsC-.js"), "../icons/PdfIcon.vue": () => import("../../PdfIcon-C6jEHH_e.js"), "../icons/PencilIcon.vue": () => import("../../PencilIcon-B-Jl71yl.js"), "../icons/PhoneIcon.vue": () => import("../../PhoneIcon-CTVTNYc-.js"), "../icons/PodcastIcon.vue": () => import("../../PodcastIcon-Cb_mKKJA.js"), "../icons/PptIcon.vue": () => import("../../PptIcon-DHu5hT4-.js"), "../icons/PresentationIcon.vue": () => import("../../PresentationIcon-DZCQn354.js"), "../icons/PrpsIcon.vue": () => import("../../PrpsIcon-6Oi2vz3-.js"), "../icons/PuzzleIcon.vue": () => import("../../PuzzleIcon-CrfUdlft.js"), "../icons/RadiationIcon.vue": () => import("../../RadiationIcon-BYbqFtwp.js"), "../icons/RectangleVerticalHistoryIcon.vue": () => import("../../RectangleVerticalHistoryIcon-Bd5aXMEw.js"), "../icons/RotateExclamationIcon.vue": () => import("../../RotateExclamationIcon-DTRbZW-G.js"), "../icons/SOPIcon.vue": () => import("../../SOPIcon-Bf_kvdnd.js"), "../icons/SafetyAlertSystemIcon.vue": () => import("../../SafetyAlertSystemIcon-CO2Nfwnt.js"), "../icons/SafetyHeightIcon.vue": () => import("../../SafetyHeightIcon-BaJ_NRPQ.js"), "../icons/ScaleUnbalancedFlipIcon.vue": () => import("../../ScaleUnbalancedFlipIcon-DU-k-Tep.js"), "../icons/ScreenUsersIcon.vue": () => import("../../ScreenUsersIcon-EddBouXr.js"), "../icons/ScrewdriverWrenchIcon.vue": () => import("../../ScrewdriverWrenchIcon-BhtNFcaF.js"), "../icons/SealExclamationIcon.vue": () => import("../../SealExclamationIcon-D-eOlbgS.js"), "../icons/SecuritySupportIcon.vue": () => import("../../SecuritySupportIcon-DftM1Sex.js"), "../icons/ShareFromSquareIcon.vue": () => import("../../ShareFromSquareIcon-C0oKnHP4.js"), "../icons/SlidersIcon.vue": () => import("../../SlidersIcon-DOirWVZO.js"), "../icons/SquareDashedCirclePlusIcon.vue": () => import("../../SquareDashedCirclePlusIcon-CsXEyAth.js"), "../icons/SquareSlidersVerticalIcon.vue": () => import("../../SquareSlidersVerticalIcon-Bku5zH2X.js"), "../icons/TableIcon.vue": () => import("../../TableIcon-uwPPbqM3.js"), "../icons/TableLayoutIcon.vue": () => import("../../TableLayoutIcon-DvoDyX-j.js"), "../icons/TacticalIcon.vue": () => import("../../TacticalIcon-C0YV6OYa.js"), "../icons/TelephoneDirectoryIcon.vue": () => import("../../TelephoneDirectoryIcon-ByWmavfU.js"), "../icons/TimelineArrowIcon.vue": () => import("../../TimelineArrowIcon-DLKL7fEt.js"), "../icons/TrashCanIcon.vue": () => import("../../TrashCanIcon-DK9reURF.js"), "../icons/UnstableTerrainIcon.vue": () => import("../../UnstableTerrainIcon-DEgUJyEe.js"), "../icons/UploadIcon.vue": () => import("../../UploadIcon-DJeF8sKk.js"), "../icons/UserGearIcon.vue": () => import("../../UserGearIcon-AsvyYngF.js"), "../icons/UserGroupIcon.vue": () => import("../../UserGroupIcon-CgsxU3om.js"), "../icons/UserIcon.vue": () => import("../../UserIcon-18Fdcxc7.js"), "../icons/UserLockIcon.vue": () => import("../../UserLockIcon-COP7tSIf.js"), "../icons/UserPenIcon.vue": () => import("../../UserPenIcon-BTz7TA4o.js"), "../icons/UserSlashIcon.vue": () => import("../../UserSlashIcon-D4F1vuC-.js"), "../icons/UserUnlockIcon.vue": () => import("../../UserUnlockIcon-vQKpd81r.js"), "../icons/UsersGearIcon.vue": () => import("../../UsersGearIcon-B0CALrq_.js"), "../icons/UsersIcon.vue": () => import("../../UsersIcon-DmjMjOOp.js"), "../icons/UsersSlashIcon.vue": () => import("../../UsersSlashIcon-BZAhqwjK.js"), "../icons/VanShuttleIcon.vue": () => import("../../VanShuttleIcon-DCWc9V_R.js"), "../icons/WaterOpsIcon.vue": () => import("../../WaterOpsIcon-DG9LJevA.js"), "../icons/WaveFormLinesIcon.vue": () => import("../../WaveFormLinesIcon-ChpDxryS.js"), "../icons/WelfareIcon.vue": () => import("../../WelfareIcon-C9QQdcfy.js"), "../icons/WordIcon.vue": () => import("../../WordIcon-D7lLU9qE.js"), "../icons/XMarkIcon.vue": () => import("../../XMarkIcon-DKJ_--uA.js") }), `../icons/${u}.vue`, 3)), p = (u, I) => {
+  setup(e, { emit: p }) {
+    const o = e, x = p, y = T("Copy URL"), u = (m) => m.condition ? m.condition === "IsDraft" ? !!o.rowData.IsDraft : m.condition === "IsArchivable" ? !!o.rowData.IsArchivable : !1 : !0, d = A(() => {
+      var I, s;
+      const m = ((I = o.colInfo) == null ? void 0 : I.associations) ?? [];
+      return (s = o.colInfo) != null && s.hideMissing ? m.filter((g) => (o.data ?? "").includes(g.name.toLowerCase())) : m;
+    }), f = A(() => {
+      var I, s;
+      const m = ((I = o.colInfo) == null ? void 0 : I.colType) === "icons" ? (o.colInfo.colIcons ?? []).filter(u).map((g) => g.name) : ((s = o.colInfo) == null ? void 0 : s.colType) === "associations" ? d.value.map((g) => g.icon) : [];
+      return [...new Set(m.filter(Boolean))];
+    }), a = A(() => f.value.every(fe));
+    Z(f, (m) => {
+      m.length && pe(m);
+    }, { immediate: !0 });
+    const $ = (m, I) => {
       if (I) {
-        var i = I.find((D) => D.name == u);
-        if (i)
-          return i.colour.toString();
+        var s = I.find((g) => g.name == m);
+        if (s)
+          return s.colour.toString();
       }
       return "";
-    }, f = (u) => {
-      navigator.clipboard.writeText(u).then(() => {
+    }, B = (m) => {
+      navigator.clipboard.writeText(m).then(() => {
       }).catch((I) => {
         console.error("Failed to copy text: ", I);
-      }), C.value = "Copied!", setTimeout(() => {
-        C.value = "Copy URL";
+      }), y.value = "Copied!", setTimeout(() => {
+        y.value = "Copy URL";
       }, 2e3);
     };
-    return (u, I) => e.colInfo.colType === "text" ? (t(), n("td", {
+    return (m, I) => e.colInfo.colType === "text" ? (t(), n("td", {
       key: 0,
-      class: x([[B, e.colInfo.colClass, p(e.data, e.colInfo.colourLookup)], "break-words min-w-0 !whitespace-normal"])
+      class: k([[M, e.colInfo.colClass, $(e.data, e.colInfo.colourLookup)], "break-words min-w-0 !whitespace-normal"])
     }, [
       e.colInfo.IsCopy ? (t(), n("i", {
         key: 0,
         class: "fa-solid fa-copy text-app-950 mr-1 cursor-pointer tooltip temp-tooltip",
-        onClick: I[0] || (I[0] = (i) => f(e.data))
+        onClick: I[0] || (I[0] = (s) => B(e.data))
       }, [
-        s("span", se, v(C.value), 1)
-      ])) : k("", !0),
-      T(" " + v(e.data ? e.data : "-"), 1)
-    ], 2)) : e.colInfo.colType === "boolean" ? (t(), n("td", le, [
-      e.data === !0 ? (t(), y(b(G), {
+        l("span", be, h(y.value), 1)
+      ])) : w("", !0),
+      D(" " + h(e.data ? e.data : "-"), 1)
+    ], 2)) : e.colInfo.colType === "boolean" ? (t(), n("td", xe, [
+      e.data === !0 ? (t(), P(b(_), {
         key: 0,
         class: "mx-auto text-success-950"
-      })) : (t(), y(b(Y), {
+      })) : (t(), P(b(ne), {
         key: 1,
         class: "mx-auto text-error-950"
       }))
     ])) : e.colInfo.colType === "colourBox" ? (t(), n("td", {
       key: 2,
       class: "border-b-[1px] border-steel-300 dark:border-line",
-      style: N("background-color:" + e.data)
+      style: G("background-color:" + e.data)
     }, null, 4)) : e.colInfo.colType === "icons" ? (t(), n("td", {
       key: 3,
-      class: x([B, e.colInfo.colClass])
+      class: k([M, e.colInfo.colClass])
     }, [
-      s("div", ce, [
-        (t(!0), n(S, null, R(e.colInfo.colIcons, (i) => (t(), n("div", {
-          key: i.name
+      l("div", Ie, [
+        (t(!0), n(S, null, R(e.colInfo.colIcons, (s) => (t(), n("div", {
+          key: s.name
         }, [
-          i.condition ? k("", !0) : (t(), n("button", {
-            key: 0,
-            class: "float-left cursor-pointer ml-6 tooltip",
-            onClick: $((D) => m("actionButtonClicked", i.name), ["stop"])
-          }, [
-            (t(), y(A(a(i.name)), {
-              class: x(["text-[22px]", r.textColour])
-            }, null, 8, ["class"])),
-            i.tooltip ? (t(), n("span", ue, v(i.tooltip), 1)) : k("", !0)
-          ], 8, ae)),
-          i.condition === "IsDraft" && e.rowData.IsDraft ? (t(), n("button", {
-            key: 1,
-            class: "float-left cursor-pointer ml-6 tooltip",
-            onClick: $((D) => m("actionButtonClicked", i.name), ["stop"])
-          }, [
-            (t(), y(A(a(i.name)), {
-              class: x(["text-[22px]", r.textColour])
-            }, null, 8, ["class"])),
-            i.tooltip ? (t(), n("span", me, v(i.tooltip), 1)) : k("", !0)
-          ], 8, de)) : k("", !0),
-          i.condition === "IsArchivable" && e.rowData.IsArchivable ? (t(), n("button", {
-            key: 2,
-            class: "float-left cursor-pointer ml-6 tooltip",
-            onClick: $((D) => m("actionButtonClicked", i.name), ["stop"])
-          }, [
-            (t(), y(A(a(i.name)), {
-              class: x(["text-[22px]", r.textColour])
-            }, null, 8, ["class"])),
-            i.tooltip ? (t(), n("span", ve, v(i.tooltip), 1)) : k("", !0)
-          ], 8, pe)) : k("", !0)
+          u(s) ? (t(), n(S, { key: 0 }, [
+            a.value ? (t(), n("button", {
+              key: 0,
+              class: "float-left cursor-pointer ml-6 tooltip",
+              onClick: j((g) => x("actionButtonClicked", s.name), ["stop"])
+            }, [
+              (t(), P(E(b(V)(s.name)), {
+                class: k(["text-[22px]", o.textColour])
+              }, null, 8, ["class"])),
+              s.tooltip ? (t(), n("span", ke, h(s.tooltip), 1)) : w("", !0)
+            ], 8, he)) : (t(), n("span", ge))
+          ], 64)) : w("", !0)
         ]))), 128))
       ])
     ], 2)) : e.colInfo.colType === "associations" ? (t(), n("td", {
       key: 4,
-      class: x([B, e.colInfo.colClass])
+      class: k([M, e.colInfo.colClass])
     }, [
-      e.colInfo.hideMissing ? (t(), n("div", fe, [
-        (t(!0), n(S, null, R(e.colInfo.associations.filter((i) => e.data.includes(i.name.toLowerCase())), (i) => (t(), n("div", xe, [
-          s("button", {
-            class: x(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", [i.bgColour, i.ringColour]]),
-            onClick: $((D) => m("actionButtonClicked", i.name.toLowerCase()), ["stop"])
+      e.colInfo.hideMissing ? (t(), n("div", Ce, [
+        (t(!0), n(S, null, R(d.value, (s) => (t(), n("div", {
+          key: s.name,
+          class: "tooltip"
+        }, [
+          a.value ? (t(), n("button", {
+            key: 0,
+            class: k(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", [s.bgColour, s.ringColour]]),
+            onClick: j((g) => x("actionButtonClicked", s.name.toLowerCase()), ["stop"])
           }, [
-            (t(), y(A(a(i.icon)), { class: "text-white text-[22px]" }))
-          ], 10, be),
-          s("span", Ie, v(i.name), 1)
-        ]))), 256))
-      ])) : (t(), n("div", he, [
-        (t(!0), n(S, null, R(e.colInfo.associations, (i) => (t(), n("div", ke, [
-          s("button", {
-            class: x(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", e.data.includes(i.name.toLowerCase()) ? [i.bgColour, i.ringColour] : "bg-steel-500 dark:bg-line-strong ring-steel-500 dark:ring-line-strong"]),
-            onClick: $((D) => m("actionButtonClicked", i.name.toLowerCase()), ["stop"])
+            (t(), P(E(b(V)(s.icon)), { class: "text-white text-[22px]" }))
+          ], 10, ye)) : (t(), n("span", we)),
+          a.value ? (t(), n("span", Se, h(s.name), 1)) : w("", !0)
+        ]))), 128))
+      ])) : (t(), n("div", Te, [
+        (t(!0), n(S, null, R(d.value, (s) => (t(), n("div", {
+          key: s.name,
+          class: "tooltip"
+        }, [
+          a.value ? (t(), n("button", {
+            key: 0,
+            class: k(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", e.data.includes(s.name.toLowerCase()) ? [s.bgColour, s.ringColour] : "bg-steel-500 dark:bg-line-strong ring-steel-500 dark:ring-line-strong"]),
+            onClick: j((g) => x("actionButtonClicked", s.name.toLowerCase()), ["stop"])
           }, [
-            (t(), y(A(a(i.icon)), { class: "text-white text-[22px]" }))
-          ], 10, ge),
-          s("span", Ce, v(i.name), 1)
-        ]))), 256))
+            (t(), P(E(b(V)(s.icon)), { class: "text-white text-[22px]" }))
+          ], 10, Re)) : (t(), n("span", De)),
+          a.value ? (t(), n("span", Pe, h(s.name), 1)) : w("", !0)
+        ]))), 128))
       ]))
     ], 2)) : e.colInfo.colType === "edsNaruIcon" ? (t(), n("td", {
       key: 5,
-      class: x([[B, e.colInfo.colClass, e.data === !0 ? "bg-warning-950" : "bg-steel-600"], "text-white w-12"])
+      class: k([[M, e.colInfo.colClass, e.data === !0 ? "bg-warning-950" : "bg-steel-600"], "text-white w-12"])
     }, [
-      h(b(Z))
+      C(b(re))
     ], 2)) : e.colInfo.colType === "status" ? (t(), n("td", {
       key: 6,
-      class: x([B, e.colInfo.colClass])
+      class: k([M, e.colInfo.colClass])
     }, [
-      e.data.id === 0 ? (t(), n("div", ye, "-")) : e.data.id === 1 ? (t(), n("div", we, [
-        s("button", Se, [
-          h(b(G), { class: "w-full h-full" }),
-          Re,
-          s("span", Te, "Updated on " + v(e.data.lastUpdated), 1)
+      e.data.id === 0 ? (t(), n("div", $e, "-")) : e.data.id === 1 ? (t(), n("div", Ae, [
+        l("button", Be, [
+          C(b(_), { class: "w-full h-full" }),
+          Oe,
+          l("span", Me, "Updated on " + h(e.data.lastUpdated), 1)
         ])
-      ])) : e.data.id === 2 ? (t(), n("div", De, [
-        s("button", Pe, [
-          $e,
-          Ae,
-          s("span", Be, "Update by " + v(e.data.reviewDue), 1)
+      ])) : e.data.id === 2 ? (t(), n("div", Fe, [
+        l("button", Le, [
+          Ue,
+          qe,
+          l("span", Ne, "Update by " + h(e.data.reviewDue), 1)
         ])
-      ])) : e.data.id === 3 ? (t(), n("div", Oe, [
-        s("button", Me, [
-          Fe,
-          Le,
-          s("span", Ue, "Expired on " + v(e.data.reviewDue), 1)
+      ])) : e.data.id === 3 ? (t(), n("div", je, [
+        l("button", Ee, [
+          ze,
+          Ve,
+          l("span", Ge, "Expired on " + h(e.data.reviewDue), 1)
         ])
-      ])) : k("", !0)
-    ], 2)) : k("", !0);
+      ])) : w("", !0)
+    ], 2)) : w("", !0);
   }
-}, Ne = { class: "w-[calc(100%-64px)] mx-8 flex flex-row justify-between mt-4 z-20" }, qe = {
+}, We = { class: "w-[calc(100%-64px)] mx-8 flex flex-row justify-between mt-4 z-20" }, He = {
   key: 0,
   class: "text-steel-950 dark:text-content-muted"
-}, je = {
+}, Xe = {
   key: 1,
   class: "text-steel-950 dark:text-content-muted"
-}, Ee = { class: "font-medium text-black-950 dark:text-content" }, ze = { class: "font-medium text-black-950 dark:text-content" }, Ve = { class: "font-medium text-black-950 dark:text-content" }, Ge = {
+}, Ke = { class: "font-medium text-black-950 dark:text-content" }, _e = { class: "font-medium text-black-950 dark:text-content" }, Je = { class: "font-medium text-black-950 dark:text-content" }, Qe = {
   key: 2,
   class: "shadow-sm flex flex-row"
-}, We = ["onClick"], He = {
+}, Ye = ["onClick"], Ze = {
   __name: "TablePagination",
   props: {
     noOfResults: {
@@ -239,41 +264,41 @@ const re = (e, g, r) => {
     }
   },
   emits: ["setTablePage"],
-  setup(e, { emit: g }) {
-    const r = e, m = g, C = M(() => Math.ceil(r.noOfResults / r.entriesPerPage));
-    return (a, p) => (t(), n("div", Ne, [
-      e.isSearchResult ? (t(), n("span", qe, "Showing " + v(e.noOfResults) + " filtered results.", 1)) : (t(), n("span", je, [
-        T("Showing "),
-        s("span", Ee, v(e.tableStartIndex), 1),
-        T(" to "),
-        s("span", ze, v(e.tableEndIndex), 1),
-        T(" of "),
-        s("span", Ve, v(e.noOfResults), 1),
-        T(" results")
+  setup(e, { emit: p }) {
+    const o = e, x = p, y = A(() => Math.ceil(o.noOfResults / o.entriesPerPage));
+    return (u, d) => (t(), n("div", We, [
+      e.isSearchResult ? (t(), n("span", He, "Showing " + h(e.noOfResults) + " filtered results.", 1)) : (t(), n("span", Xe, [
+        D("Showing "),
+        l("span", Ke, h(e.tableStartIndex), 1),
+        D(" to "),
+        l("span", _e, h(e.tableEndIndex), 1),
+        D(" of "),
+        l("span", Je, h(e.noOfResults), 1),
+        D(" results")
       ])),
-      e.isSearchResult ? k("", !0) : (t(), n("div", Ge, [
-        s("button", {
+      e.isSearchResult ? w("", !0) : (t(), n("div", Qe, [
+        l("button", {
           class: "group flex items-center justify-center bg-white-950 px-4 py-2 text-sm font-semibold text-steel-950 dark:text-content-muted border-[1px] border-solid border-steel-300 dark:border-line rounded-s-md cursor-pointer hover:bg-steel-300 dark:hover:bg-surface-hover hover:text-black-950 dark:hover:text-content focus:outline-offset-0 focus:z-20 focus:outline-app-950",
-          onClick: p[0] || (p[0] = (f) => m("setTablePage", e.tablePage - 1))
+          onClick: d[0] || (d[0] = (f) => x("setTablePage", e.tablePage - 1))
         }, [
-          h(b(_), { class: "text-steel-950 dark:text-content-muted group-hover:text-black-950 dark:group-hover:text-content" })
+          C(b(ie), { class: "text-steel-950 dark:text-content-muted group-hover:text-black-950 dark:group-hover:text-content" })
         ]),
-        (t(!0), n(S, null, R(C.value, (f) => (t(), n("button", {
-          class: x(["flex items-center justify-center px-4 py-2 text-sm font-semibold border-[1px] border-solid border-steel-300 dark:border-line border-l-0 cursor-pointer focus:outline-offset-0 focus:z-20 focus:outline-app-950", e.tablePage == f ? r.backgroundColour + " text-white focus:outline-offset-2" : "bg-surface-raised text-steel-950 dark:text-content-muted hover:bg-steel-300 dark:hover:bg-surface-hover hover:text-black-950 dark:hover:text-content focus:outline-offset-0"]),
-          onClick: (u) => m("setTablePage", f)
+        (t(!0), n(S, null, R(y.value, (f) => (t(), n("button", {
+          class: k(["flex items-center justify-center px-4 py-2 text-sm font-semibold border-[1px] border-solid border-steel-300 dark:border-line border-l-0 cursor-pointer focus:outline-offset-0 focus:z-20 focus:outline-app-950", e.tablePage == f ? o.backgroundColour + " text-white focus:outline-offset-2" : "bg-surface-raised text-steel-950 dark:text-content-muted hover:bg-steel-300 dark:hover:bg-surface-hover hover:text-black-950 dark:hover:text-content focus:outline-offset-0"]),
+          onClick: (a) => x("setTablePage", f)
         }, [
-          s("p", null, v(f), 1)
-        ], 10, We))), 256)),
-        s("button", {
+          l("p", null, h(f), 1)
+        ], 10, Ye))), 256)),
+        l("button", {
           class: "group flex items-center justify-center bg-white-950 px-4 py-2 text-sm font-semibold text-steel-950 dark:text-content-muted border-[1px] border-solid border-steel-300 dark:border-line border-l-0 rounded-e-md cursor-pointer hover:bg-steel-300 dark:hover:bg-surface-hover hover:text-black-950 dark:hover:text-content focus:outline-offset-0 focus:z-20 focus:outline-app-950",
-          onClick: p[1] || (p[1] = (f) => m("setTablePage", e.tablePage + 1))
+          onClick: d[1] || (d[1] = (f) => x("setTablePage", e.tablePage + 1))
         }, [
-          h(b(ee), { class: "text-steel-950 dark:text-content-muted group-hover:text-black-950 dark:group-hover:text-content" })
+          C(b(se), { class: "text-steel-950 dark:text-content-muted group-hover:text-black-950 dark:group-hover:text-content" })
         ])
       ]))
     ]));
   }
-}, Xe = { class: "mx-8 flex flex-row justify-end mt-4" }, Ke = ["onClick"], Je = { class: "overflow-y-auto" }, Qe = {
+}, et = { class: "mx-8 flex flex-row justify-end mt-4" }, tt = ["onClick"], ot = { class: "overflow-y-auto" }, nt = {
   __name: "TableRowSelect",
   props: {
     noOfTableRows: {
@@ -282,74 +307,74 @@ const re = (e, g, r) => {
     }
   },
   emits: ["setNoOfTableRows"],
-  setup(e, { emit: g }) {
-    const r = g;
-    return (m, C) => (t(), n("div", Xe, [
-      h(b(ne), {
+  setup(e, { emit: p }) {
+    const o = p;
+    return (x, y) => (t(), n("div", et, [
+      C(b(ue), {
         fitContent: !0,
         buttonPosition: "right",
         class: "w-48"
       }, {
-        button: P(({ toggleDropdown: a }) => [
-          s("div", {
-            onClick: a,
+        button: O(({ toggleDropdown: u }) => [
+          l("div", {
+            onClick: u,
             class: "showoverlay flex items-center text-steel-950 dark:text-content-muted transition-all duration-300 font-medium ease-in-out hover:text-app-950 cursor-pointer"
           }, [
-            s("span", null, "Show " + v(e.noOfTableRows) + " results", 1),
-            h(b(te), { class: "!w-4 !h-4 ml-2" })
-          ], 8, Ke)
+            l("span", null, "Show " + h(e.noOfTableRows) + " results", 1),
+            C(b(le), { class: "!w-4 !h-4 ml-2" })
+          ], 8, tt)
         ]),
-        default: P(({ setActive: a, selectItem: p, activeId: f }) => [
-          s("div", Je, [
-            h(b(O), {
+        default: O(({ setActive: u, selectItem: d, activeId: f }) => [
+          l("div", ot, [
+            C(b(L), {
               active: f === 1,
-              onMouseenter: (u) => a(1),
-              onClick: (u) => {
-                p(1), r("setNoOfTableRows", 10);
+              onMouseenter: (a) => u(1),
+              onClick: (a) => {
+                d(1), o("setNoOfTableRows", 10);
               },
               class: "cursor-pointer"
             }, {
-              default: P(() => [
-                T("10")
+              default: O(() => [
+                D("10")
               ]),
               _: 2
             }, 1032, ["active", "onMouseenter", "onClick"]),
-            h(b(O), {
+            C(b(L), {
               active: f === 2,
-              onMouseenter: (u) => a(2),
-              onClick: (u) => {
-                p(2), r("setNoOfTableRows", 25);
+              onMouseenter: (a) => u(2),
+              onClick: (a) => {
+                d(2), o("setNoOfTableRows", 25);
               },
               class: "cursor-pointer"
             }, {
-              default: P(() => [
-                T("25")
+              default: O(() => [
+                D("25")
               ]),
               _: 2
             }, 1032, ["active", "onMouseenter", "onClick"]),
-            h(b(O), {
+            C(b(L), {
               active: f === 3,
-              onMouseenter: (u) => a(3),
-              onClick: (u) => {
-                p(3), r("setNoOfTableRows", 50);
+              onMouseenter: (a) => u(3),
+              onClick: (a) => {
+                d(3), o("setNoOfTableRows", 50);
               },
               class: "cursor-pointer"
             }, {
-              default: P(() => [
-                T("50")
+              default: O(() => [
+                D("50")
               ]),
               _: 2
             }, 1032, ["active", "onMouseenter", "onClick"]),
-            h(b(O), {
+            C(b(L), {
               active: f === 4,
-              onMouseenter: (u) => a(4),
-              onClick: (u) => {
-                p(4), r("setNoOfTableRows", 100);
+              onMouseenter: (a) => u(4),
+              onClick: (a) => {
+                d(4), o("setNoOfTableRows", 100);
               },
               class: "cursor-pointer"
             }, {
-              default: P(() => [
-                T("100")
+              default: O(() => [
+                D("100")
               ]),
               _: 2
             }, 1032, ["active", "onMouseenter", "onClick"])
@@ -359,10 +384,10 @@ const re = (e, g, r) => {
       })
     ]));
   }
-}, Ye = { class: "ml-8" }, Ze = {
+}, rt = { class: "ml-8" }, it = {
   key: 0,
   class: "w-1/2 mt-4"
-}, _e = { class: "relative flex flex-1 gap-x-2 px-4 text-style-input items-center h-10 rounded-[20px] ring-1 ring-inset focus-within:ring-2 focus-within:outline-none ring-steel-500 dark:ring-line-strong focus-within:bg-app-100 focus-within:ring-app-950 dark:focus-within:text-black-950 text-black-950 dark:text-content" }, et = { class: "inline-block w-[calc(100%-64px)] align-middle mx-8 mt-4 max-h-[calc(100%-64px)] overflow-y-auto" }, tt = { class: "min-w-full max-w-full table-auto leading-none border-separate border-spacing-0 border-[1px] border-solid border-steel-300 dark:border-line" }, ot = ["onClick"], nt = ["onClick"], ct = {
+}, st = { class: "relative flex flex-1 gap-x-2 px-4 text-style-input items-center h-10 rounded-[20px] ring-1 ring-inset focus-within:ring-2 focus-within:outline-none ring-steel-500 dark:ring-line-strong focus-within:bg-app-100 focus-within:ring-app-950 dark:focus-within:text-black-950 text-black-950 dark:text-content" }, lt = { class: "inline-block w-[calc(100%-64px)] align-middle mx-8 mt-4 max-h-[calc(100%-64px)] overflow-y-auto" }, ct = { class: "min-w-full max-w-full table-auto leading-none border-separate border-spacing-0 border-[1px] border-solid border-steel-300 dark:border-line" }, at = ["onClick"], ut = ["onClick"], bt = {
   __name: "Table",
   props: {
     tableCols: {
@@ -410,141 +435,141 @@ const re = (e, g, r) => {
     }
   },
   emits: ["actionButtonClicked", "rowClicked"],
-  setup(e, { emit: g }) {
-    const r = e, m = w(null), C = g, a = w(r.defaultNoOfTableRows), p = w(1);
-    w({});
-    const f = w([]), u = w(!0), I = w(!1), i = w(r.tableData.Result.map((c) => r.tableData.Result.indexOf(c)));
-    J(() => {
-      f.value = V(), F(""), u.value = r.activeFilter ? r.activeFilterVal : !1;
+  setup(e, { emit: p }) {
+    const o = e, x = T(null), y = p, u = T(o.defaultNoOfTableRows), d = T(1);
+    T({});
+    const f = T([]), a = T(!0), $ = T(!1), B = T(o.tableData.Result.map((c) => o.tableData.Result.indexOf(c)));
+    oe(() => {
+      f.value = K(), q(""), a.value = o.activeFilter ? o.activeFilterVal : !1;
     });
-    const D = (c) => {
-      a.value = c, p.value = 1;
-    }, H = M(() => Math.ceil(r.tableData.Result.length / a.value)), X = (c) => {
-      c < 1 || c > H.value || (p.value = c);
-    }, q = M(() => r.tableData.Result.length === 0 ? 0 : (p.value - 1) * a.value + 1), j = M(() => Math.min(r.tableData.Result.length > a.value ? p.value * a.value : r.tableData.Result.length, r.tableData.Result.length)), E = (c) => c ? "text-[" + c + "]" : "text-black-950", z = (c, d) => {
-      let o = r.tableCols.find((l) => l.tag === "action").colIcons.find((l) => l.name === c) ? r.tableCols.find((l) => l.tag === "action").colIcons.find((l) => l.name === c).callback : r.tableCols.find((l) => l.colType === "associations").associations.find((l) => l.name.toLowerCase() === c).callback;
-      C("actionButtonClicked", o, d);
-    }, V = () => {
+    const m = (c) => {
+      u.value = c, d.value = 1;
+    }, I = A(() => Math.ceil(o.tableData.Result.length / u.value)), s = (c) => {
+      c < 1 || c > I.value || (d.value = c);
+    }, g = A(() => o.tableData.Result.length === 0 ? 0 : (d.value - 1) * u.value + 1), W = A(() => Math.min(o.tableData.Result.length > u.value ? d.value * u.value : o.tableData.Result.length, o.tableData.Result.length)), H = (c) => c ? "text-[" + c + "]" : "text-black-950", X = (c, v) => {
+      let r = o.tableCols.find((i) => i.tag === "action").colIcons.find((i) => i.name === c) ? o.tableCols.find((i) => i.tag === "action").colIcons.find((i) => i.name === c).callback : o.tableCols.find((i) => i.colType === "associations").associations.find((i) => i.name.toLowerCase() === c).callback;
+      y("actionButtonClicked", r, v);
+    }, K = () => {
       var c = [];
-      for (let d of r.tableData.Result) {
-        let o = "";
-        for (let l of r.tableCols)
-          l.colType === "text" && (d[l.tag] === void 0 || d[l.tag] === null || d[l.tag] === "" ? o += "" : o += d[l.tag].toString().toLowerCase() + " ");
+      for (let v of o.tableData.Result) {
+        let r = "";
+        for (let i of o.tableCols)
+          i.colType === "text" && (v[i.tag] === void 0 || v[i.tag] === null || v[i.tag] === "" ? r += "" : r += v[i.tag].toString().toLowerCase() + " ");
         c.push({
-          row: r.tableData.Result.indexOf(d),
-          data: o
+          row: o.tableData.Result.indexOf(v),
+          data: r
         });
       }
       return c;
-    }, F = (c) => {
+    }, q = (c) => {
       if (c === "") {
-        I.value = !1;
+        $.value = !1;
         return;
       } else {
-        I.value = !0;
-        const d = c ? c.toLowerCase() : "";
-        i.value = [];
-        for (let o of f.value)
-          o.data && o.data.includes(d) && i.value.push(o.row);
+        $.value = !0;
+        const v = c ? c.toLowerCase() : "";
+        B.value = [];
+        for (let r of f.value)
+          r.data && r.data.includes(v) && B.value.push(r.row);
       }
     };
-    return Q(() => r.tableData, (c) => {
-      c && c.Result && (f.value = V(), F(""));
-    }), (c, d) => (t(), n("div", {
+    return Z(() => o.tableData, (c) => {
+      c && c.Result && (f.value = K(), q(""));
+    }), (c, v) => (t(), n("div", {
       ref_key: "root",
-      ref: m,
+      ref: x,
       class: "w-full h-full bg-[transparent]"
     }, [
-      s("div", Ye, [
-        U(c.$slots, "tableTitle")
+      l("div", rt, [
+        z(c.$slots, "tableTitle")
       ]),
-      s("div", {
-        class: x(["flex ml-[32px] items-center", r.enableSearchBar ? "justify-between" : "justify-end"])
+      l("div", {
+        class: k(["flex ml-[32px] items-center", o.enableSearchBar ? "justify-between" : "justify-end"])
       }, [
-        r.enableSearchBar ? (t(), n("div", Ze, [
-          s("div", _e, [
-            h(b(oe), { class: "text-steel-950 dark:text-content-muted w-4" }),
-            s("input", {
+        o.enableSearchBar ? (t(), n("div", it, [
+          l("div", st, [
+            C(b(ce), { class: "text-steel-950 dark:text-content-muted w-4" }),
+            l("input", {
               class: "flex-1 border-0 bg-[transparent] pl-0 ring-0 focus:ring-0 outline-none focus:outline-none disabled:placeholder:text-steel-800 dark:disabled:placeholder:text-content-muted disabled:pointer-events-none",
               placeholder: "Search",
-              onInput: d[0] || (d[0] = (o) => F(o.target.value))
+              onInput: v[0] || (v[0] = (r) => q(r.target.value))
             }, null, 32)
           ])
-        ])) : k("", !0),
-        h(Qe, {
-          noOfTableRows: a.value,
-          onSetNoOfTableRows: d[1] || (d[1] = (o) => D(o))
+        ])) : w("", !0),
+        C(nt, {
+          noOfTableRows: u.value,
+          onSetNoOfTableRows: v[1] || (v[1] = (r) => m(r))
         }, null, 8, ["noOfTableRows"])
       ], 2),
-      s("div", et, [
-        s("table", tt, [
-          s("thead", null, [
-            U(c.$slots, "tableHeader", {}, () => [
-              s("tr", {
-                class: x(r.backgroundColour)
+      l("div", lt, [
+        l("table", ct, [
+          l("thead", null, [
+            z(c.$slots, "tableHeader", {}, () => [
+              l("tr", {
+                class: k(o.backgroundColour)
               }, [
-                (t(!0), n(S, null, R(e.tableCols, (o) => (t(), n("th", {
-                  class: x(["sticky top-0 z-10 border-b-[1px] border-gray-300 px-5 font-semibold text-white w-fit", [r.backgroundColour, e.activeFilter ? "py-1" : "py-3"]]),
-                  style: N("text-align:" + (o.headerAlign ? o.headerAlign : "left"))
+                (t(!0), n(S, null, R(e.tableCols, (r) => (t(), n("th", {
+                  class: k(["sticky top-0 z-10 border-b-[1px] border-gray-300 px-5 font-semibold text-white w-fit", [o.backgroundColour, e.activeFilter ? "py-1" : "py-3"]]),
+                  style: G("text-align:" + (r.headerAlign ? r.headerAlign : "left"))
                 }, [
-                  s("div", {
+                  l("div", {
                     class: "flex items-center justify-center gap-x-1",
-                    style: N("justify-content:" + (o.headerAlign ? o.headerAlign : "left"))
+                    style: G("justify-content:" + (r.headerAlign ? r.headerAlign : "left"))
                   }, [
-                    s("span", null, v(o.label), 1),
-                    o.activeToggle && e.activeFilter ? (t(), y(b(ie), {
+                    l("span", null, h(r.label), 1),
+                    r.activeToggle && e.activeFilter ? (t(), P(b(de), {
                       key: 0,
-                      modelValue: u.value,
-                      "onUpdate:modelValue": d[2] || (d[2] = (l) => u.value = l),
+                      modelValue: a.value,
+                      "onUpdate:modelValue": v[2] || (v[2] = (i) => a.value = i),
                       class: "rounded-2xl !gap-x-0 bg-surface-raised w-fit"
-                    }, null, 8, ["modelValue"])) : k("", !0)
+                    }, null, 8, ["modelValue"])) : w("", !0)
                   ], 4)
                 ], 6))), 256))
               ], 2)
             ])
           ]),
-          s("tbody", null, [
-            U(c.$slots, "tableBody", {}, () => [
-              I.value ? (t(!0), n(S, { key: 0 }, R(e.tableData.Result.filter((o, l) => i.value.includes(l) && (u.value && o.IsActive || !u.value && !o.IsActive || !e.activeFilter)), (o) => (t(), n("tr", {
-                class: x(["even:bg-steel-100 dark:even:bg-surface-sunken transition duration-300 ease-in-out hover:bg-sop-150 dark:hover:bg-surface-hover border-b-[1px] border-steel-300 dark:border-line", [o.colour ? "*:!" + E(o.colour) : "text-black-950 dark:text-content", e.rowClickAction ? "cursor-pointer" : ""]]),
-                onClick: (l) => e.rowClickAction ? C("rowClicked", o) : null
+          l("tbody", null, [
+            z(c.$slots, "tableBody", {}, () => [
+              $.value ? (t(!0), n(S, { key: 0 }, R(e.tableData.Result.filter((r, i) => B.value.includes(i) && (a.value && r.IsActive || !a.value && !r.IsActive || !e.activeFilter)), (r) => (t(), n("tr", {
+                class: k(["even:bg-steel-100 dark:even:bg-surface-sunken transition duration-300 ease-in-out hover:bg-sop-150 dark:hover:bg-surface-hover border-b-[1px] border-steel-300 dark:border-line", [r.colour ? "*:!" + H(r.colour) : "text-black-950 dark:text-content", e.rowClickAction ? "cursor-pointer" : ""]]),
+                onClick: (i) => e.rowClickAction ? y("rowClicked", r) : null
               }, [
-                (t(!0), n(S, null, R(e.tableCols, (l) => (t(), y(W, {
-                  colInfo: l,
-                  data: o[l.tag],
-                  rowData: o,
-                  textColour: r.textColour,
-                  onActionButtonClicked: (L) => z(L, o)
+                (t(!0), n(S, null, R(e.tableCols, (i) => (t(), P(Y, {
+                  colInfo: i,
+                  data: r[i.tag],
+                  rowData: r,
+                  textColour: o.textColour,
+                  onActionButtonClicked: (N) => X(N, r)
                 }, null, 8, ["colInfo", "data", "rowData", "textColour", "onActionButtonClicked"]))), 256))
-              ], 10, ot))), 256)) : (t(!0), n(S, { key: 1 }, R(e.tableData.Result.filter((o, l) => l >= q.value - 1 && l <= j.value - 1 && (u.value && o.IsActive || !u.value && !o.IsActive || !e.activeFilter)), (o) => (t(), n("tr", {
-                class: x(["even:bg-steel-100 dark:even:bg-surface-sunken transition duration-300 ease-in-out hover:bg-sop-150 dark:hover:bg-surface-hover border-b-[1px] border-steel-300 dark:border-line", [o.colour ? "*:!" + E(o.colour) : "text-black-950 dark:text-content", e.rowClickAction ? "cursor-pointer" : ""]]),
-                onClick: (l) => e.rowClickAction ? C("rowClicked", o) : null
+              ], 10, at))), 256)) : (t(!0), n(S, { key: 1 }, R(e.tableData.Result.filter((r, i) => i >= g.value - 1 && i <= W.value - 1 && (a.value && r.IsActive || !a.value && !r.IsActive || !e.activeFilter)), (r) => (t(), n("tr", {
+                class: k(["even:bg-steel-100 dark:even:bg-surface-sunken transition duration-300 ease-in-out hover:bg-sop-150 dark:hover:bg-surface-hover border-b-[1px] border-steel-300 dark:border-line", [r.colour ? "*:!" + H(r.colour) : "text-black-950 dark:text-content", e.rowClickAction ? "cursor-pointer" : ""]]),
+                onClick: (i) => e.rowClickAction ? y("rowClicked", r) : null
               }, [
-                (t(!0), n(S, null, R(e.tableCols, (l) => (t(), y(W, {
-                  colInfo: l,
-                  data: o[l.tag],
-                  rowData: o,
-                  textColour: r.textColour,
-                  onActionButtonClicked: (L) => z(L, o)
+                (t(!0), n(S, null, R(e.tableCols, (i) => (t(), P(Y, {
+                  colInfo: i,
+                  data: r[i.tag],
+                  rowData: r,
+                  textColour: o.textColour,
+                  onActionButtonClicked: (N) => X(N, r)
                 }, null, 8, ["colInfo", "data", "rowData", "textColour", "onActionButtonClicked"]))), 256))
-              ], 10, nt))), 256))
+              ], 10, ut))), 256))
             ])
           ])
         ])
       ]),
-      h(He, {
-        noOfResults: I.value ? e.tableData.Result.filter((o, l) => i.value.includes(l)).length : e.tableData.Result.length,
-        tableStartIndex: q.value,
-        tableEndIndex: j.value,
-        entriesPerPage: a.value,
-        tablePage: p.value,
-        backgroundColour: r.backgroundColour,
-        onSetTablePage: d[3] || (d[3] = (o) => X(o)),
-        isSearchResult: I.value
+      C(Ze, {
+        noOfResults: $.value ? e.tableData.Result.filter((r, i) => B.value.includes(i)).length : e.tableData.Result.length,
+        tableStartIndex: g.value,
+        tableEndIndex: W.value,
+        entriesPerPage: u.value,
+        tablePage: d.value,
+        backgroundColour: o.backgroundColour,
+        onSetTablePage: v[3] || (v[3] = (r) => s(r)),
+        isSearchResult: $.value
       }, null, 8, ["noOfResults", "tableStartIndex", "tableEndIndex", "entriesPerPage", "tablePage", "backgroundColour", "isSearchResult"])
     ], 512));
   }
 };
 export {
-  ct as Table
+  bt as Table
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealsolutions/zeal-ui",
-  "version": "1.0.0-alpha.362",
+  "version": "1.0.0-alpha.363",
   "description": "UI library for Zeal Solutions",
   "author": "Zeal Solutions",
   "license": "ISC",