@uxland/primary-shell 5.6.4 → 5.6.6

package/dist/index.js

@@ -8950,7 +8950,7 @@ const useLocalization = async (te) => {
       }
     }
   }
-}, styles$n = ".item{display:flex;cursor:pointer;border-radius:8px;padding:8px;justify-content:center;transition:background-color .3s ease}.item[expanded]{justify-content:space-between}.item:hover{background-color:var(--color-primary-900);color:#fff}.item .icon-label{display:flex;gap:8px;transition:background-color .3s}.item.active{outline:2px solid white;outline-offset:-2px}";
+}, styles$o = ".item{display:flex;cursor:pointer;border-radius:8px;padding:8px;justify-content:center;transition:background-color .3s ease}.item[expanded]{justify-content:space-between}.item:hover{background-color:var(--color-primary-900);color:#fff}.item .icon-label{display:flex;gap:8px;transition:background-color .3s}.item.active{outline:2px solid white;outline-offset:-2px}";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -9001,7 +9001,7 @@ const Rt = e$L(class extends i$v {
     }
     return R$3;
   }
-}), template$o = (te) => ke$1`
+}), template$p = (te) => ke$1`
   <div 
     class=${Rt({ item: !0, active: te.isActive })} 
     @click=${te.config.callbackFn} 
@@ -9018,10 +9018,10 @@ const Rt = e$L(class extends i$v {
       </dss-tooltip>`}
   </div>
 `;
-var __defProp$w = Object.defineProperty, __decorateClass$w = (te, J, X, re) => {
+var __defProp$x = Object.defineProperty, __decorateClass$x = (te, J, X, re) => {
   for (var ne = void 0, oe = te.length - 1, de; oe >= 0; oe--)
     (de = te[oe]) && (ne = de(J, X, ne) || ne);
-  return ne && __defProp$w(J, X, ne), ne;
+  return ne && __defProp$x(J, X, ne), ne;
 };
 const Ji = class Ji extends k$7(h$q) {
   constructor(J) {
@@ -9059,23 +9059,23 @@ const Ji = class Ji extends k$7(h$q) {
     this.subscriptions.forEach((J) => J.dispose());
   }
   render() {
-    return ke$1`${template$o(this)}`;
+    return ke$1`${template$p(this)}`;
   }
 };
 Ji.styles = i$y`
-    ${r$H(styles$n)}
+    ${r$H(styles$o)}
   `;
 let PrimariaNavItem = Ji;
-__decorateClass$w([
+__decorateClass$x([
   n$x({ type: Number })
 ], PrimariaNavItem.prototype, "containerWidth");
-__decorateClass$w([
+__decorateClass$x([
   r$E()
 ], PrimariaNavItem.prototype, "showText");
-__decorateClass$w([
+__decorateClass$x([
   r$E()
 ], PrimariaNavItem.prototype, "isActive");
-__decorateClass$w([
+__decorateClass$x([
   n$x({ type: Object })
 ], PrimariaNavItem.prototype, "config");
 const shellRegions = {
@@ -9168,7 +9168,7 @@ const container$1 = new Container(), { lazyInject: lazyInject$1 } = getDecorator
   primaryApi: Symbol.for("primaryApi"),
   store: Symbol.for("store"),
   localeManager: Symbol.for("localeManager")
-}, styles$m = ":host{min-height:1px;height:100%;width:100%;display:flex}iframe{border:none;flex:1;height:100%}.pdf-container{display:flex;justify-content:center;align-items:center;height:100%;flex:1;border:1px solid #ccc}.no-pdf{text-align:center;color:#666;font-size:1.2rem;font-weight:700}";
+}, styles$n = ":host{min-height:1px;height:100%;width:100%;display:flex}iframe{border:none;flex:1;height:100%}.pdf-container{display:flex;justify-content:center;align-items:center;height:100%;flex:1;border:1px solid #ccc}.no-pdf{text-align:center;color:#666;font-size:1.2rem;font-weight:700}";
 function base64ToBlob(te, J = "application/octet-stream") {
   const X = window.atob(te), re = X.length, ne = new Uint8Array(re);
   for (let oe = 0; oe < re; oe++)
@@ -9181,10 +9181,10 @@ const createUrlFromBase64 = (te, J) => {
     return URL.createObjectURL(X);
   }
 };
-var __defProp$v = Object.defineProperty, __decorateClass$v = (te, J, X, re) => {
+var __defProp$w = Object.defineProperty, __decorateClass$w = (te, J, X, re) => {
   for (var ne = void 0, oe = te.length - 1, de; oe >= 0; oe--)
     (de = te[oe]) && (ne = de(J, X, ne) || ne);
-  return ne && __defProp$v(J, X, ne), ne;
+  return ne && __defProp$w(J, X, ne), ne;
 };
 const Yi = class Yi extends h$q {
   constructor() {
@@ -9252,15 +9252,15 @@ const Yi = class Yi extends h$q {
     `;
   }
 };
-Yi.styles = i$y`${r$H(styles$m)}`;
+Yi.styles = i$y`${r$H(styles$n)}`;
 let PdfVisor = Yi;
-__decorateClass$v([
+__decorateClass$w([
   lazyInject$1(TYPES$1.primaryApi)
 ], PdfVisor.prototype, "api");
-__decorateClass$v([
+__decorateClass$w([
   n$x({ type: Array })
 ], PdfVisor.prototype, "pdfList");
-__decorateClass$v([
+__decorateClass$w([
   n$x({ type: Array })
 ], PdfVisor.prototype, "activePdfs");
 const registerPdfViewerNavItem = () => {
@@ -9285,7 +9285,7 @@ const registerPdfViewerNavItem = () => {
       return Promise.resolve(te);
     }
   });
-}, styles$l = ":host{width:250px;gap:8px}.pdf-item{display:flex;align-items:flex-start;padding:8px;gap:8px;color:#000;border-bottom:1px solid var(--color-neutral-100)}.header-icons{display:flex;gap:8px}.container{gap:8px;display:flex;flex-direction:column}";
+}, styles$m = ":host{width:250px;gap:8px}.pdf-item{display:flex;align-items:flex-start;padding:8px;gap:8px;color:#000;border-bottom:1px solid var(--color-neutral-100)}.header-icons{display:flex;gap:8px}.container{gap:8px;display:flex;flex-direction:column}";
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -9376,7 +9376,7 @@ const Jt = (te, J, X) => {
     }
     return this.ut = de, dt(te, he), R$3;
   }
-}), template$n = (te) => {
+}), template$o = (te) => {
   const J = (X) => ke$1`
     <div class="pdf-item">
       <dss-checkbox @onChange=${() => te.setActivePdf(X.id)}>
@@ -9405,17 +9405,17 @@ const Jt = (te, J, X) => {
     </div> 
   `;
 };
-var __defProp$u = Object.defineProperty, __decorateClass$u = (te, J, X, re) => {
+var __defProp$v = Object.defineProperty, __decorateClass$v = (te, J, X, re) => {
   for (var ne = void 0, oe = te.length - 1, de; oe >= 0; oe--)
     (de = te[oe]) && (ne = de(J, X, ne) || ne);
-  return ne && __defProp$u(J, X, ne), ne;
+  return ne && __defProp$v(J, X, ne), ne;
 };
 const Ki = class Ki extends h$q {
   constructor() {
     super(...arguments), this.activePdfs = [];
   }
   render() {
-    return template$n(this);
+    return template$o(this);
   }
   removePdf(J) {
     this.dispatchEvent(
@@ -9433,13 +9433,13 @@ const Ki = class Ki extends h$q {
   }
 };
 Ki.styles = i$y`
-    ${r$H(styles$l)}
+    ${r$H(styles$m)}
   `;
 let PdfSelector = Ki;
-__decorateClass$u([
+__decorateClass$v([
   n$x({ type: Array })
 ], PdfSelector.prototype, "pdfList");
-__decorateClass$u([
+__decorateClass$v([
   n$x({ type: Array })
 ], PdfSelector.prototype, "activePdfs");
 class PdfViewerManager {
@@ -9469,7 +9469,7 @@ class PdfViewerManager {
     registerPdfViewerNavItem();
   }
 }
-const createPdfViewerManager = (te, J) => new PdfViewerManager(te, J), styles$k = ".container{display:flex;flex-direction:column;gap:4px;align-items:center}.title{font-size:15px;line-height:24px;font-weight:600;color:var(--color-red-600)}.list{display:flex;flex-direction:column;gap:8px}", template$m = (te) => {
+const createPdfViewerManager = (te, J) => new PdfViewerManager(te, J), styles$l = ".container{display:flex;flex-direction:column;gap:4px;align-items:center}.title{font-size:15px;line-height:24px;font-weight:600;color:var(--color-red-600)}.list{display:flex;flex-direction:column;gap:8px}", template$n = (te) => {
   var J, X;
   return ke$1`
     <div class="container">
@@ -9481,11 +9481,11 @@ const createPdfViewerManager = (te, J) => new PdfViewerManager(te, J), styles$k
 `;
 }, Zi = class Zi extends h$q {
   render() {
-    return ke$1`${template$m(this)}`;
+    return ke$1`${template$n(this)}`;
   }
 };
 Zi.styles = i$y`
-    ${r$H(styles$k)}
+    ${r$H(styles$l)}
   `;
 let PluginBusyList = Zi;
 class PluginBusyManagerImpl {
@@ -11115,17 +11115,17 @@ const container = new Container(), { lazyInject } = getDecorators(container), bi
 }, unbindDeps = () => {
   container.unbind(TYPES.primaryApi), container.unbind(TYPES.store);
 }, addAsyncHistoryItemsCommand = "inject_async_history_items_request";
-var __defProp$t = Object.defineProperty, __getOwnPropDesc$i = Object.getOwnPropertyDescriptor, __decorateClass$t = (te, J, X, re) => {
-  for (var ne = re > 1 ? void 0 : re ? __getOwnPropDesc$i(J, X) : J, oe = te.length - 1, de; oe >= 0; oe--)
+var __defProp$u = Object.defineProperty, __getOwnPropDesc$j = Object.getOwnPropertyDescriptor, __decorateClass$u = (te, J, X, re) => {
+  for (var ne = re > 1 ? void 0 : re ? __getOwnPropDesc$j(J, X) : J, oe = te.length - 1, de; oe >= 0; oe--)
     (de = te[oe]) && (ne = (re ? de(J, X, ne) : de(ne)) || ne);
-  return re && ne && __defProp$t(J, X, ne), ne;
+  return re && ne && __defProp$u(J, X, ne), ne;
 }, __decorateParam$5 = (te, J) => (X, re) => J(X, re, te);
 let StoreBaseHandler = class {
   constructor(te) {
     this.store = te;
   }
 };
-StoreBaseHandler = __decorateClass$t([
+StoreBaseHandler = __decorateClass$u([
   injectable(),
   __decorateParam$5(0, inject(TYPES.store))
 ], StoreBaseHandler);
@@ -11134,7 +11134,7 @@ let ApiBaseHandler = class {
     this.api = te;
   }
 };
-ApiBaseHandler = __decorateClass$t([
+ApiBaseHandler = __decorateClass$u([
   injectable(),
   __decorateParam$5(0, inject(TYPES.primaryApi))
 ], ApiBaseHandler);
@@ -11143,7 +11143,7 @@ let BaseHandler = class {
     this.store = te, this.api = J;
   }
 };
-BaseHandler = __decorateClass$t([
+BaseHandler = __decorateClass$u([
   injectable(),
   __decorateParam$5(0, inject(TYPES.store)),
   __decorateParam$5(1, inject(TYPES.primaryApi))
@@ -11233,12 +11233,12 @@ isValidDateString(te.date), ensureAreValidBasicActivityHistoryItems = (te) => {
 class AddHistoryItemHandler extends StoreBaseHandler {
   async handle(J) {
     try {
-      ensureAreValidBasicActivityHistoryItems([J.item]), this.store.dispatch(
+      ensureAreValidBasicActivityHistoryItems([J.item]), handleAddDiagnosticsFilter([J.item], this.store), handleAddUpFilter([J.item], this.store), this.store.dispatch(
         addActivityHistoryItem({
           id: J.entityId,
           item: J.item
         })
-      ), handleAddDiagnosticsFilter([J.item], this.store), handleAddUpFilter([J.item], this.store);
+      );
     } catch (X) {
       console.log(X.message);
     }
@@ -11265,6 +11265,11 @@ const initializeLocalization = async (te) => {
       goToDate: "Anar a data",
       busyEntriesLoading: "Carregant totes les entrades",
       noResults: "Sense resultats. Modifica la cerca",
+      noData: {
+        title: "Sense dades",
+        description: "No existeix informació per a mostrar"
+      },
+      isGrouping: "Creant agrupacions i preparant les dades...",
       searchBarResults: "Resultats per",
       actions: {
         cronogram: "Cronograma",
@@ -11331,7 +11336,7 @@ const initializeLocalization = async (te) => {
       }
     }
   }
-}, styles$j = ".wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;width:484px;height:auto}.wrapper .content-options{display:flex;flex-direction:column;align-items:center;gap:16px}.wrapper .selector-options{display:flex;flex-direction:row;gap:16px}.wrapper .content-date{display:flex;flex-direction:column;align-items:center;gap:16px;height:124px}.wrapper .datepicker-canvas{display:flex;flex-direction:row;justify-content:center;align-content:center;gap:16px}.wrapper .actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}dss-datepicker{width:234px;height:48px;border-radius:var(--dss-radius-sm);border:var(--dss-border-width-sm);padding:var(--dss-spacing-sm);gap:var(--dss-spacing-xs);color:var(--color-neutral-100)}", template$l = (te) => {
+}, styles$k = ".wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;width:484px;height:auto}.wrapper .content-options{display:flex;flex-direction:column;align-items:center;gap:16px}.wrapper .selector-options{display:flex;flex-direction:row;gap:16px}.wrapper .content-date{display:flex;flex-direction:column;align-items:center;gap:16px;height:124px}.wrapper .datepicker-canvas{display:flex;flex-direction:row;justify-content:center;align-content:center;gap:16px}.wrapper .actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}dss-datepicker{width:234px;height:48px;border-radius:var(--dss-radius-sm);border:var(--dss-border-width-sm);padding:var(--dss-spacing-sm);gap:var(--dss-spacing-xs);color:var(--color-neutral-100)}", template$m = (te) => {
   const { arrayElements: J, text: X } = te;
   return ke$1`
         <div class="wrapper">
@@ -11373,10 +11378,10 @@ const initializeLocalization = async (te) => {
               </div>` : D$1}
         </div>`;
 };
-var __defProp$s = Object.defineProperty, __getOwnPropDesc$h = Object.getOwnPropertyDescriptor, __decorateClass$s = (te, J, X, re) => {
-  for (var ne = re > 1 ? void 0 : re ? __getOwnPropDesc$h(J, X) : J, oe = te.length - 1, de; oe >= 0; oe--)
+var __defProp$t = Object.defineProperty, __getOwnPropDesc$i = Object.getOwnPropertyDescriptor, __decorateClass$t = (te, J, X, re) => {
+  for (var ne = re > 1 ? void 0 : re ? __getOwnPropDesc$i(J, X) : J, oe = te.length - 1, de; oe >= 0; oe--)
     (de = te[oe]) && (ne = (re ? de(J, X, ne) : de(ne)) || ne);
-  return re && ne && __defProp$s(J, X, ne), ne;
+  return re && ne && __defProp$t(J, X, ne), ne;
 };
 let ExportPdfModal = class extends h$q {
   constructor() {
@@ -11389,12 +11394,12 @@ let ExportPdfModal = class extends h$q {
   }
   render() {
     return ke$1`
-        ${template$l(this)} 
+        ${template$m(this)} 
     `;
   }
   static get styles() {
     return i$y`
-      ${r$H(styles$j)}
+      ${r$H(styles$k)}
     `;
   }
   handleTest() {
@@ -11404,22 +11409,22 @@ let ExportPdfModal = class extends h$q {
     );
   }
 };
-__decorateClass$s([
+__decorateClass$t([
   n$x()
 ], ExportPdfModal.prototype, "selectedRadioOption", 2);
-__decorateClass$s([
+__decorateClass$t([
   n$x()
 ], ExportPdfModal.prototype, "text", 2);
-__decorateClass$s([
+__decorateClass$t([
   n$x()
 ], ExportPdfModal.prototype, "selectedVisibilityLevelElement", 2);
-__decorateClass$s([
+__decorateClass$t([
   n$x()
 ], ExportPdfModal.prototype, "selectedPeriodDate", 2);
-__decorateClass$s([
+__decorateClass$t([
   n$x({ type: Array })
 ], ExportPdfModal.prototype, "arrayElements", 2);
-ExportPdfModal = __decorateClass$s([
+ExportPdfModal = __decorateClass$t([
   t$k("export-pdf-modal")
 ], ExportPdfModal);
 class ExportToPdfHandler extends ApiBaseHandler {
@@ -11452,14 +11457,14 @@ class AddHistoryItemsHandler extends StoreBaseHandler {
   async handle(J) {
     try {
       const X = validateAndFilterBasicItems(J.items);
-      this.store.dispatch(
+      handleAddDiagnosticsFilter(X, this.store), handleAddUpFilter(X, this.store), this.store.dispatch(
         addActivityHistoryItems({
           id: J.entityId,
           items: X,
           componentFactory: J.componentFactory,
           searchPredicate: J.searchPredicate
         })
-      ), handleAddDiagnosticsFilter(X, this.store), handleAddUpFilter(X, this.store);
+      );
     } catch (X) {
       console.log(X.message);
     }
@@ -11633,11 +11638,14 @@ const areSameDiagnostics = (te, J) => {
     return !1;
   const X = te.map((ne) => ne.codi).sort(), re = J.map((ne) => ne.codi).sort();
   return X.every((ne, oe) => ne === re[oe]);
-}, hasValidDiagnostic = (te) => te != null && typeof te.codi == "string" && typeof te.cataleg == "string" && typeof te.descripcio == "string", hasValidDiagnostics = (te) => te == null ? !0 : Array.isArray(te) && te.every(hasValidDiagnostic), isSameVisit = (te, J) => {
-  var oe, de, ce, he, ue, pe, fe, ge, me, ve, be, ye, we, Se, Ce, _e, Ae, Le;
-  const X = ((oe = te.professional) == null ? void 0 : oe.id) === ((de = J.professional) == null ? void 0 : de.id) && ((he = (ce = te.professional) == null ? void 0 : ce.role) == null ? void 0 : he.id) === ((pe = (ue = J.professional) == null ? void 0 : ue.role) == null ? void 0 : pe.id) && ((ge = (fe = te.professional) == null ? void 0 : fe.speciality) == null ? void 0 : ge.id) === ((ve = (me = J.professional) == null ? void 0 : me.speciality) == null ? void 0 : ve.id), re = ((be = te.ep) == null ? void 0 : be.id) === ((ye = J.ep) == null ? void 0 : ye.id) && ((we = te.up) == null ? void 0 : we.id) === ((Se = J.up) == null ? void 0 : Se.id) && ((Ce = te.center) == null ? void 0 : Ce.id) === ((_e = J.center) == null ? void 0 : _e.id) && ((Ae = te.service) == null ? void 0 : Ae.id) === ((Le = J.service) == null ? void 0 : Le.id), ne = new Date(te.date).toDateString() === new Date(J.date).toDateString();
-  return X && re && ne;
-}, withinEightHours = (te, J) => Math.abs(new Date(te).getTime() - new Date(J).getTime()) <= 8 * 60 * 60 * 1e3;
+}, hasValidDiagnostic = (te) => te != null && typeof te.codi == "string" && typeof te.cataleg == "string" && typeof te.descripcio == "string", hasValidDiagnostics = (te) => te == null ? !0 : Array.isArray(te) && te.every(hasValidDiagnostic), dateStringCache = /* @__PURE__ */ new Map(), dateObjectCache = /* @__PURE__ */ new Map(), getDateString = (te) => (dateStringCache.has(te) || dateStringCache.set(te, new Date(te).toDateString()), dateStringCache.get(te)), getDateObject = (te) => (dateObjectCache.has(te) || dateObjectCache.set(te, new Date(te)), dateObjectCache.get(te)), createVisitKey = (te) => {
+  var ne, oe, de, ce, he, ue, pe, fe, ge;
+  const J = `${((ne = te.professional) == null ? void 0 : ne.id) || "null"}-${((de = (oe = te.professional) == null ? void 0 : oe.role) == null ? void 0 : de.id) || "null"}-${((he = (ce = te.professional) == null ? void 0 : ce.speciality) == null ? void 0 : he.id) || "null"}`, X = `${((ue = te.ep) == null ? void 0 : ue.id) || "null"}-${((pe = te.up) == null ? void 0 : pe.id) || "null"}-${((fe = te.center) == null ? void 0 : fe.id) || "null"}-${((ge = te.service) == null ? void 0 : ge.id) || "null"}`, re = getDateString(te.date);
+  return `${J}|${X}|${re}`;
+}, withinEightHours = (te, J) => {
+  const X = getDateObject(te).getTime(), re = getDateObject(J).getTime();
+  return Math.abs(X - re) <= 8 * 60 * 60 * 1e3;
+};
 function groupByValidDiagnostics(te) {
   te.forEach((J) => {
     const X = [], re = [];
@@ -11662,21 +11670,33 @@ function groupByValidDiagnostics(te) {
   });
 }
 const groupActivityHistoryItems = (te) => {
-  const J = [];
-  return te == null || te.forEach((X) => {
-    let re = !1;
-    for (const ne of J) {
-      const oe = ne.items[0], de = ne.items[ne.items.length - 1];
-      if (isSameVisit(oe, X) && withinEightHours(oe.date, X.date) && withinEightHours(de.date, X.date)) {
-        ne.items.push(X), re = !0;
-        break;
+  if (!(te != null && te.length)) return [];
+  dateStringCache.clear(), dateObjectCache.clear();
+  const J = /* @__PURE__ */ new Map();
+  te.forEach((re) => {
+    const ne = createVisitKey(re);
+    if (!J.has(ne))
+      J.set(ne, {
+        idGroup: Math.random().toString(36).substr(2, 9),
+        items: [re]
+      });
+    else {
+      const oe = J.get(ne), de = oe.items[0], ce = oe.items[oe.items.length - 1];
+      if (withinEightHours(de.date, re.date) && withinEightHours(ce.date, re.date))
+        oe.items.push(re);
+      else {
+        let he = 1, ue = `${ne}_${he}`;
+        for (; J.has(ue); )
+          he++, ue = `${ne}_${he}`;
+        J.set(ue, {
+          idGroup: Math.random().toString(36).substr(2, 9),
+          items: [re]
+        });
       }
     }
-    re || J.push({
-      idGroup: Math.random().toString(36).substr(2, 9),
-      items: [X]
-    });
-  }), groupByValidDiagnostics(J), J;
+  });
+  const X = Array.from(J.values());
+  return groupByValidDiagnostics(X), X;
 }, sortGroupsByMostRecentDate = (te) => {
   const J = (oe) => oe.reduce((de, ce) => {
     const he = new Date(ce.date);
@@ -11768,7 +11788,7 @@ const activityHistoryCollectionsSelector = (te) => te.activityHistoryCollections
     ), ce = groupActivityHistoryItems(de);
     return sortGroupsByMostRecentDate(ce);
   }
-), styles$i = ":host{min-height:1px;height:100%}.virtualizer{height:100%;padding-inline:16px}.container{min-height:1px;height:100%}.visit:first-child{margin-top:var(--dss-spacing-md)}.visit{width:calc(100% - var(--dss-spacing-md) - var(--dss-spacing-md));display:flex;flex-direction:column;gap:var(--dss-spacing-sm);background-color:#fff;border-radius:var(--dss-radius-sm);padding:var(--dss-spacing-sm);margin-bottom:var(--dss-spacing-md)}.visit .visit__header{display:flex;flex-direction:row;align-items:center;gap:16px}.visit .visit__header .title{flex:1;font-size:14px;line-height:24px;display:flex;flex-direction:row;gap:12px;color:var(--color-neutral-800)}.visit .visit__header .title-date{font-weight:700}.visit .visit__header .title-description{font-weight:600;display:flex;flex-direction:row;gap:4px}.visit .visit__header .highlight{background-color:#ff0;font-weight:700}.visit .visit__items{display:flex;flex-direction:column;gap:var(--dss-spacing-sm)}.visit .visit__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .visit__items .item[has-divider]:last-of-type{border:none}.visit .diagnostics{display:flex;flex-direction:column;gap:var(--dss-spacing-sm);border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics:last-of-type{border:none}.visit .diagnostics .diagnostics__header{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.visit .diagnostics .diagnostics__items{display:flex;flex-direction:column}.visit .diagnostics .diagnostics__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics .diagnostics__items .item[has-divider]:last-of-type{border:none}.feedback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}";
+), styles$j = ":host{min-height:1px;height:100%}.virtualizer{height:100%;padding-inline:16px}.container{min-height:1px;height:100%}.visit:first-child{margin-top:var(--dss-spacing-md)}.visit{width:calc(100% - var(--dss-spacing-md) - var(--dss-spacing-md));display:flex;flex-direction:column;gap:var(--dss-spacing-sm);background-color:#fff;border-radius:var(--dss-radius-sm);padding:var(--dss-spacing-sm);margin-bottom:var(--dss-spacing-md)}.visit .visit__header{display:flex;flex-direction:row;align-items:center;gap:16px}.visit .visit__header .title{flex:1;font-size:14px;line-height:24px;display:flex;flex-direction:row;gap:12px;color:var(--color-neutral-800)}.visit .visit__header .title-date{font-weight:700}.visit .visit__header .title-description{font-weight:600;display:flex;flex-direction:row;gap:4px}.visit .visit__header .highlight{background-color:#ff0;font-weight:700}.visit .visit__items{display:flex;flex-direction:column;gap:var(--dss-spacing-sm)}.visit .visit__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .visit__items .item[has-divider]:last-of-type{border:none}.visit .diagnostics{display:flex;flex-direction:column;gap:var(--dss-spacing-sm);border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics:last-of-type{border:none}.visit .diagnostics .diagnostics__header{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.visit .diagnostics .diagnostics__items{display:flex;flex-direction:column}.visit .diagnostics .diagnostics__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics .diagnostics__items .item[has-divider]:last-of-type{border:none}.feedback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}";
 function toDate(te) {
   const J = Object.prototype.toString.call(te);
   return te instanceof Date || typeof te == "object" && J === "[object Date]" ? new te.constructor(+te) : typeof te == "number" || J === "[object Number]" || typeof te == "string" || J === "[object String]" ? new Date(te) : /* @__PURE__ */ new Date(NaN);
@@ -14561,9 +14581,31 @@ const hasItemDivider = (te, J) => {
     subGroup: re
   }));
   return [...J, ...X].sort((re, ne) => ne.date.getTime() - re.date.getTime());
-}, template$k = (te) => {
+}, styles$i = ".grouping-busy-container{display:flex;flex-direction:row;align-items:center;gap:24px;justify-content:center;padding-top:16px}", template$l = (te) => ke$1`
+  <div class="grouping-busy-container">
+    <dss-spinner size="sm"></dss-spinner>
+    <div>${translate("isGrouping")}</div>
+  </div>
+`;
+var __defProp$s = Object.defineProperty, __getOwnPropDesc$h = Object.getOwnPropertyDescriptor, __decorateClass$s = (te, J, X, re) => {
+  for (var ne = re > 1 ? void 0 : re ? __getOwnPropDesc$h(J, X) : J, oe = te.length - 1, de; oe >= 0; oe--)
+    (de = te[oe]) && (ne = (re ? de(J, X, ne) : de(ne)) || ne);
+  return re && ne && __defProp$s(J, X, ne), ne;
+};
+let ActivityHistoryIsGroupingBusy = class extends h$q {
+  render() {
+    return template$l();
+  }
+};
+ActivityHistoryIsGroupingBusy.styles = i$y`
+    ${r$H(styles$i)}
+  `;
+ActivityHistoryIsGroupingBusy = __decorateClass$s([
+  t$k("activity-history-is-grouping-busy")
+], ActivityHistoryIsGroupingBusy);
+const template$k = (te) => {
   var J;
-  return te._hasUpdatedOnce ? ke$1`
+  return ke$1`
     <div class="container">
       <activity-history-full-data-error></activity-history-full-data-error>
       <activity-history-partial-data-error></activity-history-partial-data-error>
@@ -14619,15 +14661,24 @@ const hasItemDivider = (te, J) => {
               `;
   }}
             ></lit-virtualizer>
-          ` : !te.isCollectionInitialState && !te.isSomeCollectionLoadedAndOtherLoading ? ke$1`
-              <dss-user-feedback
-                class="feedback"
-                imagesrc=${notFound}
-                title=${translate("noResults")}>
-              </dss-user-feedback>
-            ` : D$1}
+          ` : noGroupsTemplate(te)}
     </div>
-  ` : ke$1`<div class="container"></div>`;
+  `;
+}, noGroupsTemplate = (te) => {
+  var J;
+  return ke$1`
+${((J = te.searchString) == null ? void 0 : J.length) > 1 ? ke$1`
+          <dss-user-feedback
+            class="feedback"
+            imagesrc=${notFound}
+            title=${translate("noResults")}>
+          </dss-user-feedback>
+        ` : te.renderGroupsControlTimeExpired ? ke$1`<dss-user-feedback
+            class="feedback"
+            imagesrc=${notFound}
+            title=${translate("noData.title")}
+            description=${translate("noData.description")}>
+          </dss-user-feedback>` : ke$1`<activity-history-is-grouping-busy></activity-history-is-grouping-busy>`}`;
 }, visitHeaderTemplate = (te, J) => J ? ke$1`  
   <div class="visit__header">
     <div class="title">
@@ -15332,7 +15383,7 @@ const createZIndexStyles = (te) => {
 };
 let ActivityHistoryTimeline = class extends h$q {
   constructor() {
-    super(...arguments), this._hasUpdatedOnce = !1;
+    super(...arguments), this.renderGroupsControlTimeExpired = !1;
   }
   render() {
     var X;
@@ -15344,8 +15395,13 @@ let ActivityHistoryTimeline = class extends h$q {
     ${template$k(this)}
   `;
   }
-  firstUpdated(te) {
-    super.firstUpdated(te), this._hasUpdatedOnce = !0;
+  connectedCallback() {
+    super.connectedCallback(), setTimeout(() => {
+      this.renderGroupsControlTimeExpired = !0;
+    }, 8e3);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
   }
   async updated(te) {
     var J;
@@ -15389,7 +15445,7 @@ let ActivityHistoryTimeline = class extends h$q {
   }
 };
 ActivityHistoryTimeline.styles = i$y`
-    ${r$H(styles$i)}
+    ${r$H(styles$j)}
   `;
 __decorateClass$r([
   connectedProperty(activityHistoryGroupedItems)
@@ -15406,6 +15462,9 @@ __decorateClass$r([
 __decorateClass$r([
   e$O(".virtualizer")
 ], ActivityHistoryTimeline.prototype, "_virtualizer", 2);
+__decorateClass$r([
+  r$E()
+], ActivityHistoryTimeline.prototype, "renderGroupsControlTimeExpired", 2);
 ActivityHistoryTimeline = __decorateClass$r([
   t$k("activity-history-timeline")
 ], ActivityHistoryTimeline);