@uxland/primary-shell 5.3.13 → 5.4.1

package/dist/index.js

@@ -1415,9 +1415,9 @@ let c$u = class {
     this.behaviors.some((X) => X === J) || this.registry.push(J);
   }
 };
-const e$V = new s$z();
-e$V.register(c$u);
-const a$s = e$V;
+const e$X = new s$z();
+e$X.register(c$u);
+const a$s = e$X;
 let l$A = class {
   constructor(J) {
     this.host = J;
@@ -1443,13 +1443,13 @@ let l$A = class {
     this.host.removeChild(J), this.host.uxlRegion.viewRemovedFromDom(J.view);
   }
 };
-const e$U = (te, J) => !te.sortHint && !J.sortHint || !J.sortHint ? -1 : te.sortHint ? te.sortHint.localeCompare(J.sortHint) : 1;
+const e$W = (te, J) => !te.sortHint && !J.sortHint || !J.sortHint ? -1 : te.sortHint ? te.sortHint.localeCompare(J.sortHint) : 1;
 let s$y = class extends l$A {
   async viewAdded(J) {
     await this.host.uxlRegion.activate(J);
   }
   addViewToHost(J) {
-    const X = this.host.uxlRegion.currentActiveViews.sort(e$U).indexOf(J.view);
+    const X = this.host.uxlRegion.currentActiveViews.sort(e$W).indexOf(J.view);
     X >= this.host.children.length ? super.addViewToHost(J) : this.host.insertBefore(J, this.host.children[X]);
   }
 };
@@ -1565,7 +1565,7 @@ let y$k = class {
     throw new Error(`region ${this.name} doest not contain this view`);
   }
 };
-const e$T = "default", r$M = "dynamic";
+const e$V = "default", r$M = "dynamic";
 let y$j = class {
   constructor() {
     this.adapterRegistry = /* @__PURE__ */ new Map(), this.adapterRegistry.set(r$M, []);
@@ -1583,10 +1583,10 @@ let y$j = class {
     return this.dynamicFactories.reduce((X, re) => X || re(J), null);
   }
   getAdapterFactory(J) {
-    return this.getDynamicFactory(J) || (this.adapterRegistry.has(J.constructor) ? this.adapterRegistry.get(J.constructor) : this.adapterRegistry.has(J.localName) ? this.adapterRegistry.get(J.localName) : this.adapterRegistry.has(J.tagName) ? this.adapterRegistry.get(J.tagName) : this.adapterRegistry.has(e$T) ? this.adapterRegistry.get(e$T) : null);
+    return this.getDynamicFactory(J) || (this.adapterRegistry.has(J.constructor) ? this.adapterRegistry.get(J.constructor) : this.adapterRegistry.has(J.localName) ? this.adapterRegistry.get(J.localName) : this.adapterRegistry.has(J.tagName) ? this.adapterRegistry.get(J.tagName) : this.adapterRegistry.has(e$V) ? this.adapterRegistry.get(e$V) : null);
   }
   registerDefaultAdapterFactory(J) {
-    this.adapterRegistry.set(e$T, J);
+    this.adapterRegistry.set(e$V, J);
   }
 };
 const p$h = new y$j(), o$U = "__uxl_regions__", s$x = (te) => (J, X) => {
@@ -1657,7 +1657,7 @@ function d$u(te) {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$m = window, e$S = t$m.ShadowRoot && (t$m.ShadyCSS === void 0 || t$m.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$w = Symbol(), n$G = /* @__PURE__ */ new WeakMap();
+const t$m = window, e$U = t$m.ShadowRoot && (t$m.ShadyCSS === void 0 || t$m.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$w = Symbol(), n$G = /* @__PURE__ */ new WeakMap();
 let o$T = class {
   constructor(J, X, re) {
     if (this._$cssResult$ = !0, re !== s$w) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -1666,7 +1666,7 @@ let o$T = class {
   get styleSheet() {
     let J = this.o;
     const X = this.t;
-    if (e$S && J === void 0) {
+    if (e$U && J === void 0) {
       const re = X !== void 0 && X.length === 1;
       re && (J = n$G.get(X)), J === void 0 && ((this.o = J = new CSSStyleSheet()).replaceSync(this.cssText), re && n$G.set(X, J));
     }
@@ -1677,11 +1677,11 @@ let o$T = class {
   }
 };
 const r$K = (te) => new o$T(typeof te == "string" ? te : te + "", void 0, s$w), S$g = (te, J) => {
-  e$S ? te.adoptedStyleSheets = J.map((X) => X instanceof CSSStyleSheet ? X : X.styleSheet) : J.forEach((X) => {
+  e$U ? te.adoptedStyleSheets = J.map((X) => X instanceof CSSStyleSheet ? X : X.styleSheet) : J.forEach((X) => {
     const re = document.createElement("style"), ne = t$m.litNonce;
     ne !== void 0 && re.setAttribute("nonce", ne), re.textContent = X.cssText, te.appendChild(re);
   });
-}, c$t = e$S ? (te) => te : (te) => te instanceof CSSStyleSheet ? ((J) => {
+}, c$t = e$U ? (te) => te : (te) => te instanceof CSSStyleSheet ? ((J) => {
   let X = "";
   for (const re of J.cssRules) X += re.cssText;
   return r$K(X);
@@ -1692,7 +1692,7 @@ const r$K = (te) => new o$T(typeof te == "string" ? te : te + "", void 0, s$w),
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var s$v;
-const e$R = window, r$J = e$R.trustedTypes, h$u = r$J ? r$J.emptyScript : "", o$S = e$R.reactiveElementPolyfillSupport, n$F = { toAttribute(te, J) {
+const e$T = window, r$J = e$T.trustedTypes, h$u = r$J ? r$J.emptyScript : "", o$S = e$T.reactiveElementPolyfillSupport, n$F = { toAttribute(te, J) {
   switch (J) {
     case Boolean:
       te = te ? h$u : null;
@@ -1895,19 +1895,19 @@ let u$v = class extends HTMLElement {
   firstUpdated(J) {
   }
 };
-u$v[d$t] = !0, u$v.elementProperties = /* @__PURE__ */ new Map(), u$v.elementStyles = [], u$v.shadowRootOptions = { mode: "open" }, o$S == null || o$S({ ReactiveElement: u$v }), ((s$v = e$R.reactiveElementVersions) !== null && s$v !== void 0 ? s$v : e$R.reactiveElementVersions = []).push("1.6.3");
+u$v[d$t] = !0, u$v.elementProperties = /* @__PURE__ */ new Map(), u$v.elementStyles = [], u$v.shadowRootOptions = { mode: "open" }, o$S == null || o$S({ ReactiveElement: u$v }), ((s$v = e$T.reactiveElementVersions) !== null && s$v !== void 0 ? s$v : e$T.reactiveElementVersions = []).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var t$l;
-const i$C = window, s$u = i$C.trustedTypes, e$Q = s$u ? s$u.createPolicy("lit-html", { createHTML: (te) => te }) : void 0, o$R = "$lit$", n$E = `lit$${(Math.random() + "").slice(9)}$`, l$y = "?" + n$E, h$t = `<${l$y}>`, r$I = document, u$u = () => r$I.createComment(""), d$s = (te) => te === null || typeof te != "object" && typeof te != "function", c$s = Array.isArray, v$f = (te) => c$s(te) || typeof (te == null ? void 0 : te[Symbol.iterator]) == "function", a$p = `[ 	
+const i$C = window, s$u = i$C.trustedTypes, e$S = s$u ? s$u.createPolicy("lit-html", { createHTML: (te) => te }) : void 0, o$R = "$lit$", n$E = `lit$${(Math.random() + "").slice(9)}$`, l$y = "?" + n$E, h$t = `<${l$y}>`, r$I = document, u$u = () => r$I.createComment(""), d$s = (te) => te === null || typeof te != "object" && typeof te != "function", c$s = Array.isArray, v$f = (te) => c$s(te) || typeof (te == null ? void 0 : te[Symbol.iterator]) == "function", a$p = `[ 	
 \f\r]`, f$p = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _$k = /-->/g, m$f = />/g, p$f = RegExp(`>|${a$p}(?:([^\\s"'>=/]+)(${a$p}*=${a$p}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), g$l = /'/g, $$a = /"/g, y$i = /^(?:script|style|textarea|title)$/i, T$3 = Symbol.for("lit-noChange"), A$1 = Symbol.for("lit-nothing"), E$5 = /* @__PURE__ */ new WeakMap(), C$9 = r$I.createTreeWalker(r$I, 129, null, !1);
 function P$2(te, J) {
   if (!Array.isArray(te) || !te.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return e$Q !== void 0 ? e$Q.createHTML(J) : J;
+  return e$S !== void 0 ? e$S.createHTML(J) : J;
 }
 const V$4 = (te, J) => {
   const X = te.length - 1, re = [];
@@ -2294,11 +2294,11 @@ const i$B = (te, J) => J.kind === "method" && J.descriptor && !("value" in J.des
   typeof J.initializer == "function" && (this[J.key] = J.initializer.call(this));
 }, finisher(X) {
   X.createProperty(J.key, te);
-} }, e$P = (te, J, X) => {
+} }, e$R = (te, J, X) => {
   J.constructor.createProperty(X, te);
 };
 function n$C(te) {
-  return (J, X) => X !== void 0 ? e$P(te, J, X) : i$B(te, J);
+  return (J, X) => X !== void 0 ? e$R(te, J, X) : i$B(te, J);
 }
 /**
  * @license
@@ -2328,7 +2328,7 @@ function k$6(te) {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$k = globalThis, e$O = t$k.ShadowRoot && (t$k.ShadyCSS === void 0 || t$k.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$r = Symbol(), o$P = /* @__PURE__ */ new WeakMap();
+const t$k = globalThis, e$Q = t$k.ShadowRoot && (t$k.ShadyCSS === void 0 || t$k.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$r = Symbol(), o$P = /* @__PURE__ */ new WeakMap();
 let n$A = class {
   constructor(J, X, re) {
     if (this._$cssResult$ = !0, re !== s$r) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -2337,7 +2337,7 @@ let n$A = class {
   get styleSheet() {
     let J = this.o;
     const X = this.t;
-    if (e$O && J === void 0) {
+    if (e$Q && J === void 0) {
       const re = X !== void 0 && X.length === 1;
       re && (J = o$P.get(X)), J === void 0 && ((this.o = J = new CSSStyleSheet()).replaceSync(this.cssText), re && o$P.set(X, J));
     }
@@ -2355,12 +2355,12 @@ const r$H = (te) => new n$A(typeof te == "string" ? te : te + "", void 0, s$r),
   })(ne) + te[oe + 1], te[0]);
   return new n$A(X, te, s$r);
 }, S$e = (te, J) => {
-  if (e$O) te.adoptedStyleSheets = J.map((X) => X instanceof CSSStyleSheet ? X : X.styleSheet);
+  if (e$Q) te.adoptedStyleSheets = J.map((X) => X instanceof CSSStyleSheet ? X : X.styleSheet);
   else for (const X of J) {
     const re = document.createElement("style"), ne = t$k.litNonce;
     ne !== void 0 && re.setAttribute("nonce", ne), re.textContent = X.cssText, te.appendChild(re);
   }
-}, c$r = e$O ? (te) => te : (te) => te instanceof CSSStyleSheet ? ((J) => {
+}, c$r = e$Q ? (te) => te : (te) => te instanceof CSSStyleSheet ? ((J) => {
   let X = "";
   for (const re of J.cssRules) X += re.cssText;
   return r$H(X);
@@ -2370,7 +2370,7 @@ const r$H = (te) => new n$A(typeof te == "string" ? te : te + "", void 0, s$r),
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: i$z, defineProperty: e$N, getOwnPropertyDescriptor: r$G, getOwnPropertyNames: h$s, getOwnPropertySymbols: o$O, getPrototypeOf: n$z } = Object, a$n = globalThis, c$q = a$n.trustedTypes, l$t = c$q ? c$q.emptyScript : "", p$e = a$n.reactiveElementPolyfillSupport, d$q = (te, J) => te, u$r = { toAttribute(te, J) {
+const { is: i$z, defineProperty: e$P, getOwnPropertyDescriptor: r$G, getOwnPropertyNames: h$s, getOwnPropertySymbols: o$O, getPrototypeOf: n$z } = Object, a$n = globalThis, c$q = a$n.trustedTypes, l$t = c$q ? c$q.emptyScript : "", p$e = a$n.reactiveElementPolyfillSupport, d$q = (te, J) => te, u$r = { toAttribute(te, J) {
   switch (J) {
     case Boolean:
       te = te ? l$t : null;
@@ -2410,7 +2410,7 @@ let b$s = class extends HTMLElement {
   static createProperty(J, X = y$h) {
     if (X.state && (X.attribute = !1), this._$Ei(), this.elementProperties.set(J, X), !X.noAccessor) {
       const re = Symbol(), ne = this.getPropertyDescriptor(J, re, X);
-      ne !== void 0 && e$N(this.prototype, J, ne);
+      ne !== void 0 && e$P(this.prototype, J, ne);
     }
   }
   static getPropertyDescriptor(J, X, re) {
@@ -2918,6 +2918,28 @@ function n$x(te) {
 function r$E(te) {
   return n$x({ ...te, state: !0, attribute: !1 });
 }
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e$O = (te, J, X) => (X.configurable = !0, X.enumerable = !0, Reflect.decorate && typeof J != "object" && Object.defineProperty(te, J, X), X);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function e$N(te, J) {
+  return (X, re, ne) => {
+    const oe = (de) => {
+      var ce;
+      return ((ce = de.renderRoot) == null ? void 0 : ce.querySelector(te)) ?? null;
+    };
+    return e$O(X, re, { get() {
+      return oe(this);
+    } });
+  };
+}
 const y$g = (te) => j$2(te, p$h);
 let a$m = class {
   constructor() {
@@ -11483,9 +11505,9 @@ const normalizeStringToNFD = (te) => te == null ? "" : String(te).normalize("NFD
   const X = normalizeStringToNFD(te), re = normalizeStringToNFD(J);
   return X.toString().toLowerCase().indexOf(re) !== -1 || X.toString().indexOf(re) !== -1;
 }, commonFieldsSearchPredicate = (te, J) => {
-  var he, ue, pe, fe, ge, me, ve;
-  const X = ((he = te.professional) == null ? void 0 : he.name) && propContainsString((ue = te.professional) == null ? void 0 : ue.name, J), re = te.center.description && propContainsString(te.center.description, J), ne = ((pe = te.professional) == null ? void 0 : pe.speciality.description) && propContainsString((fe = te.professional) == null ? void 0 : fe.speciality.description, J), oe = ((ge = te.professional) == null ? void 0 : ge.role.description) && propContainsString((me = te.professional) == null ? void 0 : me.role.description, J), de = te.service.description && propContainsString(te.service.description, J), ce = (ve = te.diagnostics) == null ? void 0 : ve.some(
-    (be) => propContainsString(be.id, J) || propContainsString(be.description, J)
+  var he, ue, pe, fe, ge, me, ve, be, _e, we, Se;
+  const X = ((he = te.professional) == null ? void 0 : he.name) && propContainsString((ue = te.professional) == null ? void 0 : ue.name, J), re = ((pe = te.center) == null ? void 0 : pe.description) && propContainsString(te.center.description, J), ne = ((ge = (fe = te.professional) == null ? void 0 : fe.speciality) == null ? void 0 : ge.description) && propContainsString((me = te.professional) == null ? void 0 : me.speciality.description, J), oe = ((be = (ve = te.professional) == null ? void 0 : ve.role) == null ? void 0 : be.description) && propContainsString((_e = te.professional) == null ? void 0 : _e.role.description, J), de = ((we = te.service) == null ? void 0 : we.description) && propContainsString(te.service.description, J), ce = (Se = te.diagnostics) == null ? void 0 : Se.some(
+    (Ce) => propContainsString(Ce.id, J) || propContainsString(Ce.description, J)
   );
   return X || re || ne || oe || de || ce;
 };
@@ -11557,7 +11579,7 @@ const activityHistoryFiltersSelector = (te) => te.activityHistoryFilters.filters
     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) => {
+}, hasValidDiagnostic = (te) => te != null && typeof te.codi == "string" && typeof te.cataleg == "string" && typeof te.description == "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, _e, we, Se, Ce, ye, 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) === ((_e = J.ep) == null ? void 0 : _e.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) === ((ye = J.center) == null ? void 0 : ye.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;
@@ -11692,7 +11714,7 @@ const activityHistoryCollectionsSelector = (te) => te.activityHistoryCollections
     ), de = groupActivityHistoryItems(oe);
     return sortGroupsByMostRecentDate(de);
   }
-), styles$g = ":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-md);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:16px}.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:16px;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}.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$g = ":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:16px}.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}.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);
@@ -14466,6 +14488,146 @@ const notFound = "data:image/svg+xml,%3csvg%20width='215'%20height='150'%20viewB
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const to = (te) => te ?? D$1;
+function shouldShowRole(te) {
+  var J, X;
+  return !((X = (J = te.professional) == null ? void 0 : J.speciality) != null && X.description);
+}
+const hasItemDivider = (te, J) => {
+  var re;
+  const X = J.findIndex((ne) => ne.id === te.id);
+  return X === -1 ? !1 : X === J.length - 1 ? !0 : !((re = te.diagnostics) != null && re.length);
+}, mergeHistoryItemsAndSubgroups = (te) => {
+  const J = te.items.map((re) => ({
+    type: "item",
+    date: new Date(re.date),
+    item: re
+  })), X = te.subGroups.map((re) => ({
+    type: "subGroup",
+    date: re.items.length ? new Date(re.items[0].date) : /* @__PURE__ */ new Date(0),
+    subGroup: re
+  }));
+  return [...J, ...X].sort((re, ne) => ne.date.getTime() - re.date.getTime());
+}, template$h = (te) => {
+  var J;
+  return te._hasUpdatedOnce ? 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>
+
+      ${((J = te.historyGroups) == null ? void 0 : J.length) > 0 ? ke$1`
+            <lit-virtualizer class="virtualizer"
+              ?scroller=${!0}
+              .items=${te.historyGroups}
+              .renderItem=${(X, re) => {
+    var ne, oe, de, ce;
+    return ke$1`
+                <div class="visit zIndex${te.historyGroups.length - re}"
+                     data-date=${to(((ne = X == null ? void 0 : X.items[0]) == null ? void 0 : ne.date) || ((de = (oe = X.subGroups[0]) == null ? void 0 : oe.items[0]) == null ? void 0 : de.date))}>
+                  ${visitHeaderTemplate(te, X.items[0] || ((ce = X.subGroups[0]) == null ? void 0 : ce.items[0]))}
+                  <div class="visit__items">
+                    ${Qt(
+      mergeHistoryItemsAndSubgroups(X),
+      (he) => he.type === "item" ? he.item.id : he.subGroup.id,
+      (he) => {
+        if (he.type === "item") {
+          const pe = he.item;
+          return ke$1`
+                            <div
+                              class="item"
+                              ?has-divider=${hasItemDivider(pe, X.items)}
+                            >
+                              ${pe.component}
+                            </div>
+                          `;
+        }
+        const ue = he.subGroup;
+        return ke$1`
+                          <div class="diagnostics">
+                            ${diagnosticHeaderTemplate(ue.items[0])}
+                            <div class="diagnostics__items">
+                              ${Qt(
+          ue.items,
+          (pe) => pe.id,
+          (pe) => ke$1`
+                                  <div class="item"
+                                       ?has-divider=${hasItemDivider(pe, ue.items)}>
+                                    ${pe.component}
+                                  </div>
+                                `
+        )}
+                            </div>
+                          </div>
+                        `;
+      }
+    )}
+                  </div>
+                </div>
+              `;
+  }}
+            ></lit-virtualizer>
+          ` : !te.isAnyCollectionLoadingWithoutAnyLoaded && !te.isSomeCollectionLoadedAndOtherLoading ? ke$1`
+              <dss-user-feedback
+                class="feedback"
+                imagesrc=${notFound}
+                title=${translate("noResults")}>
+              </dss-user-feedback>
+            ` : D$1}
+    </div>
+  ` : ke$1`<div class="container"></div>`;
+}, visitHeaderTemplate = (te, J) => J ? ke$1`  
+  <div class="visit__header">
+    <div class="title">
+      <div class="title-date">
+        <div>${format(new Date(J.date), "dd/MM/yyyy")}</div>
+      </div>
+      <div class="title-description">
+        <div>
+          ${renderProfessionalValues(te, J)}
+        </div>
+      </div>
+    </div>
+  </div>
+  ` : D$1, renderProfessionalValues = (te, J) => {
+  var ne, oe, de, ce, he, ue;
+  if (!J.professional) return D$1;
+  const X = shouldShowRole(J), re = [];
+  return re.push(te.highlighted(J.professional.name)), X && ((oe = (ne = J.professional) == null ? void 0 : ne.role) != null && oe.description) && re.push(te.highlighted(J.professional.role.description)), (de = J.up) != null && de.description && re.push(te.highlighted(J.up.description)), (he = (ce = J.professional) == null ? void 0 : ce.speciality) != null && he.description && re.push(te.highlighted(J.professional.speciality.description)), (ue = J.service) != null && ue.description && re.push(te.highlighted(J.service.description)), re.map((pe, fe) => ke$1`${pe}${fe < re.length - 1 ? " | " : ""}`);
+}, diagnosticHeaderTemplate = (te) => te && ke$1`
+    <div class="diagnostics__header">
+      ${te.diagnostics.filter(
+  (J) => J.description != null && J.description.trim() !== ""
+).map(
+  (J) => {
+    var X;
+    return ke$1`<dss-badge text=${(X = J.description) == null ? void 0 : X.toUpperCase()} state="info" size="sm" outlined></dss-badge>`;
+  }
+)}
+    </div>
+  `;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class le extends i$x {
+  constructor(J) {
+    if (super(J), this.it = D$1, J.type !== t$g.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(J) {
+    if (J === D$1 || J == null) return this._t = void 0, this.it = J;
+    if (J === R) return J;
+    if (typeof J != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (J === this.it) return this._t;
+    this.it = J;
+    const X = [J];
+    return X.raw = X, this._t = { _$litType$: this.constructor.resultType, strings: X, values: [] };
+  }
+}
+le.directiveName = "unsafeHTML", le.resultType = 1;
+const ae = e$K(le), isAnyCollectionBusySelector = (te) => te.activityHistoryCollections.busy.length > 0, isAnyCollectionLoadingWithoutAnyLoaded = (te) => {
+  const J = Object.values(te.activityHistoryCollections.collections);
+  return !(J != null && J.length) && isAnyCollectionBusySelector(te);
+}, isSomeCollectionLoadedAndOtherLoading = (te) => Object.values(te.activityHistoryCollections.collections) && isAnyCollectionBusySelector(te);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -15037,142 +15199,73 @@ class VirtualizeDirective extends $t {
   }
 }
 const virtualize = e$K(VirtualizeDirective);
-function shouldShowRole(te) {
-  var J, X;
-  return !((X = (J = te.professional) == null ? void 0 : J.speciality) != null && X.description);
+function __decorate(te, J, X, re) {
+  var ne = arguments.length, oe = ne < 3 ? J : re === null ? re = Object.getOwnPropertyDescriptor(J, X) : re, de;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") oe = Reflect.decorate(te, J, X, re);
+  else for (var ce = te.length - 1; ce >= 0; ce--) (de = te[ce]) && (oe = (ne < 3 ? de(oe) : ne > 3 ? de(J, X, oe) : de(J, X)) || oe);
+  return ne > 3 && oe && Object.defineProperty(J, X, oe), oe;
 }
-const hasItemDivider = (te, J) => {
-  var re;
-  const X = J.findIndex((ne) => ne.id === te.id);
-  return X === -1 ? !1 : X === J.length - 1 ? !0 : !((re = te.diagnostics) != null && re.length);
-}, mergeHistoryItemsAndSubgroups = (te) => {
-  const J = te.items.map((re) => ({
-    type: "item",
-    date: new Date(re.date),
-    item: re
-  })), X = te.subGroups.map((re) => ({
-    type: "subGroup",
-    date: re.items.length ? new Date(re.items[0].date) : /* @__PURE__ */ new Date(0),
-    subGroup: re
-  }));
-  return [...J, ...X].sort((re, ne) => ne.date.getTime() - re.date.getTime());
-}, template$h = (te) => {
-  var J;
-  return te._hasUpdatedOnce ? 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>
-    ${((J = te.historyGroups) == null ? void 0 : J.length) > 0 ? ke$1`
-          <div class="virtualizer">
-            ${virtualize({
-    items: te.historyGroups,
-    renderItem: (X, re) => {
-      var ne, oe, de, ce;
-      return ke$1`
-                <div class="visit zIndex${te.historyGroups.length - re}" data-date=${to(((ne = X == null ? void 0 : X.items[0]) == null ? void 0 : ne.date) || ((de = (oe = X.subGroups[0]) == null ? void 0 : oe.items[0]) == null ? void 0 : de.date))}>
-                  ${visitHeaderTemplate(te, X.items[0] || ((ce = X.subGroups[0]) == null ? void 0 : ce.items[0]))}
-                  <div class="visit__items">
-                    ${Qt(
-        mergeHistoryItemsAndSubgroups(X),
-        (he) => he.type === "item" ? he.item.id : he.subGroup.id,
-        (he) => {
-          if (he.type === "item") {
-            const pe = he.item;
-            return ke$1`
-                            <div
-                              class="item"
-                              ?has-divider=${hasItemDivider(pe, X.items)}
-                            >
-                              ${pe.component}
-                            </div>
-                          `;
-          }
-          const ue = he.subGroup;
-          return ke$1`
-                            <div class="diagnostics">
-                              ${diagnosticHeaderTemplate(ue.items[0])}
-                              <div class="diagnostics__items">
-                                ${Qt(
-            ue.items,
-            (pe) => pe.id,
-            (pe) => ke$1`
-                                    <div
-                                      class="item"
-                                      ?has-divider=${hasItemDivider(pe, ue.items)}
-                                    >
-                                      ${pe.component}
-                                    </div>
-                                  `
-          )}
-                              </div>
-                            </div>
-                          `;
-        }
-      )}
-                  </div>
-                </div>
-              `;
-    },
-    scroller: !0
-  })}
-          </div>
-        ` : !te.isAnyCollectionLoadingWithoutAnyLoaded && !te.isSomeCollectionLoadedAndOtherLoading ? ke$1`<dss-user-feedback class="feedback" imagesrc=${notFound} title=${translate("noResults")}></dss-user-feedback>` : D$1}
-  </div>
-` : ke$1`<div class="container"></div>`;
-}, visitHeaderTemplate = (te, J) => J ? ke$1`  
-  <div class="visit__header">
-    <div class="title">
-      <div class="title-date">
-        <div>${format(new Date(J.date), "dd/MM/yyyy")}</div>
-      </div>
-      <div class="title-description">
-        <div>
-          ${renderProfessionalValues(te, J)}
-        </div>
-      </div>
-    </div>
-  </div>
-  ` : D$1, renderProfessionalValues = (te, J) => {
-  if (!J.professional) return D$1;
-  const X = shouldShowRole(J), re = [];
-  return re.push(te.highlighted(J.professional.name)), X && J.professional.role && re.push(te.highlighted(J.professional.role.description)), J.up && re.push(te.highlighted(J.up.description)), J.professional.speciality && re.push(te.highlighted(J.professional.speciality.description)), J.service && re.push(te.highlighted(J.service.description)), re.map((ne, oe) => ke$1`${ne}${oe < re.length - 1 ? " | " : ""}`);
-}, diagnosticHeaderTemplate = (te) => te && ke$1`
-    <div class="diagnostics__header">
-      
-      ${te.diagnostics.filter(
-  (J) => J.descripcio != null && J.descripcio.trim() !== ""
-).map(
-  (J) => {
-    var X;
-    return ke$1`<dss-badge text=${(X = J.descripcio) == null ? void 0 : X.toUpperCase()} state="info" size="sm" outlined></dss-badge>`;
-  }
-)}
-    </div>
-  `;
+typeof SuppressedError == "function" && SuppressedError;
 /**
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class le extends i$x {
-  constructor(J) {
-    if (super(J), this.it = D$1, J.type !== t$g.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+class LitVirtualizer extends h$q {
+  constructor() {
+    super(...arguments), this.items = [], this.renderItem = defaultRenderItem, this.keyFunction = defaultKeyFunction, this.layout = {}, this.scroller = !1;
   }
-  render(J) {
-    if (J === D$1 || J == null) return this._t = void 0, this.it = J;
-    if (J === R) return J;
-    if (typeof J != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (J === this.it) return this._t;
-    this.it = J;
-    const X = [J];
-    return X.raw = X, this._t = { _$litType$: this.constructor.resultType, strings: X, values: [] };
+  createRenderRoot() {
+    return this;
+  }
+  render() {
+    const { items: J, renderItem: X, keyFunction: re, layout: ne, scroller: oe } = this;
+    return ke$1`${virtualize({
+      items: J,
+      renderItem: X,
+      keyFunction: re,
+      layout: ne,
+      scroller: oe
+    })}`;
+  }
+  element(J) {
+    var X;
+    return (X = this[virtualizerRef]) == null ? void 0 : X.element(J);
+  }
+  get layoutComplete() {
+    var J;
+    return (J = this[virtualizerRef]) == null ? void 0 : J.layoutComplete;
+  }
+  /**
+   * This scrollToIndex() shim is here to provide backwards compatibility with other 0.x versions of
+   * lit-virtualizer. It is deprecated and will likely be removed in the 1.0.0 release.
+   */
+  scrollToIndex(J, X = "start") {
+    var re;
+    (re = this.element(J)) == null || re.scrollIntoView({ block: X });
   }
 }
-le.directiveName = "unsafeHTML", le.resultType = 1;
-const ae = e$K(le), isAnyCollectionBusySelector = (te) => te.activityHistoryCollections.busy.length > 0, isAnyCollectionLoadingWithoutAnyLoaded = (te) => {
-  const J = Object.values(te.activityHistoryCollections.collections);
-  return !(J != null && J.length) && isAnyCollectionBusySelector(te);
-}, isSomeCollectionLoadedAndOtherLoading = (te) => Object.values(te.activityHistoryCollections.collections) && isAnyCollectionBusySelector(te);
+__decorate([
+  n$x({ attribute: !1 })
+], LitVirtualizer.prototype, "items", void 0);
+__decorate([
+  n$x()
+], LitVirtualizer.prototype, "renderItem", void 0);
+__decorate([
+  n$x()
+], LitVirtualizer.prototype, "keyFunction", void 0);
+__decorate([
+  n$x({ attribute: !1 })
+], LitVirtualizer.prototype, "layout", void 0);
+__decorate([
+  n$x({ reflect: !0, type: Boolean })
+], LitVirtualizer.prototype, "scroller", void 0);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+customElements.define("lit-virtualizer", LitVirtualizer);
 var __defProp$o = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$o = (te, J, X, re) => {
   for (var ne = re > 1 ? void 0 : re ? __getOwnPropDesc$f(J, X) : J, oe = te.length - 1, de; oe >= 0; oe--)
     (de = te[oe]) && (ne = (re ? de(J, X, ne) : de(ne)) || ne);
@@ -15233,11 +15326,14 @@ let ActivityHistoryTimeline = class extends h$q {
     return te ? ae(this.highlightMatch(te, this.searchString)) : null;
   }
   _scrollIntoDate(te) {
-    let J = null, X = Number.POSITIVE_INFINITY;
-    this.shadowRoot.querySelectorAll(".visit").forEach((re) => {
-      const ne = new Date(re.dataset.date).getTime(), oe = Math.abs(ne - te);
-      oe < X && (X = oe, J = re);
-    }), J && J.scrollIntoView({ behavior: "smooth", block: "start" });
+    let J = -1, X = Number.POSITIVE_INFINITY;
+    (this.historyGroups ?? []).forEach((re, ne) => {
+      var he, ue, pe, fe, ge, me;
+      const oe = ((ue = (he = re.items) == null ? void 0 : he[0]) == null ? void 0 : ue.date) || ((me = (ge = (fe = (pe = re.subGroups) == null ? void 0 : pe[0]) == null ? void 0 : fe.items) == null ? void 0 : ge[0]) == null ? void 0 : me.date);
+      if (!oe) return;
+      const de = new Date(oe).getTime(), ce = Math.abs(de - te);
+      ce < X && (X = ce, J = ne);
+    }), J !== -1 && this._virtualizer && this._virtualizer[virtualizerRef].element(J).scrollIntoView();
   }
 };
 ActivityHistoryTimeline.styles = i$A`
@@ -15255,6 +15351,9 @@ __decorateClass$o([
 __decorateClass$o([
   connectedProperty(activityHistorySearchStringSelector)
 ], ActivityHistoryTimeline.prototype, "searchString", 2);
+__decorateClass$o([
+  e$N(".virtualizer")
+], ActivityHistoryTimeline.prototype, "_virtualizer", 2);
 ActivityHistoryTimeline = __decorateClass$o([
   t$j("activity-history-timeline")
 ], ActivityHistoryTimeline);
@@ -43870,6 +43969,14 @@ const useSharedUI = () => {
     sortHint: "0010",
     callbackFn: () => shellApi.broker.send(new ExitShell("OBRIR_PI"))
   },
+  {
+    id: "dinamic-monitoring",
+    icon: "poll",
+    label: "Monitoratge dinàmic",
+    type: "item",
+    sortHint: "0030",
+    callbackFn: () => navigateToEcapWithoutClosingWithCip("SIA_DEV")
+  },
   {
     id: "processes",
     icon: "account_tree",