@uxland/primary-shell 7.29.7 → 7.29.12

package/dist/{component-DVZj1pQR.js → component-ArjwXoXT.js}

@@ -1,4 +1,4 @@
-import { t as d, k as l, P as p, h as g, r as m, i as v, s as h, a as f, b as u } from "./index-CbiH0JOX.js";
+import { t as d, k as l, P as p, h as g, r as m, i as v, s as h, a as f, b as u } from "./index-CRH7Fdpk.js";
 const x = ".container{background-color:#fff;display:flex;flex-direction:column;min-width:500px;width:90vw;height:90vh;border-radius:var(--dss-radius-sm);overflow:hidden}.content{display:grid;height:100%;min-height:1px;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px;padding:16px;overflow-y:auto;max-height:calc(90vh - 120px)}.content>*{border:1px solid var(--color-neutral-200);border-radius:8px;padding:16px;background-color:var(--color-neutral-50);min-height:200px}.footer{display:flex;flex-direction:row;align-items:center;background:#fff;justify-content:end;gap:12px;height:56px;border-top:1px solid var(--color-neutral-100);padding:var(--dss-spacing-sm)}", b = (r) => l`
     <div class="container">
       <!-- <div class="header">
@@ -44,4 +44,4 @@ i = c([
 export {
   i as ImportDataManagerModal
 };
-//# sourceMappingURL=component-DVZj1pQR.js.map
+//# sourceMappingURL=component-ArjwXoXT.js.map

package/dist/{component-DVZj1pQR.js.map → component-ArjwXoXT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DVZj1pQR.js","sources":["../src/api/import-data-manager/component/template.ts","../src/api/import-data-manager/component/component.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { translate } from \"../../../locales\";\nimport { ImportDataManagerModal } from \"./component\";\n\nexport const template = (props: ImportDataManagerModal) => {\n  return html`\n    <div class=\"container\">\n      <!-- <div class=\"header\">\n        <div class=\"title\">\n          <div>${translate(\"importDataManager.title\")}</div>\n        </div>  \n      </div> -->\n        <div class=\"content\" id=\"import-data-region\"></div>\n        <div class=\"footer\">\n    <dss-button label=\"${translate(\"importDataManager.actions.cancel\")}\" @click=\"${() => {\n        props.cancel();\n      }}\" size=\"md\" variant=\"secondary\"></dss-button>\n      <dss-button label=\"${translate(\"importDataManager.actions.import\")}\" @click=\"${() => {\n        props._accept();\n      }}\" size=\"md\" variant=\"primary\"></dss-button>\n  </div>\n    </div>\n  `;\n};\n","import { IRegion, region } from \"@uxland/regions\";\nimport { LitElement, css, html, unsafeCSS } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport styles from \"./styles.css?inline\";\nimport { template } from \"./template\";\nimport { ConfirmationContentProps } from \"../../interaction-service\";\nimport { PrimariaRegionHost, shellApi } from \"../../api\";\n\n@customElement(\"import-data-manager-modal\")\nexport class ImportDataManagerModal\n  extends PrimariaRegionHost(LitElement)\n  implements ConfirmationContentProps<undefined, undefined>\n{\n  data: undefined;\n  setResult: (result: undefined) => void;\n  setIsValid: (isValid: boolean) => void;\n  confirm: () => void;\n  cancel: () => void;\n\n  @region({ targetId: \"import-data-region\", name: shellApi.regionManager.regions.shell.importData })\n  importDataRegion: IRegion | undefined;\n\n  render() {\n    return html`${template(this)}`;\n  }\n\n  static styles = css`\n    ${unsafeCSS(styles)}\n  `;\n\n  _accept = () => {\n    this.confirm();\n  };\n}\n"],"names":["template","props","html","translate","ImportDataManagerModal","PrimariaRegionHost","LitElement","css","unsafeCSS","styles","__decorateClass","region","shellApi","customElement"],"mappings":";gqBAIaA,IAAW,CAACC,MAChBC;AAAAA;AAAAA;AAAAA;AAAAA,iBAIQC,EAAU,yBAAyB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,yBAK5BA,EAAU,kCAAkC,CAAC,aAAa,MAAM;AACjF,EAAAF,EAAM,OAAA;AACR,CAAC;AAAA,2BACoBE,EAAU,kCAAkC,CAAC,aAAa,MAAM;AACnF,EAAAF,EAAM,QAAA;AACR,CAAC;AAAA;AAAA;AAAA;;;;;;ACVA,IAAMG,IAAN,cACGC,EAAmBC,CAAU,EAEvC;AAAA,EAHO,cAAA;AAAA,UAAA,GAAA,SAAA,GAqBL,KAAA,UAAU,MAAM;AACd,WAAK,QAAA;AAAA,IACP;AAAA,EAAA;AAAA,EAVA,SAAS;AACP,WAAOJ,IAAOF,EAAS,IAAI,CAAC;AAAA,EAC9B;AASF;AAxBaI,EAiBJ,SAASG;AAAAA,MACZC,EAAUC,CAAM,CAAC;AAAA;AAPrBC,EAAA;AAAA,EADCC,EAAO,EAAE,UAAU,sBAAsB,MAAMC,EAAS,cAAc,QAAQ,MAAM,WAAA,CAAY;AAAA,GAVtFR,EAWX,WAAA,oBAAA,CAAA;AAXWA,IAANM,EAAA;AAAA,EADNG,EAAc,2BAA2B;AAAA,GAC7BT,CAAA;"}
+{"version":3,"file":"component-ArjwXoXT.js","sources":["../src/api/import-data-manager/component/template.ts","../src/api/import-data-manager/component/component.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { translate } from \"../../../locales\";\nimport { ImportDataManagerModal } from \"./component\";\n\nexport const template = (props: ImportDataManagerModal) => {\n  return html`\n    <div class=\"container\">\n      <!-- <div class=\"header\">\n        <div class=\"title\">\n          <div>${translate(\"importDataManager.title\")}</div>\n        </div>  \n      </div> -->\n        <div class=\"content\" id=\"import-data-region\"></div>\n        <div class=\"footer\">\n    <dss-button label=\"${translate(\"importDataManager.actions.cancel\")}\" @click=\"${() => {\n        props.cancel();\n      }}\" size=\"md\" variant=\"secondary\"></dss-button>\n      <dss-button label=\"${translate(\"importDataManager.actions.import\")}\" @click=\"${() => {\n        props._accept();\n      }}\" size=\"md\" variant=\"primary\"></dss-button>\n  </div>\n    </div>\n  `;\n};\n","import { IRegion, region } from \"@uxland/regions\";\nimport { LitElement, css, html, unsafeCSS } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport styles from \"./styles.css?inline\";\nimport { template } from \"./template\";\nimport { ConfirmationContentProps } from \"../../interaction-service\";\nimport { PrimariaRegionHost, shellApi } from \"../../api\";\n\n@customElement(\"import-data-manager-modal\")\nexport class ImportDataManagerModal\n  extends PrimariaRegionHost(LitElement)\n  implements ConfirmationContentProps<undefined, undefined>\n{\n  data: undefined;\n  setResult: (result: undefined) => void;\n  setIsValid: (isValid: boolean) => void;\n  confirm: () => void;\n  cancel: () => void;\n\n  @region({ targetId: \"import-data-region\", name: shellApi.regionManager.regions.shell.importData })\n  importDataRegion: IRegion | undefined;\n\n  render() {\n    return html`${template(this)}`;\n  }\n\n  static styles = css`\n    ${unsafeCSS(styles)}\n  `;\n\n  _accept = () => {\n    this.confirm();\n  };\n}\n"],"names":["template","props","html","translate","ImportDataManagerModal","PrimariaRegionHost","LitElement","css","unsafeCSS","styles","__decorateClass","region","shellApi","customElement"],"mappings":";gqBAIaA,IAAW,CAACC,MAChBC;AAAAA;AAAAA;AAAAA;AAAAA,iBAIQC,EAAU,yBAAyB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,yBAK5BA,EAAU,kCAAkC,CAAC,aAAa,MAAM;AACjF,EAAAF,EAAM,OAAA;AACR,CAAC;AAAA,2BACoBE,EAAU,kCAAkC,CAAC,aAAa,MAAM;AACnF,EAAAF,EAAM,QAAA;AACR,CAAC;AAAA;AAAA;AAAA;;;;;;ACVA,IAAMG,IAAN,cACGC,EAAmBC,CAAU,EAEvC;AAAA,EAHO,cAAA;AAAA,UAAA,GAAA,SAAA,GAqBL,KAAA,UAAU,MAAM;AACd,WAAK,QAAA;AAAA,IACP;AAAA,EAAA;AAAA,EAVA,SAAS;AACP,WAAOJ,IAAOF,EAAS,IAAI,CAAC;AAAA,EAC9B;AASF;AAxBaI,EAiBJ,SAASG;AAAAA,MACZC,EAAUC,CAAM,CAAC;AAAA;AAPrBC,EAAA;AAAA,EADCC,EAAO,EAAE,UAAU,sBAAsB,MAAMC,EAAS,cAAc,QAAQ,MAAM,WAAA,CAAY;AAAA,GAVtFR,EAWX,WAAA,oBAAA,CAAA;AAXWA,IAANM,EAAA;AAAA,EADNG,EAAc,2BAA2B;AAAA,GAC7BT,CAAA;"}

package/dist/{index-CbiH0JOX.js → index-CRH7Fdpk.js}

@@ -9723,7 +9723,7 @@ class ImportDataManagerImpl {
   async import(W) {
     this.currentImporterId = W, this.selectedItems = {}, this.pluginTexts = {};
     try {
-      const { ImportDataManagerModal: X } = await import("./component-DVZj1pQR.js"), { confirmed: te } = await this.interactionService.confirm(
+      const { ImportDataManagerModal: X } = await import("./component-ArjwXoXT.js"), { confirmed: te } = await this.interactionService.confirm(
         void 0,
         { component: X },
         {
@@ -11793,6 +11793,26 @@ class CustomFilterSpec extends Spec {
     return W.type === X.id;
   }
 }
+class DiagnosticCodeSpec extends Spec {
+  constructor(W) {
+    super(), this.diagnosticCodes = this.extractAllCodes(W);
+  }
+  extractAllCodes(W) {
+    const X = /* @__PURE__ */ new Set();
+    for (const te of W) {
+      if (te.codi && X.add(te.codi), te.evolucions && Array.isArray(te.evolucions))
+        for (const re of te.evolucions)
+          re.codi && X.add(re.codi);
+      if (te.relacions && Array.isArray(te.relacions))
+        for (const re of te.relacions)
+          re.codi && X.add(re.codi);
+    }
+    return Array.from(X);
+  }
+  isSatisfiedBy(W) {
+    return this.diagnosticCodes?.length ? (W.diagnostics ?? []).some((te) => this.diagnosticCodes.includes(te.codi)) : !0;
+  }
+}
 const normalizeStringToNFD = (J) => J == null ? "" : String(J).normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase(), propContainsString = (J, W) => {
   const X = normalizeStringToNFD(J), te = normalizeStringToNFD(W);
   return X.toString().toLowerCase().indexOf(te) !== -1 || X.toString().indexOf(te) !== -1;
@@ -11830,6 +11850,17 @@ class ComposedTypeSpec extends Spec {
     return X.length === 0 ? !0 : X.reduce((re, oe) => re.or(new TypeSpec(oe)), new FalseSpec()).isSatisfiedBy(W);
   }
 }
+class UpFilterSpec extends Spec {
+  constructor(W) {
+    super(), this.upIds = W;
+  }
+  isSatisfiedBy(W) {
+    if (!this.upIds?.length)
+      return !0;
+    const X = W.up ?? null;
+    return this.upIds.some((te) => X.id === te);
+  }
+}
 const activityHistoryFiltersSelector = (J) => J.activityHistoryFilters.filters, activityHistoryCommonFiltersSelector = createSelector(
   activityHistoryFiltersSelector,
   (J) => J.find(isCommonFilterGroup)?.filters || []
@@ -11858,7 +11889,22 @@ createSelector(
     filters: oe.filter((ne) => ne.enabledValues?.length)
   })).filter((W) => W.filters.length > 0)
 );
-const areSameDiagnostics = (J, W) => {
+const diagnosticFilterSelector = createSelector(
+  activityHistoryFiltersSelector,
+  (J) => J.find(isDiagnosticFilter)
+), diagnosticFilterEnabledValuesSelector = createSelector(
+  diagnosticFilterSelector,
+  (J) => J?.enabledValues || []
+), areDiagnosticFiltersActive = createSelector(
+  diagnosticFilterEnabledValuesSelector,
+  (J) => !!J.length
+), upFilterSelector = createSelector(
+  activityHistoryFiltersSelector,
+  (J) => J.find(isUpFilter)
+), upFilterEnabledValuesSelector = createSelector(
+  upFilterSelector,
+  (J) => J?.enabledValues || []
+), areUpFiltersActive = createSelector(upFilterEnabledValuesSelector, (J) => !!J.length), areSameDiagnostics = (J, W) => {
   if (J.length !== W.length)
     return !1;
   const X = J.map((re) => re.codi).sort(), te = W.map((re) => re.codi).sort();
@@ -11943,55 +11989,7 @@ const groupActivityHistoryItems = (J) => {
   }), J.sort(
     (oe, ne) => re(ne).getTime() - re(oe).getTime()
   );
-}, activityHistorySearchStringSelector = (J) => J.activityHistoryFilters.searchString, diagnosticFilterSelector = createSelector(
-  activityHistoryFiltersSelector,
-  (J) => J.find(isDiagnosticFilter)
-), diagnosticFilterEnabledValuesSelector = createSelector(
-  diagnosticFilterSelector,
-  (J) => J?.enabledValues || []
-), areDiagnosticFiltersActive = createSelector(
-  diagnosticFilterEnabledValuesSelector,
-  (J) => !!J.length
-);
-class DiagnosticCodeSpec extends Spec {
-  constructor(W) {
-    super(), this.diagnosticCodes = this.extractAllCodes(W);
-  }
-  extractAllCodes(W) {
-    const X = /* @__PURE__ */ new Set();
-    for (const te of W) {
-      if (te.codi && X.add(te.codi), te.evolucions && Array.isArray(te.evolucions))
-        for (const re of te.evolucions)
-          re.codi && X.add(re.codi);
-      if (te.relacions && Array.isArray(te.relacions))
-        for (const re of te.relacions)
-          re.codi && X.add(re.codi);
-    }
-    return Array.from(X);
-  }
-  isSatisfiedBy(W) {
-    return this.diagnosticCodes?.length ? (W.diagnostics ?? []).some((te) => this.diagnosticCodes.includes(te.codi)) : !0;
-  }
-}
-const upFilterSelector = createSelector(
-  activityHistoryFiltersSelector,
-  (J) => J.find(isUpFilter)
-), upFilterEnabledValuesSelector = createSelector(
-  upFilterSelector,
-  (J) => J?.enabledValues || []
-), areUpFiltersActive = createSelector(upFilterEnabledValuesSelector, (J) => !!J.length);
-class UpFilterSpec extends Spec {
-  constructor(W) {
-    super(), this.upIds = W;
-  }
-  isSatisfiedBy(W) {
-    if (!this.upIds?.length)
-      return !0;
-    const X = W.up ?? null;
-    return this.upIds.some((te) => X.id === te);
-  }
-}
-const activityHistoryCollectionsSelector = (J) => J.activityHistoryCollections.collections, mapItemsWithMetadata = (J, W, X, te) => J.map(
+}, activityHistorySearchStringSelector = (J) => J.activityHistoryFilters.searchString, activityHistoryCollectionsSelector = (J) => J.activityHistoryCollections.collections, mapItemsWithMetadata = (J, W, X, te) => J.map(
   (re) => ({
     ...re,
     searchPredicate: te,
@@ -12001,19 +11999,25 @@ const activityHistoryCollectionsSelector = (J) => J.activityHistoryCollections.c
 ), activityHistoryMappedItems = createSelector(
   activityHistoryCollectionsSelector,
   (J) => Object.values(J).flatMap((W) => mapItemsWithMetadata(W.items, W.componentFactory, W.id, W.searchPredicate))
-), customFilterGroupsWithOptionsSelector = createSelector(
+);
+createSelector(
+  activityHistoryCustomFilterGroupsSelector,
+  activityHistoryCollectionsSelector,
+  (J, W) => J.filter((X) => {
+    const te = W[X.id];
+    return te?.items && te.items.length > 0;
+  })
+);
+const customFilterGroupsWithOptionsSelector = createSelector(
   activityHistoryCustomFilterGroupsSelector,
   activityHistoryCollectionsSelector,
-  (J, W) => J.filter((re) => {
-    const oe = W[re.id];
-    return oe?.items && oe.items.length > 0;
-  }).map((re) => {
-    const oe = W[re.id];
+  (J, W) => J.map((te) => {
+    const re = W[te.id];
     return {
-      ...re,
-      filters: re.filters.map((ne) => ({
-        ...ne,
-        options: (ne.singleOption ? [] : oe?.items && getUniqueObjects(oe.items, ne.propPathValue, ne.propsPathDescription, ne.title)) || []
+      ...te,
+      filters: te.filters.map((oe) => ({
+        ...oe,
+        options: (oe.singleOption ? [] : re?.items && getUniqueObjects(re.items, oe.propPathValue, oe.propsPathDescription, oe.title)) || []
       }))
     };
   })
@@ -15386,14 +15390,21 @@ class VirtualScroller {
       this._updateVisibleRange(), (Math.abs(oe.start - this._visibleRange.start) > 0 || Math.abs(oe.end - this._visibleRange.end) > 0) && te(this.getState());
     };
     return W.addEventListener("scroll", re), this._resizeObserver = new ResizeObserver(() => {
-      this._viewportHeight = W.clientHeight, this._updateVisibleRange(), te(this.getState());
+      const oe = W.clientHeight;
+      oe > 0 && (this._viewportHeight = oe, this._updateVisibleRange(), te(this.getState()));
     }), this._resizeObserver.observe(W), () => {
       W.removeEventListener("scroll", re), this._resizeObserver?.disconnect(), this._scrollTimeout && clearTimeout(this._scrollTimeout);
     };
   }
   // Update items (when data changes)
-  updateItems(W) {
-    this._options.items = W, this._initializeHeights(), this._content && (this._content.style.height = this._totalHeight + "px"), this._updateVisibleRange();
+  updateItems(W, X) {
+    this._options.items.length;
+    const te = W.length > 0;
+    this._options.items = W, this._initializeHeights(), this._content && (this._content.style.height = this._totalHeight + "px"), this._updateVisibleRange(), te && this._viewport && requestAnimationFrame(() => {
+      if (!this._viewport) return;
+      const re = this._viewport.clientHeight;
+      re > 0 && re !== this._viewportHeight && (this._viewportHeight = re, this._updateVisibleRange(), X && X(this.getState()));
+    });
   }
   // Measure actual heights of rendered items
   _measureActualHeights() {
@@ -15416,7 +15427,8 @@ class VirtualScroller {
   }
   // Calculate visible range based on scroll position
   _updateVisibleRange() {
-    if (!this._options.items.length || this._viewportHeight === 0) return;
+    if (!this._options.items.length || this._viewportHeight === 0)
+      return;
     const W = Math.floor(this._viewportHeight * (this._options.bufferSize / 100)), X = Math.max(0, this._scrollTop - W), te = this._scrollTop + this._viewportHeight + W;
     let re = 0, oe = this._options.items.length - 1;
     for (let ne = 0; ne < this._options.items.length; ne++)
@@ -15491,7 +15503,7 @@ let ActivityHistoryTimeline = class extends h$p {
     super.disconnectedCallback(), this._cleanupVirtualScroller?.(), this._noDataMessageTimer && clearTimeout(this._noDataMessageTimer);
   }
   async updated(J) {
-    J.has("historyGroups") && this.historyGroups?.length && (await this.prepareComponents(this.historyGroups), this._updateVirtualScroller()), this._viewport && this._content && !this._virtualScroller && setTimeout(() => this._setupVirtualScroller(), 0);
+    J.has("historyGroups") && this.historyGroups?.length && (await this.prepareComponents(this.historyGroups), this._updateVirtualScroller()), this._viewport && this._content && !this._virtualScroller && setTimeout(() => this._setupVirtualScroller(), 0), this._viewport && this._virtualScroller && this._viewport !== this._lastViewportElement && (this._cleanupVirtualScroller?.(), this._virtualScroller = void 0, setTimeout(() => this._setupVirtualScroller(), 0)), this._viewport && (this._lastViewportElement = this._viewport);
   }
   async prepareComponents(J) {
     for (const W of J) {
@@ -15543,7 +15555,9 @@ let ActivityHistoryTimeline = class extends h$p {
     }), this._virtualScrollerState = this._virtualScroller.getState());
   }
   _updateVirtualScroller() {
-    !this._virtualScroller || !this.historyGroups?.length || (this._virtualScroller.updateItems(this.historyGroups), this._virtualScrollerState = this._virtualScroller.getState());
+    !this._virtualScroller || !this.historyGroups?.length || (this._virtualScroller.updateItems(this.historyGroups, (J) => {
+      this._virtualScrollerState = J, this.requestUpdate();
+    }), this._virtualScrollerState = this._virtualScroller.getState());
   }
   // Getters for template (maintaining original API)
   get _visibleItems() {
@@ -16373,8 +16387,8 @@ FinalizeVisitHandler = __decorateClass$e([
 class FinalizeVisit {
 }
 const template$b = (J) => ke$1`
-    ${J.visitId ? ke$1`<dss-button @click=${J.finalizeVisitHandler} variant="subtle" size="md" icon="door_front" label=${translate$1("actions.finalizeVisit")}></dss-button>` : D$7}
-`;
+    <dss-button @click=${J.finalizeVisitHandler} variant="subtle" size="md" icon="door_front" label=${translate$1("actions.finalizeVisit")}></dss-button>
+  `;
 class FinalizeVisitButton extends h$p {
   render() {
     return ke$1`${template$b(this)}`;
@@ -40324,7 +40338,7 @@ const template$6 = (J) => ke$1`
       </dss-action-menu>
       ${J.showText ? ke$1`<dss-icon icon="chevron_right" size="md"></dss-icon>` : D$7}
     </div>
-  `, styles$6 = ".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$6 = ".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}dss-tooltip{pointer-events:none}";
 var __defProp$8 = Object.defineProperty, __decorateClass$8 = (J, W, X, te) => {
   for (var re = void 0, oe = J.length - 1, ne; oe >= 0; oe--)
     (ne = J[oe]) && (re = ne(W, X, re) || re);
@@ -40380,7 +40394,7 @@ const template$5 = (J) => ke$1`
       </dss-action-menu>
       ${J.showText ? ke$1`<dss-icon icon="chevron_right" size="md"></dss-icon>` : D$7}
     </div>
-  `, styles$5 = ".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$5 = ".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}dss-tooltip{pointer-events:none}";
 var __defProp$7 = Object.defineProperty, __decorateClass$7 = (J, W, X, te) => {
   for (var re = void 0, oe = J.length - 1, ne; oe >= 0; oe--)
     (ne = J[oe]) && (re = ne(W, X, re) || re);
@@ -40506,13 +40520,12 @@ __decorateClass$6([
 __decorateClass$6([
   n$B()
 ], PrimariaContentSwitcher.prototype, "animation");
-const styles$3 = ".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}", template$3 = (J) => ke$1`
-  <div 
-    class=${Rt({ item: !0, active: J.isActive })} 
-    @click=${J.config.callbackFn} 
+const styles$3 = ".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}dss-tooltip{pointer-events:none}", template$3 = (J) => ke$1`
+  <div
+    class=${Rt({ item: !0, active: J.isActive })}
     ?expanded=${J.showText}
   >
-    <div class="icon-label">
+    <div class="icon-label" @click=${J.config.callbackFn}>
       <dss-icon icon=${J.config.icon} size="md" ?fill=${J.config.fill} style=${J.config.rotateIcon ? "transform: rotate(180deg);" : ""}></dss-icon>
       ${J.showText ? ke$1`<span>${J.config.label}</span>` : ""}
     </div>
@@ -40583,40 +40596,40 @@ const styles$2 = ".wrapper{display:flex;flex-direction:column;gap:8px}.menu-acti
   <div class="wrapper">
     <primaria-nav-item
       .config=${J.primariaNavItemConfig}
-      @click=${J.handleItemClick}
       class="${Rt({ "menu-active": J.showActionMenu })}"
     ></primaria-nav-item>
-    ${J.showActionMenu ? ke$1`
-          <dss-action-menu @onCloseActionMenu=${J.handleCloseMenu}>
-            ${J.config.actionMenuItems?.map(
+    <dss-action-menu
+      @onCloseActionMenu=${J.handleCloseMenu}
+      ?hidden=${!J.showActionMenu}
+    >
+      ${J.config.actionMenuItems?.map(
   (W) => W.hasNestedMenu ? ke$1`
-                  <dss-action-menu-item
-                    righticon=${W.icon}
-                    .label=${W.label}
-                    hasnestedmenu
-                  >
-                    <dss-action-menu>
-                      ${W.nestedMenuItems?.map(
+            <dss-action-menu-item
+              righticon=${W.icon}
+              .label=${W.label}
+              hasnestedmenu
+            >
+              <dss-action-menu>
+                ${W.nestedMenuItems?.map(
     (X) => ke$1`
-                          <dss-action-menu-item
-                            righticon=${X.icon}
-                            .label=${X.label}
-                            @click=${X.callbackFn}
-                          ></dss-action-menu-item>
-                        `
+                    <dss-action-menu-item
+                      righticon=${X.icon}
+                      .label=${X.label}
+                      @click=${X.callbackFn}
+                    ></dss-action-menu-item>
+                  `
   )}
-                    </dss-action-menu>
-                  </dss-action-menu-item>
-                ` : ke$1`
-                  <dss-action-menu-item
-                    righticon=${W.icon}
-                    .label=${W.label}
-                    @click=${W.callbackFn}
-                  ></dss-action-menu-item>
-                `
+              </dss-action-menu>
+            </dss-action-menu-item>
+          ` : ke$1`
+            <dss-action-menu-item
+              righticon=${W.icon}
+              .label=${W.label}
+              @click=${W.callbackFn}
+            ></dss-action-menu-item>
+          `
 )}
-          </dss-action-menu>
-        ` : D$7}
+    </dss-action-menu>
   </div>
 `;
 var __defProp$4 = Object.defineProperty, __decorateClass$4 = (J, W, X, te) => {
@@ -40627,12 +40640,15 @@ var __defProp$4 = Object.defineProperty, __decorateClass$4 = (J, W, X, te) => {
 const Xs = class Xs extends h$p {
   constructor(W) {
     super(), this.showActionMenu = !1, this.handleItemClick = () => {
-      this.showActionMenu = !0, this.requestUpdate();
+      this.showActionMenu = !0;
     }, this.handleCloseMenu = () => {
       this.showActionMenu = !1;
-    }, this.config = W, this.primariaNavItemConfig = {
-      icon: W.icon,
-      label: W.label,
+    }, this.config = W;
+  }
+  get primariaNavItemConfig() {
+    return {
+      icon: this.config.icon,
+      label: this.config.label,
       showArrow: !0,
       callbackFn: this.handleItemClick
     };
@@ -40648,9 +40664,6 @@ let PrimariaNavTreeMenu = Xs;
 __decorateClass$4([
   n$B({ type: Object })
 ], PrimariaNavTreeMenu.prototype, "config");
-__decorateClass$4([
-  r$I()
-], PrimariaNavTreeMenu.prototype, "primariaNavItemConfig");
 __decorateClass$4([
   r$I()
 ], PrimariaNavTreeMenu.prototype, "showActionMenu");
@@ -49146,4 +49159,4 @@ export {
   l as x,
   PrimariaInteractionService as y
 };
-//# sourceMappingURL=index-CbiH0JOX.js.map
+//# sourceMappingURL=index-CRH7Fdpk.js.map