npm - @zealsolutions/zeal-ui - Versions diffs - 1.0.0-alpha.367 → 1.0.0-alpha.369 - Mend

@zealsolutions/zeal-ui 1.0.0-alpha.367 → 1.0.0-alpha.369

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/components/sop-diff/index.js +17 -13
package/dist/components/tables/index.js +78 -71
package/package.json +1 -1

package/dist/components/sop-diff/index.js CHANGED Viewed

@@ -30,16 +30,16 @@ function N(e) {
 function H(e, t, i, n, r, a, l) {
   let u = n, s = a, d = 0, c = {}, p;
   for (let o = n; o < r; o++) {
-    const _ = {}, g = e[o], h = i[g];
-    for (let R = 0, L = h.length; R < L; R++) {
-      const b = h[R];
-      if (b < a)
+    const _ = {}, g = e[o], b = i[g];
+    for (let R = 0, L = b.length; R < L; R++) {
+      const h = b[R];
+      if (h < a)
         continue;
-      if (b >= l)
+      if (h >= l)
         break;
-      c[b - 1] == null && (c[b - 1] = 0);
-      const k = c[b - 1] + 1;
-      _[b] = k, k > d && (u = o - k + 1, s = b - k + 1, d = k);
+      c[h - 1] == null && (c[h - 1] = 0);
+      const k = c[h - 1] + 1;
+      _[h] = k, k > d && (u = o - k + 1, s = h - k + 1, d = k);
     }
     c = _;
   }
@@ -82,13 +82,13 @@ function z(e, t) {
   }, l = $(e, t);
   l.push(new O(e.length, t.length, 0));
   for (let c = 0, p = l.length; c < p; c++) {
-    const o = l[c], _ = i === o.start_in_before, g = n === o.start_in_after, h = a[[_, g].toString()];
-    h !== "none" && r.push({
-      action: h,
+    const o = l[c], _ = i === o.start_in_before, g = n === o.start_in_after, b = a[[_, g].toString()];
+    b !== "none" && r.push({
+      action: b,
       start_in_before: i,
-      end_in_before: h !== "insert" ? o.start_in_before - 1 : void 0,
+      end_in_before: b !== "insert" ? o.start_in_before - 1 : void 0,
       start_in_after: n,
-      end_in_after: h !== "delete" ? o.start_in_after - 1 : void 0
+      end_in_after: b !== "delete" ? o.start_in_after - 1 : void 0
     }), o.length !== 0 && r.push({
       action: "equal",
       start_in_before: o.start_in_before,
@@ -166,6 +166,10 @@ const J = {
       // wire key "SOPCode" (SopReadService.GetSop) — see the draft-mode gap note above
       { label: "Core capabilities", key: "CoreCapabilities" },
       { label: "Active", key: "IsActive", bool: !0 },
+      // SOP-Admin #618: the review date — a publish that only changed it showed nothing in the
+      // change log compare. Wire key "ReviewDue" (SopReadService.GetSop); the amend read calls it
+      // ReviewDate, so consumers normalise it (and format it as a date) before buildPreview.
+      { label: "Review due by", key: "ReviewDue" },
       { label: "Summary", key: "Summary", rich: !0 },
       { label: "Generic Provisions", key: "GenericProvisions", rich: !0 },
       { label: "Further reading", key: "FurtherReading", rich: !0 },

package/dist/components/tables/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-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 { 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 q, Fragment as S, renderList as R, withModifiers as E, resolveDynamicComponent as z, createVNode as C, withCtx as O, onMounted as oe, renderSlot as V } 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";
@@ -8,18 +8,18 @@ const me = (e, p, o) => {
   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." : ""))));
   });
-}, 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));
+}, M = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), ee = te(0), J = ae, Q = (e, p) => (M.set(e, p), U.delete(e), ee.value += 1, p), ve = (e) => {
+  if (M.has(e))
+    return Promise.resolve(M.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 = {
+}, pe = (e) => Promise.all([...new Set(e)].map(ve)), fe = (e) => (ee.value, M.has(e)), G = (e) => M.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"
 }, Ie = { class: "w-full flex items-center justify-end" }, he = ["onClick"], ke = {
-  key: 0,
+  key: 1,
   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"
 }, ge = {
   key: 1,
@@ -54,13 +54,13 @@ const me = (e, p, o) => {
 }, Ae = {
   key: 1,
   class: "flex justify-center"
-}, 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 = {
+}, 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), Fe = { 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" }, Me = {
   key: 2,
   class: "flex justify-center"
 }, 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"
-}, 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 = {
+}, 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" }, F = "whitespace-nowrap border-b-[1px] border-steel-300 dark:border-line px-5 py-3 h-[22px]", Y = {
   __name: "TableData",
   props: {
     colInfo: {
@@ -85,12 +85,12 @@ const me = (e, p, o) => {
   emits: ["actionButtonClicked"],
   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;
+      var I, i;
       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;
+      return (i = o.colInfo) != null && i.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) : [];
+      var I, i;
+      const m = ((I = o.colInfo) == null ? void 0 : I.colType) === "icons" ? (o.colInfo.colIcons ?? []).filter(u).map((g) => g.name) : ((i = o.colInfo) == null ? void 0 : i.colType) === "associations" ? d.value.map((g) => g.icon) : [];
       return [...new Set(m.filter(Boolean))];
     }), a = A(() => f.value.every(fe));
     Z(f, (m) => {
@@ -98,9 +98,9 @@ const me = (e, p, o) => {
     }, { immediate: !0 });
     const $ = (m, I) => {
       if (I) {
-        var s = I.find((g) => g.name == m);
-        if (s)
-          return s.colour.toString();
+        var i = I.find((g) => g.name == m);
+        if (i)
+          return i.colour.toString();
       }
       return "";
     }, B = (m) => {
@@ -113,12 +113,12 @@ const me = (e, p, o) => {
     };
     return (m, I) => e.colInfo.colType === "text" ? (t(), n("td", {
       key: 0,
-      class: k([[M, e.colInfo.colClass, $(e.data, e.colInfo.colourLookup)], "break-words min-w-0 !whitespace-normal"])
+      class: k([[F, 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] = (s) => B(e.data))
+        onClick: I[0] || (I[0] = (i) => B(e.data))
       }, [
         l("span", be, h(y.value), 1)
       ])) : w("", !0),
@@ -134,78 +134,85 @@ const me = (e, p, o) => {
     ])) : e.colInfo.colType === "colourBox" ? (t(), n("td", {
       key: 2,
       class: "border-b-[1px] border-steel-300 dark:border-line",
-      style: G("background-color:" + e.data)
+      style: q("background-color:" + e.data)
     }, null, 4)) : e.colInfo.colType === "icons" ? (t(), n("td", {
       key: 3,
-      class: k([M, e.colInfo.colClass])
+      class: k([F, e.colInfo.colClass])
     }, [
       l("div", Ie, [
-        (t(!0), n(S, null, R(e.colInfo.colIcons, (s) => (t(), n("div", {
-          key: s.name
+        (t(!0), n(S, null, R(e.colInfo.colIcons, (i) => (t(), n("div", {
+          key: i.name
         }, [
-          u(s) ? (t(), n(S, { key: 0 }, [
+          u(i) ? (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"])
+              class: "relative float-left cursor-pointer ml-6 tooltip",
+              onClick: E((g) => x("actionButtonClicked", i.name), ["stop"])
             }, [
-              (t(), P(E(b(V)(s.name)), {
+              (t(), P(z(b(G)(i.name)), {
                 class: k(["text-[22px]", o.textColour])
               }, null, 8, ["class"])),
-              s.tooltip ? (t(), n("span", ke, h(s.tooltip), 1)) : w("", !0)
+              i.indicatorField && o.rowData[i.indicatorField] ? (t(), n("span", {
+                key: 0,
+                "data-severity-dot": "",
+                class: "absolute -top-1 -right-1 h-2.5 w-2.5 rounded-full ring-2 ring-white dark:ring-surface-raised",
+                style: q({ backgroundColor: o.rowData[i.indicatorField] }),
+                "aria-hidden": "true"
+              }, null, 4)) : w("", !0),
+              i.tooltip ? (t(), n("span", ke, h(i.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: k([M, e.colInfo.colClass])
+      class: k([F, e.colInfo.colClass])
     }, [
       e.colInfo.hideMissing ? (t(), n("div", Ce, [
-        (t(!0), n(S, null, R(d.value, (s) => (t(), n("div", {
-          key: s.name,
+        (t(!0), n(S, null, R(d.value, (i) => (t(), n("div", {
+          key: i.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"])
+            class: k(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", [i.bgColour, i.ringColour]]),
+            onClick: E((g) => x("actionButtonClicked", i.name.toLowerCase()), ["stop"])
           }, [
-            (t(), P(E(b(V)(s.icon)), { class: "text-white text-[22px]" }))
+            (t(), P(z(b(G)(i.icon)), { class: "text-white text-[22px]" }))
           ], 10, ye)) : (t(), n("span", we)),
-          a.value ? (t(), n("span", Se, h(s.name), 1)) : w("", !0)
+          a.value ? (t(), n("span", Se, h(i.name), 1)) : w("", !0)
         ]))), 128))
       ])) : (t(), n("div", Te, [
-        (t(!0), n(S, null, R(d.value, (s) => (t(), n("div", {
-          key: s.name,
+        (t(!0), n(S, null, R(d.value, (i) => (t(), n("div", {
+          key: i.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"])
+            class: k(["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: E((g) => x("actionButtonClicked", i.name.toLowerCase()), ["stop"])
           }, [
-            (t(), P(E(b(V)(s.icon)), { class: "text-white text-[22px]" }))
+            (t(), P(z(b(G)(i.icon)), { class: "text-white text-[22px]" }))
           ], 10, Re)) : (t(), n("span", De)),
-          a.value ? (t(), n("span", Pe, h(s.name), 1)) : w("", !0)
+          a.value ? (t(), n("span", Pe, h(i.name), 1)) : w("", !0)
         ]))), 128))
       ]))
     ], 2)) : e.colInfo.colType === "edsNaruIcon" ? (t(), n("td", {
       key: 5,
-      class: k([[M, e.colInfo.colClass, e.data === !0 ? "bg-warning-950" : "bg-steel-600"], "text-white w-12"])
+      class: k([[F, e.colInfo.colClass, e.data === !0 ? "bg-warning-950" : "bg-steel-600"], "text-white w-12"])
     }, [
       C(b(re))
     ], 2)) : e.colInfo.colType === "status" ? (t(), n("td", {
       key: 6,
-      class: k([M, e.colInfo.colClass])
+      class: k([F, e.colInfo.colClass])
     }, [
       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)
+          l("span", Fe, "Updated on " + h(e.data.lastUpdated), 1)
         ])
-      ])) : e.data.id === 2 ? (t(), n("div", Fe, [
+      ])) : e.data.id === 2 ? (t(), n("div", Me, [
         l("button", Le, [
           Ue,
           qe,
@@ -440,28 +447,28 @@ const me = (e, p, o) => {
     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;
+      f.value = K(), N(""), a.value = o.activeFilter ? o.activeFilterVal : !1;
     });
     const m = (c) => {
       u.value = c, d.value = 1;
-    }, I = A(() => Math.ceil(o.tableData.Result.length / u.value)), s = (c) => {
+    }, I = A(() => Math.ceil(o.tableData.Result.length / u.value)), i = (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;
+      let r = o.tableCols.find((s) => s.tag === "action").colIcons.find((s) => s.name === c) ? o.tableCols.find((s) => s.tag === "action").colIcons.find((s) => s.name === c).callback : o.tableCols.find((s) => s.colType === "associations").associations.find((s) => s.name.toLowerCase() === c).callback;
       y("actionButtonClicked", r, v);
     }, K = () => {
       var c = [];
       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() + " ");
+        for (let s of o.tableCols)
+          s.colType === "text" && (v[s.tag] === void 0 || v[s.tag] === null || v[s.tag] === "" ? r += "" : r += v[s.tag].toString().toLowerCase() + " ");
         c.push({
           row: o.tableData.Result.indexOf(v),
           data: r
         });
       }
       return c;
-    }, q = (c) => {
+    }, N = (c) => {
       if (c === "") {
         $.value = !1;
         return;
@@ -474,14 +481,14 @@ const me = (e, p, o) => {
       }
     };
     return Z(() => o.tableData, (c) => {
-      c && c.Result && (f.value = K(), q(""));
+      c && c.Result && (f.value = K(), N(""));
     }), (c, v) => (t(), n("div", {
       ref_key: "root",
       ref: x,
       class: "w-full h-full bg-[transparent]"
     }, [
       l("div", rt, [
-        z(c.$slots, "tableTitle")
+        V(c.$slots, "tableTitle")
       ]),
       l("div", {
         class: k(["flex ml-[32px] items-center", o.enableSearchBar ? "justify-between" : "justify-end"])
@@ -492,7 +499,7 @@ const me = (e, p, o) => {
             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: v[0] || (v[0] = (r) => q(r.target.value))
+              onInput: v[0] || (v[0] = (r) => N(r.target.value))
             }, null, 32)
           ])
         ])) : w("", !0),
@@ -504,23 +511,23 @@ const me = (e, p, o) => {
       l("div", lt, [
         l("table", ct, [
           l("thead", null, [
-            z(c.$slots, "tableHeader", {}, () => [
+            V(c.$slots, "tableHeader", {}, () => [
               l("tr", {
                 class: k(o.backgroundColour)
               }, [
                 (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"))
+                  style: q("text-align:" + (r.headerAlign ? r.headerAlign : "left"))
                 }, [
                   l("div", {
                     class: "flex items-center justify-center gap-x-1",
-                    style: G("justify-content:" + (r.headerAlign ? r.headerAlign : "left"))
+                    style: q("justify-content:" + (r.headerAlign ? r.headerAlign : "left"))
                   }, [
                     l("span", null, h(r.label), 1),
                     r.activeToggle && e.activeFilter ? (t(), P(b(de), {
                       key: 0,
                       modelValue: a.value,
-                      "onUpdate:modelValue": v[2] || (v[2] = (i) => a.value = i),
+                      "onUpdate:modelValue": v[2] || (v[2] = (s) => a.value = s),
                       class: "rounded-2xl !gap-x-0 bg-surface-raised w-fit"
                     }, null, 8, ["modelValue"])) : w("", !0)
                   ], 4)
@@ -529,28 +536,28 @@ const me = (e, p, o) => {
             ])
           ]),
           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", {
+            V(c.$slots, "tableBody", {}, () => [
+              $.value ? (t(!0), n(S, { key: 0 }, R(e.tableData.Result.filter((r, s) => B.value.includes(s) && (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
+                onClick: (s) => e.rowClickAction ? y("rowClicked", r) : null
               }, [
-                (t(!0), n(S, null, R(e.tableCols, (i) => (t(), P(Y, {
-                  colInfo: i,
-                  data: r[i.tag],
+                (t(!0), n(S, null, R(e.tableCols, (s) => (t(), P(Y, {
+                  colInfo: s,
+                  data: r[s.tag],
                   rowData: r,
                   textColour: o.textColour,
-                  onActionButtonClicked: (N) => X(N, r)
+                  onActionButtonClicked: (j) => X(j, r)
                 }, null, 8, ["colInfo", "data", "rowData", "textColour", "onActionButtonClicked"]))), 256))
-              ], 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", {
+              ], 10, at))), 256)) : (t(!0), n(S, { key: 1 }, R(e.tableData.Result.filter((r, s) => s >= g.value - 1 && s <= 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
+                onClick: (s) => e.rowClickAction ? y("rowClicked", r) : null
               }, [
-                (t(!0), n(S, null, R(e.tableCols, (i) => (t(), P(Y, {
-                  colInfo: i,
-                  data: r[i.tag],
+                (t(!0), n(S, null, R(e.tableCols, (s) => (t(), P(Y, {
+                  colInfo: s,
+                  data: r[s.tag],
                   rowData: r,
                   textColour: o.textColour,
-                  onActionButtonClicked: (N) => X(N, r)
+                  onActionButtonClicked: (j) => X(j, r)
                 }, null, 8, ["colInfo", "data", "rowData", "textColour", "onActionButtonClicked"]))), 256))
               ], 10, ut))), 256))
             ])
@@ -558,13 +565,13 @@ const me = (e, p, o) => {
         ])
       ]),
       C(Ze, {
-        noOfResults: $.value ? e.tableData.Result.filter((r, i) => B.value.includes(i)).length : e.tableData.Result.length,
+        noOfResults: $.value ? e.tableData.Result.filter((r, s) => B.value.includes(s)).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)),
+        onSetTablePage: v[3] || (v[3] = (r) => i(r)),
         isSearchResult: $.value
       }, null, 8, ["noOfResults", "tableStartIndex", "tableEndIndex", "entriesPerPage", "tablePage", "backgroundColour", "isSearchResult"])
     ], 512));

package/package.json CHANGED Viewed

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