structra-ui 0.2.52 → 0.2.53

package/fesm2022/structra-ui.mjs

@@ -1285,8 +1285,62 @@ const SUBMENU_OPEN_MS = 200;
  * não fica no DOM do trigger) sem fechar; emparelha com a sobreposição de posição.
  */
 const SUBMENU_CLOSE_MS = 1200;
-/** Abrir/fechar de grupos na sidebar — sobrevive à navegação SPA até ao refresh. */
+/** Prefixo das chaves em `sessionStorage` (`<prefix>:<menuId>`). */
 const MENU_GROUP_EXPANSION_STORAGE_PREFIX = 'structra.menuGroups';
+/**
+ * `PerformanceNavigationTiming.type` mantém-se `reload` durante **toda** a vida do documento após F5;
+ * por isso só tratamos o reload **uma vez** por carga — senão cada `loadPersistedGroupExpansion` apagaria o estado na SPA.
+ */
+let menuGroupExpansionReloadPurgeChecked = false;
+function isFullPageReloadNavigationType() {
+    try {
+        const entries = performance.getEntriesByType?.('navigation');
+        const nav = entries?.[0];
+        if (nav?.type === 'reload') {
+            return true;
+        }
+    }
+    catch {
+        /* ignore */
+    }
+    try {
+        const legacy = performance.navigation;
+        /** Legacy `PerformanceNavigation.TYPE_RELOAD` === 1 */
+        return legacy?.type === 1;
+    }
+    catch {
+        return false;
+    }
+}
+/** Uma vez por documento: em recarga total (F5), remover todas as chaves `structra.menuGroups:*`. */
+function purgeMenuGroupExpansionStorageAfterReload() {
+    if (menuGroupExpansionReloadPurgeChecked) {
+        return;
+    }
+    menuGroupExpansionReloadPurgeChecked = true;
+    if (typeof sessionStorage === 'undefined') {
+        return;
+    }
+    if (!isFullPageReloadNavigationType()) {
+        return;
+    }
+    try {
+        const prefix = `${MENU_GROUP_EXPANSION_STORAGE_PREFIX}:`;
+        const toRemove = [];
+        for (let i = 0; i < sessionStorage.length; i++) {
+            const k = sessionStorage.key(i);
+            if (k?.startsWith(prefix)) {
+                toRemove.push(k);
+            }
+        }
+        for (const k of toRemove) {
+            sessionStorage.removeItem(k);
+        }
+    }
+    catch {
+        /* quota / modo privado */
+    }
+}
 class MenuListBodyComponent {
     constructor(cdr, hostRef) {
         /** Igual a `[appTheme]` na lib; omitir = tema global (ex.: propagado por `app-sidebar`). */
@@ -1325,7 +1379,8 @@ class MenuListBodyComponent {
         this.groupDefaultExpansion = 'all';
         /**
          * Quando `true`, grava em `sessionStorage` o estado dos grupos colapsáveis (por `menuId`)
-         * para restaurar após troca de rota / remount do componente.
+         * para restaurar após troca de rota / remount na mesma carga da página.
+         * Em **recarga completa** (F5 / refresh), o estado gravado é ignorado e removido — voltam os defaults do modelo.
          */
         this.persistGroupExpansion = true;
         /**
@@ -1528,6 +1583,7 @@ class MenuListBodyComponent {
         if (!this.persistGroupExpansion || typeof sessionStorage === 'undefined') {
             return null;
         }
+        purgeMenuGroupExpansionStorageAfterReload();
         try {
             const raw = sessionStorage.getItem(this.groupExpansionStorageKey());
             if (!raw) {
@@ -10078,8 +10134,8 @@ class MenuListComponent {
         /** Repasse para {@link MenuListBodyComponent.groupDefaultExpansion}. */
         this.groupDefaultExpansion = 'all';
         /**
-         * Quando `true` (omissão), abrir/fechar grupos colapsáveis persiste em `sessionStorage`
-         * até ao refresh da página — útil na navegação SPA da sidebar.
+         * Quando `true` (omissão), o estado aberto/fechado persiste em `sessionStorage` entre rotas
+         * na mesma carga; após **recarga completa** (F5), repõe-se aos defaults do modelo.
          */
         this.persistGroupExpansion = true;
         this.searchable = false;