@uxland/primary-shell 5.6.4 → 5.6.5

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);
     }
@@ -11768,7 +11773,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 +14566,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 +14646,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 +15368,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 +15380,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 +15430,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 +15447,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);