@customviews-js/customviews 1.1.10 → 1.1.11

package/dist/types/core/assets-manager.d.ts

@@ -1,4 +1,4 @@
-import type { CustomViewAsset } from "types/types";
+import type { CustomViewAsset } from "../types/types";
 export declare class AssetsManager {
     assets: Record<string, CustomViewAsset>;
     private baseURL;

package/dist/types/core/assets-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets-manager.d.ts","sourceRoot":"","sources":["../../../src/core/assets-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,qBAAa,aAAa;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,OAAO,CAAC,OAAO,CAAS;gBAEZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,GAAE,MAAW;IASzE,QAAQ,IAAI,OAAO;IAInB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAgBjD,OAAO,CAAC,cAAc;IAatB,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;IAIlD,oBAAoB,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;CAIvE"}
+{"version":3,"file":"assets-manager.d.ts","sourceRoot":"","sources":["../../../src/core/assets-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,qBAAa,aAAa;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,OAAO,CAAC,OAAO,CAAS;gBAEZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,GAAE,MAAW;IASzE,QAAQ,IAAI,OAAO;IAInB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAgBjD,OAAO,CAAC,cAAc;IAatB,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;IAIlD,oBAAoB,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;CAIvE"}

package/dist/types/core/core.d.ts

@@ -39,8 +39,17 @@ export declare class CustomViewsCore {
     private loadAndCallApplyState;
     /**
     * Apply a custom state, saves to localStorage and updates the URL
+    * Add 'source' in options to indicate the origin of the state change
+    * (e.g., 'widget' to trigger scroll behavior)
+    * Add scrollAnchor in options to maintain scroll position of a specific element
     */
-    applyState(state: State): void;
+    applyState(state: State, options?: {
+        source?: string;
+        scrollAnchor?: {
+            element: HTMLElement;
+            top: number;
+        };
+    }): void;
     /** Render all toggles for the current state */
     private renderState;
     /**

package/dist/types/core/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/core/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAStD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,iBAAiB,CAAoB;IAE7C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,oBAAoB,CAAyB;IACrD,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,gBAAgB,CAAsB;gBAElC,GAAG,EAAE,kBAAkB;IAU5B,SAAS,IAAI,MAAM;IAI1B;;OAEG;IACI,YAAY,IAAI,cAAc,EAAE,GAAG,SAAS;IAInD;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IA+B/B;;OAEG;IACI,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAarD;;OAEG;IACI,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI;IAmBnE,IAAI;YA0CH,qBAAqB;IAmBnC;;MAEE;IACK,UAAU,CAAC,KAAK,EAAE,KAAK;IAW9B,+CAA+C;IAC/C,OAAO,CAAC,WAAW;IAqBnB;;OAEG;IACI,cAAc;IAiBrB;;OAEG;IACI,uBAAuB,IAAI,MAAM,EAAE;IAY1C;;OAEG;IACI,gBAAgB;IAWhB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAuBpD;;OAEG;IACI,sBAAsB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAIzD;;OAEG;IACI,yBAAyB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAO5D;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAUlC;;OAEG;IACI,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAItD;;OAEG;IACI,4BAA4B,IAAI,OAAO,GAAG,IAAI;IAIrD,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,uBAAuB;CAYhC"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/core/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUtD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,iBAAiB,CAAoB;IAE7C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,oBAAoB,CAAyB;IACrD,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,gBAAgB,CAAsB;gBAElC,GAAG,EAAE,kBAAkB;IAU5B,SAAS,IAAI,MAAM;IAI1B;;OAEG;IACI,YAAY,IAAI,cAAc,EAAE,GAAG,SAAS;IAInD;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IA+B/B;;OAEG;IACI,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAarD;;OAEG;IACI,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI;IAmBnE,IAAI;YAkDH,qBAAqB;IAmBnC;;;;;MAKE;IACK,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE;YAAE,OAAO,EAAE,WAAW,CAAC;YAAC,GAAG,EAAE,MAAM,CAAC;SAAE,CAAC;KAAE;IA+BrH,+CAA+C;IAC/C,OAAO,CAAC,WAAW;IAwBnB;;OAEG;IACI,cAAc;IAiBrB;;OAEG;IACI,uBAAuB,IAAI,MAAM,EAAE;IAY1C;;OAEG;IACI,gBAAgB;IAWhB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAuBpD;;OAEG;IACI,sBAAsB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAIzD;;OAEG;IACI,yBAAyB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAO5D;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAUlC;;OAEG;IACI,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAItD;;OAEG;IACI,4BAA4B,IAAI,OAAO,GAAG,IAAI;IAIrD,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,uBAAuB;CAYhC"}

package/dist/types/core/render.d.ts

@@ -1,3 +1,3 @@
-import type { AssetsManager } from "core/assets-manager";
+import type { AssetsManager } from "./assets-manager";
 export declare function renderAssetInto(el: HTMLElement, assetId: string, assetsManager: AssetsManager): void;
 //# sourceMappingURL=render.d.ts.map

package/dist/types/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAoEzD,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,QAqB7B"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoEtD,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,QAqB7B"}

package/dist/types/core/tab-manager.d.ts

@@ -7,7 +7,7 @@ export declare class TabManager {
     /**
      * Apply tab selections to all tab groups in the DOM
      */
-    static applySelections(rootEl: HTMLElement, tabs: Record<string, string>, cfgGroups?: TabGroupConfig[]): void;
+    static applyTabSelections(rootEl: HTMLElement, tabs: Record<string, string>, cfgGroups?: TabGroupConfig[]): void;
     /**
      * Resolve the active tab for a group based on state, config, and DOM
      *
@@ -27,7 +27,7 @@ export declare class TabManager {
      */
     private static extractTabContent;
     /**
-     * Build navigation for tab groups with nav="auto" (one-time setup)
+     * Build navigation for tab groups (one-time setup)
      */
     static buildNavs(rootEl: HTMLElement, cfgGroups?: TabGroupConfig[], onTabClick?: (groupId: string, tabId: string, groupEl: HTMLElement) => void, onTabDoubleClick?: (groupId: string, tabId: string, groupEl: HTMLElement) => void): void;
     /**
@@ -64,5 +64,10 @@ export declare class TabManager {
      * Returns array of group elements to be synced (excluding source).
      */
     static getTabgroupsWithId(rootEl: HTMLElement, sourceGroupId: string, tabId: string): HTMLElement[];
+    /**
+     * Update pin icon visibility for all tab groups based on current state.
+     * Shows pin icon for tabs that are in the persisted state (i.e., have been double-clicked).
+     */
+    static updatePinIcons(rootEl: HTMLElement, tabs: Record<string, string>): void;
 }
 //# sourceMappingURL=tab-manager.d.ts.map

package/dist/types/core/tab-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-manager.d.ts","sourceRoot":"","sources":["../../../src/core/tab-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,qBAAa,UAAU;IACrB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IAM1B;;OAEG;WACW,eAAe,CAC3B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,SAAS,CAAC,EAAE,cAAc,EAAE,GAC3B,IAAI;IA2BP;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAmCvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAUjC;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAwBhC;;OAEG;WACW,SAAS,CACrB,MAAM,EAAE,WAAW,EACnB,SAAS,CAAC,EAAE,cAAc,EAAE,EAC5B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,EAC3E,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,GAChF,IAAI;IAkHP;;OAEG;WACW,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IA6B5E;;OAEG;WACW,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO;IAI1D;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IAc1B;;OAEG;WACW,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAmBnF;;OAEG;WACW,wBAAwB,CACpC,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,SAAS,CAAC,EAAE,cAAc,EAAE,GAC3B,IAAI;IA+BP;;;OAGG;WACW,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAehF;;;OAGG;WACW,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAYvE;;OAEG;WACW,kBAAkB,CAC9B,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,GACZ,WAAW,EAAE;CAgBjB"}
+{"version":3,"file":"tab-manager.d.ts","sourceRoot":"","sources":["../../../src/core/tab-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYrD,qBAAa,UAAU;IACrB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IAM1B;;OAEG;WACW,kBAAkB,CAC9B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,SAAS,CAAC,EAAE,cAAc,EAAE,GAC3B,IAAI;IA2CP;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAqCvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAUjC;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAwBhC;;OAEG;WACW,SAAS,CACrB,MAAM,EAAE,WAAW,EACnB,SAAS,CAAC,EAAE,cAAc,EAAE,EAC5B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,EAC3E,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,GAChF,IAAI;IAsJP;;OAEG;WACW,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IA6B5E;;OAEG;WACW,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO;IAI1D;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IAc1B;;OAEG;WACW,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAmBnF;;OAEG;WACW,wBAAwB,CACpC,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,SAAS,CAAC,EAAE,cAAc,EAAE,GAC3B,IAAI;IA+BP;;;OAGG;WACW,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAgBhF;;;OAGG;WACW,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAavE;;OAEG;WACW,kBAAkB,CAC9B,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,GACZ,WAAW,EAAE;IAchB;;;OAGG;WACW,cAAc,CAC1B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,IAAI;CA+BR"}

package/dist/types/styles/tab-styles.d.ts

@@ -1,5 +1,5 @@
 /**
  * Styles for tab groups and tab navigation
  */
-export declare const TAB_STYLES = "\n/* Tab navigation styles - Bootstrap-style tabs matching MarkBind */\n.cv-tabs-nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n  list-style: none;\n  border-bottom: 1px solid #dee2e6;\n\n  align-items: stretch;\n}\n\n.cv-tabs-nav .nav-item {\n  margin-bottom: -1px;\n  list-style: none;\n  display: flex;              /* was inline-block \u2192 make flex to stretch height */\n  align-items: stretch;       /* stretch link to full height */\n}\n\n.cv-tabs-nav .nav-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1rem;\n  color: #495057;\n  text-decoration: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n  cursor: pointer;\n  min-height: 2.5rem;\n  box-sizing: border-box;\n}\n\n.cv-tabs-nav .nav-link p {\n  margin: 0; /* remove default margins */\n  display: inline; /* or inline-block */\n}\n\n.cv-tabs-nav .nav-link:hover,\n.cv-tabs-nav .nav-link:focus {\n  border-color: #e9ecef #e9ecef #dee2e6;\n  isolation: isolate;\n}\n\n.cv-tabs-nav .nav-link.active {\n  color: #495057;\n  background-color: #fff;\n  border-color: #dee2e6 #dee2e6 #fff;\n}\n\n.cv-tabs-nav .nav-link:focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n\n/* Legacy button-based nav (deprecated, kept for compatibility) */\n.cv-tabs-nav-item {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n  font-size: 1rem;\n  color: #6c757d;\n  transition: color 150ms ease, border-color 150ms ease;\n}\n\n.cv-tabs-nav-item:hover {\n  color: #495057;\n  border-bottom-color: #dee2e6;\n}\n\n.cv-tabs-nav-item.active {\n  color: #007bff;\n  border-bottom-color: #007bff;\n  font-weight: 500;\n}\n\n.cv-tabs-nav-item:focus {\n  outline: 2px solid #007bff;\n  outline-offset: 2px;\n}\n\n/* Tab panel base styles */\ncv-tab {\n  display: block;\n}\n\n/* Hide cv-tab-header source element; content is extracted to nav link */\ncv-tab-header {\n  display: none !important;\n}\n\n/* Allow cv-tab-body to flow naturally */\ncv-tab-body {\n  display: block;\n}\n\n/* Override visibility for tab panels - use display instead of collapse animation */\ncv-tab.cv-hidden {\n  display: none !important;\n}\n\ncv-tab.cv-visible {\n  display: block !important;\n}\n\ncv-tabgroup {\n  display: block;\n  margin-bottom: 1.5rem;\n}\n\n/* Bottom border line for tab groups */\n.cv-tabgroup-bottom-border {\n  border-bottom: 1px solid #dee2e6;\n  margin-top: 1rem;\n}\n\n/* Tab content wrapper */\n.cv-tab-content {\n  padding: 1rem 0;\n}\n\n/* Viewer-controlled nav visibility: hide nav containers when requested */\n.cv-tabs-nav-hidden {\n  display: none !important;\n}\n\n/* Print-friendly: hide tab navigation when printing to reduce clutter */\n@media print {\n  .cv-tabs-nav {\n    display: none !important;\n  }\n}\n";
+export declare const TAB_STYLES = "\n/* Tab navigation styles - Bootstrap-style tabs matching MarkBind */\n.cv-tabs-nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n  list-style: none;\n  border-bottom: 1px solid #dee2e6;\n\n  align-items: stretch;\n}\n\n.cv-tabs-nav .nav-item {\n  margin-bottom: -1px;\n  list-style: none;\n  display: flex;              /* was inline-block \u2192 make flex to stretch height */\n  align-items: stretch;       /* stretch link to full height */\n}\n\n.cv-tabs-nav .nav-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1rem;\n  color: #495057;\n  text-decoration: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n  cursor: pointer;\n  min-height: 2.5rem;\n  box-sizing: border-box;\n}\n\n.cv-tabs-nav .nav-link p {\n  margin: 0; /* remove default margins */\n  display: inline; /* or inline-block */\n}\n\n/* Tab header container with pin icon */\n.cv-tab-header-container {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.cv-tab-header-text {\n  flex: 1;\n}\n\n.cv-tab-pin-icon {\n  display: inline-block;\n  line-height: 0;\n  flex-shrink: 0;\n}\n\n.cv-tab-pin-icon svg {\n  vertical-align: middle;\n  width: 14px;\n  height: 14px;\n}\n\n.cv-tabs-nav .nav-link:hover,\n.cv-tabs-nav .nav-link:focus {\n  border-color: #e9ecef #e9ecef #dee2e6;\n  isolation: isolate;\n}\n\n.cv-tabs-nav .nav-link.active {\n  color: #495057;\n  background-color: #fff;\n  border-color: #dee2e6 #dee2e6 #fff;\n}\n\n.cv-tabs-nav .nav-link:focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n\n/* Legacy button-based nav (deprecated, kept for compatibility) */\n.cv-tabs-nav-item {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n  font-size: 1rem;\n  color: #6c757d;\n  transition: color 150ms ease, border-color 150ms ease;\n}\n\n.cv-tabs-nav-item:hover {\n  color: #495057;\n  border-bottom-color: #dee2e6;\n}\n\n.cv-tabs-nav-item.active {\n  color: #007bff;\n  border-bottom-color: #007bff;\n  font-weight: 500;\n}\n\n.cv-tabs-nav-item:focus {\n  outline: 2px solid #007bff;\n  outline-offset: 2px;\n}\n\n/* Tab panel base styles */\ncv-tab {\n  display: block;\n}\n\n/* Hide cv-tab-header source element; content is extracted to nav link */\ncv-tab-header {\n  display: none !important;\n}\n\n/* Allow cv-tab-body to flow naturally */\ncv-tab-body {\n  display: block;\n}\n\n/* Override visibility for tab panels - use display instead of collapse animation */\ncv-tab.cv-hidden {\n  display: none !important;\n}\n\ncv-tab.cv-visible {\n  display: block !important;\n}\n\ncv-tabgroup {\n  display: block;\n  margin-bottom: 1.5rem;\n}\n\n/* Bottom border line for tab groups */\n.cv-tabgroup-bottom-border {\n  border-bottom: 1px solid #dee2e6;\n  margin-top: 1rem;\n}\n\n/* Tab content wrapper */\n.cv-tab-content {\n  padding: 1rem 0;\n}\n\n/* Viewer-controlled nav visibility: hide nav containers when requested */\n.cv-tabs-nav-hidden {\n  display: none !important;\n}\n\n/* Print-friendly: hide tab navigation when printing to reduce clutter */\n@media print {\n  .cv-tabs-nav {\n    display: none !important;\n  }\n}\n";
 //# sourceMappingURL=tab-styles.d.ts.map

package/dist/types/styles/tab-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-styles.d.ts","sourceRoot":"","sources":["../../../src/styles/tab-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,UAAU,2hGA2ItB,CAAC"}
+{"version":3,"file":"tab-styles.d.ts","sourceRoot":"","sources":["../../../src/styles/tab-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,UAAU,03GAkKtB,CAAC"}

package/dist/types/utils/icons.d.ts

@@ -25,4 +25,5 @@ export declare function getNavHeadingOffIcon(): string;
  * Transition Icon for Navigation Headings
  */
 export declare function getNavDashed(): string;
+export declare function getPinIcon(isPinned?: boolean): string;
 //# sourceMappingURL=icons.d.ts.map

package/dist/types/utils/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/utils/icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAKpC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAIrC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAIrC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAYpC;AAED,wBAAgB,WAAW,IAAI,MAAM,CAKpC;AAED,wBAAgB,mBAAmB,IAAI,MAAM,CAmB5C;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CAU7C;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAmBrC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/utils/icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAKpC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAIrC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAIrC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAYpC;AAED,wBAAgB,WAAW,IAAI,MAAM,CAKpC;AAED,wBAAgB,mBAAmB,IAAI,MAAM,CAmB5C;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CAU7C;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAmBrC;AAGD,wBAAgB,UAAU,CAAC,QAAQ,GAAE,OAAe,GAAG,MAAM,CAU5D"}

package/dist/types/utils/scroll-manager.d.ts

@@ -0,0 +1,26 @@
+export declare class ScrollManager {
+    /**
+     * Finds the highest tab group currently in the viewport.
+     * This is intended to be called BEFORE the state changes, to identify which element to scroll to.
+     * @returns The HTMLElement of the highest visible tab group, or null if none are found.
+     */
+    static findHighestVisibleTabGroup(): HTMLElement | null;
+    /**
+     * Scrolls the page to align the given tab group's header (or the group itself)
+     * to the top of the viewport, accounting for a fixed/sticky page header.
+     * This should be called AFTER the content has changed.
+     * @param groupEl The tab group element to scroll to.
+     */
+    static scrollToTabGroup(groupEl: HTMLElement): void;
+    /**
+     * Adjusts the scroll position to keep a specific element in the same visual location
+     * after a content change. This is useful for preventing the page from jumping when
+     * content above the element is added or removed.
+     * @param scrollAnchor An object containing the element to anchor and its initial top position.
+     */
+    static handleScrollAnchor(scrollAnchor: {
+        element: HTMLElement;
+        top: number;
+    }): void;
+}
+//# sourceMappingURL=scroll-manager.d.ts.map

package/dist/types/utils/scroll-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-manager.d.ts","sourceRoot":"","sources":["../../../src/utils/scroll-manager.ts"],"names":[],"mappings":"AAEA,qBAAa,aAAa;IACxB;;;;OAIG;WACW,0BAA0B,IAAI,WAAW,GAAG,IAAI;IA8C9D;;;;;OAKG;WACW,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IA8B1D;;;;;OAKG;WACW,kBAAkB,CAAC,YAAY,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CAe5F"}

package/package.json

@@ -1,62 +1,63 @@
-{
-  "name": "@customviews-js/customviews",
-  "version": "1.1.10",
-  "description": "A JavaScript dynamic custom views Library.",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "main": "dist/custom-views.min.js",
-  "module": "dist/custom-views.core.esm.js",
-  "browser": "dist/custom-views.min.js",
-  "unpkg": "dist/custom-views.min.js",
-  "jsdelivr": "dist/custom-views.min.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/customviews-js/customviews.git"
-  },
-  "files": [
-    "dist/"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/custom-views.min.js",
-      "require": "./dist/custom-views.min.js",
-      "browser": "./dist/custom-views.min.js"
-    },
-    "./core": {
-      "import": "./dist/custom-views.core.esm.js",
-      "require": "./dist/custom-views.core.cjs.js"
-    }
-  },
-  "scripts": {
-    "clean": "rimraf dist",
-    "build:types": "tsc --project tsconfig.json",
-    "build:js": "rollup -c",
-    "build": "npm run clean && npm run build:types && npm run build:js",
-    "dev": "rollup -c -w",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
-  "keywords": [
-    "javascript",
-    "library",
-    "custom views"
-  ],
-  "author": "Chan Ger Teck",
-  "license": "MIT",
-  "devDependencies": {
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@types/node": "^24.3.1",
-    "jsdom": "^27.0.0",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.46.2",
-    "tslib": "^2.8.1",
-    "typescript": "^5.9.2",
-    "vitest": "^3.2.4"
-  },
-  "bugs": {
-    "url": "https://github.com/customviews-js/customviews/issues"
-  },
-  "homepage": "https://github.com/customviews-js/customviews#readme"
-}
+{
+  "name": "@customviews-js/customviews",
+  "version": "1.1.11",
+  "description": "A JavaScript dynamic custom views Library.",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "main": "dist/custom-views.min.js",
+  "module": "dist/custom-views.core.esm.js",
+  "browser": "dist/custom-views.min.js",
+  "unpkg": "dist/custom-views.min.js",
+  "jsdelivr": "dist/custom-views.min.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/customviews-js/customviews.git"
+  },
+  "files": [
+    "dist/"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/custom-views.min.js",
+      "require": "./dist/custom-views.min.js",
+      "browser": "./dist/custom-views.min.js"
+    },
+    "./core": {
+      "import": "./dist/custom-views.core.esm.js",
+      "require": "./dist/custom-views.core.cjs.js"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build:types": "tsc --project tsconfig.json",
+    "build:js": "rollup -c",
+    "build": "npm run clean && npm run build:types && npm run build:js",
+    "dev": "rollup -c -w",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "keywords": [
+    "javascript",
+    "library",
+    "custom views"
+  ],
+  "author": "Chan Ger Teck",
+  "license": "MIT",
+  "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "^24.3.1",
+    "jsdom": "^27.0.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.46.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.4"
+  },
+  "bugs": {
+    "url": "https://github.com/customviews-js/customviews/issues"
+  },
+  "homepage": "https://github.com/customviews-js/customviews#readme"
+}