spiderly 19.10.0 → 19.11.0

package/lib/components/spiderly-data-table/spiderly-data-table.component.d.ts

@@ -160,8 +160,6 @@ export declare class SpiderlyDataTableComponent implements OnInit, AfterViewInit
     private static isActiveFilterMeta;
     private persistColumnVisibility;
     private restoreColumnVisibility;
-    /** Parses a JSON entry from web storage; missing or corrupted entries read as null. */
-    private static readStoredJson;
     /**
      * PrimeNG's persisted table state (filters/sort/pagination), read directly from storage
      * because we need it before PrimeNG's restoreState() runs on the first [value] change.

package/lib/services/app-layout.service.base.d.ts

@@ -25,6 +25,12 @@ export declare class LayoutServiceBase implements OnDestroy {
     protected apiService: ApiSecurityService;
     protected config: ConfigServiceBase;
     protected authService: AuthServiceBase;
+    /**
+     * Only the desktop collapse persists across reloads (a durable preference,
+     * like the data table's column layout); the rest of LayoutState is
+     * deliberately transient.
+     */
+    private static readonly menuDesktopInactiveKey;
     userSubscription: Subscription;
     layoutConfig: AppConfig;
     state: LayoutState;

package/lib/services/web-storage.d.ts

@@ -0,0 +1,4 @@
+/** Parses a JSON entry from web storage; missing or corrupted entries read as null. */
+export declare function readStoredJson(storage: Storage, key: string): any;
+/** Writes a value to web storage as JSON; the counterpart of readStoredJson. */
+export declare function writeStoredJson(storage: Storage, key: string, value: any): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spiderly",
-  "version": "19.10.0",
+  "version": "19.11.0",
   "author": "Filip Trivan",
   "license": "MIT",
   "description": "Spiderly Angular Library to use in combination with Spiderly.",

package/styles/components/spiderly-data-table/spiderly-data-table.component.scss

@@ -33,11 +33,9 @@
   }
 }
 
-// The chooser lives inside a p-popover that PrimeNG appends to document.body
-// when opened, so these rules must NOT sit under `:host` — the compiled
-// `[_nghost] … [_ngcontent]` descendant selector stops matching once the
-// content leaves the host subtree. Top-level rules keep only the
-// `[_ngcontent]` attribute selector, which travels with the teleported nodes.
+// Chooser content is teleported into document.body with the open p-popover, so
+// its rules must stay top-level — `:host` nesting dies on teleport (see
+// Angular/CLAUDE.md → overlay styling). Each rule is pinned by a spec assert.
 .column-chooser {
   display: flex;
   flex-direction: column;
@@ -65,6 +63,7 @@
 }
 
 :host {
+  // In-template content only — rules for teleported overlay content go at top level (see above).
   // The `.clickable` affordance is shared: clickable rows (navigateOnRowClick) and opt-in cells
   // (Column.onCellClick) both get a pointer cursor; cells additionally underline on hover.
   ::ng-deep .clickable {