@spw-ds/spw-stencil-library 1.3.0 → 1.3.2

package/dist/types/components/spw-accordion/spw-accordion.d.ts

@@ -1,3 +1,9 @@
 export declare class SpwAccordion {
+    el: HTMLElement;
+    /** Couleur de fond appliquée à tous les accordion-item enfants */
+    background?: string;
+    componentDidLoad(): void;
+    backgroundChanged(): void;
+    private applyBackgroundToChildren;
     render(): any;
 }

package/dist/types/components/spw-hero/spw-hero.d.ts

@@ -7,6 +7,8 @@ export declare class SpwHero {
     surface?: 'dark' | 'light';
     /** Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding */
     hasPictureFull?: boolean;
+    /** Permet d'appliquer un border-radius sur le hero */
+    hasRadius?: boolean;
     /** Permet d'appliquer un box-shadow sur le hero */
     hasShadow?: boolean;
     /** Permet de définir un bouton play sur l'image de hero (sauf variants maxi & photo) */
@@ -14,11 +16,13 @@ export declare class SpwHero {
     /** Permet de définir un id de modal à ouvrir au clic sur le bouton play */
     modalVideoId?: string;
     /** Permet de choisir le variant du hero */
-    variant?: 'grey' | 'white' | 'maxi' | 'photo';
+    variant?: 'grey' | 'white' | 'maxi' | 'photo' | 'mini';
     /** Permet de choisir l'alignement du contenu */
     alignment?: 'left' | 'center' | 'right';
     /** Permet de spécifier l'opacité de l'overlay (0 à 100) */
     overlayOpacity?: number;
+    /** Permet de spécifier la couleur de l'overlay */
+    overlayColor?: string;
     private get elementClass();
     private get overlayStyle();
     private triggerModal;

package/dist/types/components/spw-illustration/spw-illustration.d.ts

@@ -2,6 +2,8 @@
  * Catalogue d'illustrations SVG
  */
 declare const ILLUSTRATIONS: {
+    'phone-character': string;
+    'phone-waves': string;
     '404-illustration1': string;
     '404-illustration2': string;
     '404-illustration3': string;

package/dist/types/components/spw-pagination/spw-pagination.d.ts

@@ -20,6 +20,7 @@ export declare class SpwPagination {
     disconnectedCallback(): void;
     private updateIsMobile;
     calculateTotalPages(): void;
+    onCurrentPageChange(newPage: number): void;
     onItemsPerPageChange(): void;
     onTotalItemsChange(): void;
     /** Méthode publique pour définir la page courante */

package/dist/types/components/spw-slider/spw-slider.d.ts

@@ -12,6 +12,8 @@ export declare class SpwSlider {
     autoplayEnabled: boolean;
     /** Label du toggle de défilement automatique */
     autoplayText: string;
+    /** Position des flèches gauche/droite */
+    arrowsPosition: 'outside' | 'inside';
     /** Index de la slide active */
     activeIndex: number;
     /** Nombre total de slides */
@@ -59,5 +61,6 @@ export declare class SpwSlider {
     handleMouseUp(): void;
     handleMouseLeave(): void;
     private handleDragEnd;
+    private get elementClass();
     render(): any;
 }

package/dist/types/components/spw-table/spw-table-container/spw-table-container.d.ts

@@ -0,0 +1,3 @@
+export declare class SpwTableContainer {
+    render(): any;
+}

package/dist/types/components/spw-table/spw-table-sidebar/spw-table-sidebar.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SpwTableSidebar {
+    el: HTMLSpwTableSidebarElement;
+    /** Si true, la sidebar est dépliée par défaut */
+    defaultExpanded: boolean;
+    /** Permet de définir un titre à la sidebar */
+    sidebarTitle: string;
+    /** Permet de définir une icône à côté du titre de la sidebar (référence font-awesome) */
+    sidebarIcon: string;
+    /** Permet de définir une largeur en px pour la sidebar dépliée */
+    sidebarWidth: number;
+    /** Si true, affiche une icône de reset à côté du titre */
+    hasReset: boolean;
+    /** Icône à utiliser pour le bouton de reset (référence font-awesome) */
+    resetIcon: string;
+    observedHeight?: number;
+    expanded: boolean;
+    /** Événement émis lorsque l'icône de reset est cliquée */
+    sidebarReset: EventEmitter<void>;
+    private resizeObserver?;
+    private mutationObserver?;
+    private debounceTimer?;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private toggleSidebar;
+    private handleReset;
+    private calculateTotalHeight;
+    private observeTableHeight;
+    private findSpwTable;
+    private get hostClass();
+    private get elementClass();
+    render(): any;
+}

package/dist/types/components/spw-table/spw-table.d.ts

@@ -32,6 +32,7 @@ export declare class SpwTable {
     }>;
     currentHeight?: number;
     private mutationObserver?;
+    private headerMutationObserver?;
     private containerElement?;
     private isResizing;
     private startY;
@@ -45,6 +46,7 @@ export declare class SpwTable {
     private handleMouseMove;
     private handleMouseUp;
     private setupTableBodyObserver;
+    private setupHeaderObserver;
     private getMasterCheckboxColumnIndex;
     private isCheckboxDisabled;
     private updateMasterCheckboxState;

package/dist/types/components/spw-toc/spw-toc-container/spw-toc-container.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export interface TocItem {
+    id: string;
+    text: string;
+    level: number;
+}
+export declare class SpwTocContainer {
+    el: HTMLElement;
+    tocItemsChanged: EventEmitter<TocItem[]>;
+    private observer;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    getItems(): Promise<TocItem[]>;
+    private setupMutationObserver;
+    private slugify;
+    private scanHeadings;
+    render(): any;
+}

package/dist/types/components/spw-toc/spw-toc-navigation/spw-toc-navigation.d.ts

@@ -0,0 +1,24 @@
+import type { TocItem } from '../spw-toc-container/spw-toc-container';
+export declare class SpwTocNavigation {
+    el: HTMLElement;
+    items: TocItem[];
+    currentItemIndex: number;
+    currentH2Index: number;
+    h2ProgressPercents: Map<number, number>;
+    clickedH2Index: number;
+    private observer;
+    private scrollHandler;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): void;
+    private loadItems;
+    private setupScrollHandler;
+    private calculateH2Progress;
+    handleTocItemsChanged(event: CustomEvent<TocItem[]>): void;
+    private setupIntersectionObserver;
+    private handleItemClick;
+    private calculateH2ProgressWithTargetScroll;
+    private isItemActive;
+    private getH2Progress;
+    private getH2BarStatus;
+    render(): any;
+}

package/dist/types/components/spw-toc/spw-toc.d.ts

@@ -0,0 +1,3 @@
+export declare class SpwToc {
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -9,12 +9,18 @@ import { IllustrationType } from "./components/spw-illustration/spw-illustration
 import { SelectItem } from "./components/spw-select/spw-select";
 import { SortEvent } from "./components/spw-table/spw-table";
 import { SpwTheme } from "./themes/themes";
+import { TocItem } from "./components/spw-toc/spw-toc-container/spw-toc-container";
 export { IllustrationType } from "./components/spw-illustration/spw-illustration";
 export { SelectItem } from "./components/spw-select/spw-select";
 export { SortEvent } from "./components/spw-table/spw-table";
 export { SpwTheme } from "./themes/themes";
+export { TocItem } from "./components/spw-toc/spw-toc-container/spw-toc-container";
 export namespace Components {
     interface SpwAccordion {
+        /**
+          * Couleur de fond appliquée à tous les accordion-item enfants
+         */
+        "background"?: string;
     }
     interface SpwAccordionContent {
     }
@@ -831,6 +837,10 @@ export namespace Components {
           * Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding
          */
         "hasPictureFull"?: boolean;
+        /**
+          * Permet d'appliquer un border-radius sur le hero
+         */
+        "hasRadius"?: boolean;
         /**
           * Permet d'appliquer un box-shadow sur le hero
          */
@@ -851,6 +861,10 @@ export namespace Components {
           * Permet de définir un id de modal à ouvrir au clic sur le bouton play
          */
         "modalVideoId"?: string;
+        /**
+          * Permet de spécifier la couleur de l'overlay
+         */
+        "overlayColor"?: string;
         /**
           * Permet de spécifier l'opacité de l'overlay (0 à 100)
          */
@@ -862,7 +876,7 @@ export namespace Components {
         /**
           * Permet de choisir le variant du hero
          */
-        "variant"?: 'grey' | 'white' | 'maxi' | 'photo';
+        "variant"?: 'grey' | 'white' | 'maxi' | 'photo' | 'mini';
     }
     interface SpwIcon {
         /**
@@ -1364,6 +1378,10 @@ export namespace Components {
         "variant": 'lines' | 'text' | 'article' | 'layout';
     }
     interface SpwSlider {
+        /**
+          * Position des flèches gauche/droite
+         */
+        "arrowsPosition": 'outside' | 'inside';
         /**
           * Active le défilement automatique par défaut
          */
@@ -1496,6 +1514,8 @@ export namespace Components {
          */
         "width"?: string;
     }
+    interface SpwTableContainer {
+    }
     interface SpwTableFooter {
     }
     interface SpwTableHead {
@@ -1576,6 +1596,32 @@ export namespace Components {
          */
         "state"?: 'default' | 'selected' | 'disabled';
     }
+    interface SpwTableSidebar {
+        /**
+          * Si true, la sidebar est dépliée par défaut
+         */
+        "defaultExpanded": boolean;
+        /**
+          * Si true, affiche une icône de reset à côté du titre
+         */
+        "hasReset": boolean;
+        /**
+          * Icône à utiliser pour le bouton de reset (référence font-awesome)
+         */
+        "resetIcon": string;
+        /**
+          * Permet de définir une icône à côté du titre de la sidebar (référence font-awesome)
+         */
+        "sidebarIcon": string;
+        /**
+          * Permet de définir un titre à la sidebar
+         */
+        "sidebarTitle": string;
+        /**
+          * Permet de définir une largeur en px pour la sidebar dépliée
+         */
+        "sidebarWidth": number;
+    }
     interface SpwTabs {
         /**
           * Onglet actif par défaut
@@ -1900,6 +1946,13 @@ export namespace Components {
     }
     interface SpwTileTitle {
     }
+    interface SpwToc {
+    }
+    interface SpwTocContainer {
+        "getItems": () => Promise<TocItem[]>;
+    }
+    interface SpwTocNavigation {
+    }
     interface SpwTooltip {
         /**
           * Curseur du tooltip
@@ -2054,6 +2107,10 @@ export interface SpwTableHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwTableHeaderElement;
 }
+export interface SpwTableSidebarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSpwTableSidebarElement;
+}
 export interface SpwTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwTabsElement;
@@ -2070,6 +2127,10 @@ export interface SpwTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwTextareaElement;
 }
+export interface SpwTocContainerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSpwTocContainerElement;
+}
 export interface SpwWizardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwWizardElement;
@@ -2659,6 +2720,12 @@ declare global {
         prototype: HTMLSpwTableCellElement;
         new (): HTMLSpwTableCellElement;
     };
+    interface HTMLSpwTableContainerElement extends Components.SpwTableContainer, HTMLStencilElement {
+    }
+    var HTMLSpwTableContainerElement: {
+        prototype: HTMLSpwTableContainerElement;
+        new (): HTMLSpwTableContainerElement;
+    };
     interface HTMLSpwTableFooterElement extends Components.SpwTableFooter, HTMLStencilElement {
     }
     var HTMLSpwTableFooterElement: {
@@ -2694,6 +2761,23 @@ declare global {
         prototype: HTMLSpwTableRowElement;
         new (): HTMLSpwTableRowElement;
     };
+    interface HTMLSpwTableSidebarElementEventMap {
+        "sidebarReset": void;
+    }
+    interface HTMLSpwTableSidebarElement extends Components.SpwTableSidebar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSpwTableSidebarElementEventMap>(type: K, listener: (this: HTMLSpwTableSidebarElement, ev: SpwTableSidebarCustomEvent<HTMLSpwTableSidebarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSpwTableSidebarElementEventMap>(type: K, listener: (this: HTMLSpwTableSidebarElement, ev: SpwTableSidebarCustomEvent<HTMLSpwTableSidebarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSpwTableSidebarElement: {
+        prototype: HTMLSpwTableSidebarElement;
+        new (): HTMLSpwTableSidebarElement;
+    };
     interface HTMLSpwTabsElementEventMap {
         "tabChanged": string;
     }
@@ -2804,6 +2888,35 @@ declare global {
         prototype: HTMLSpwTileTitleElement;
         new (): HTMLSpwTileTitleElement;
     };
+    interface HTMLSpwTocElement extends Components.SpwToc, HTMLStencilElement {
+    }
+    var HTMLSpwTocElement: {
+        prototype: HTMLSpwTocElement;
+        new (): HTMLSpwTocElement;
+    };
+    interface HTMLSpwTocContainerElementEventMap {
+        "tocItemsChanged": TocItem[];
+    }
+    interface HTMLSpwTocContainerElement extends Components.SpwTocContainer, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSpwTocContainerElementEventMap>(type: K, listener: (this: HTMLSpwTocContainerElement, ev: SpwTocContainerCustomEvent<HTMLSpwTocContainerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSpwTocContainerElementEventMap>(type: K, listener: (this: HTMLSpwTocContainerElement, ev: SpwTocContainerCustomEvent<HTMLSpwTocContainerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSpwTocContainerElement: {
+        prototype: HTMLSpwTocContainerElement;
+        new (): HTMLSpwTocContainerElement;
+    };
+    interface HTMLSpwTocNavigationElement extends Components.SpwTocNavigation, HTMLStencilElement {
+    }
+    var HTMLSpwTocNavigationElement: {
+        prototype: HTMLSpwTocNavigationElement;
+        new (): HTMLSpwTocNavigationElement;
+    };
     interface HTMLSpwTooltipElement extends Components.SpwTooltip, HTMLStencilElement {
     }
     var HTMLSpwTooltipElement: {
@@ -2921,10 +3034,12 @@ declare global {
         "spw-table": HTMLSpwTableElement;
         "spw-table-body": HTMLSpwTableBodyElement;
         "spw-table-cell": HTMLSpwTableCellElement;
+        "spw-table-container": HTMLSpwTableContainerElement;
         "spw-table-footer": HTMLSpwTableFooterElement;
         "spw-table-head": HTMLSpwTableHeadElement;
         "spw-table-header": HTMLSpwTableHeaderElement;
         "spw-table-row": HTMLSpwTableRowElement;
+        "spw-table-sidebar": HTMLSpwTableSidebarElement;
         "spw-tabs": HTMLSpwTabsElement;
         "spw-tabs-content": HTMLSpwTabsContentElement;
         "spw-tabs-navigation": HTMLSpwTabsNavigationElement;
@@ -2936,6 +3051,9 @@ declare global {
         "spw-tile": HTMLSpwTileElement;
         "spw-tile-description": HTMLSpwTileDescriptionElement;
         "spw-tile-title": HTMLSpwTileTitleElement;
+        "spw-toc": HTMLSpwTocElement;
+        "spw-toc-container": HTMLSpwTocContainerElement;
+        "spw-toc-navigation": HTMLSpwTocNavigationElement;
         "spw-tooltip": HTMLSpwTooltipElement;
         "spw-topbar": HTMLSpwTopbarElement;
         "spw-wizard": HTMLSpwWizardElement;
@@ -2944,6 +3062,10 @@ declare global {
 }
 declare namespace LocalJSX {
     interface SpwAccordion {
+        /**
+          * Couleur de fond appliquée à tous les accordion-item enfants
+         */
+        "background"?: string;
     }
     interface SpwAccordionContent {
     }
@@ -3759,6 +3881,10 @@ declare namespace LocalJSX {
           * Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding
          */
         "hasPictureFull"?: boolean;
+        /**
+          * Permet d'appliquer un border-radius sur le hero
+         */
+        "hasRadius"?: boolean;
         /**
           * Permet d'appliquer un box-shadow sur le hero
          */
@@ -3779,6 +3905,10 @@ declare namespace LocalJSX {
           * Permet de définir un id de modal à ouvrir au clic sur le bouton play
          */
         "modalVideoId"?: string;
+        /**
+          * Permet de spécifier la couleur de l'overlay
+         */
+        "overlayColor"?: string;
         /**
           * Permet de spécifier l'opacité de l'overlay (0 à 100)
          */
@@ -3790,7 +3920,7 @@ declare namespace LocalJSX {
         /**
           * Permet de choisir le variant du hero
          */
-        "variant"?: 'grey' | 'white' | 'maxi' | 'photo';
+        "variant"?: 'grey' | 'white' | 'maxi' | 'photo' | 'mini';
     }
     interface SpwIcon {
         /**
@@ -4287,6 +4417,10 @@ declare namespace LocalJSX {
         "variant"?: 'lines' | 'text' | 'article' | 'layout';
     }
     interface SpwSlider {
+        /**
+          * Position des flèches gauche/droite
+         */
+        "arrowsPosition"?: 'outside' | 'inside';
         /**
           * Active le défilement automatique par défaut
          */
@@ -4423,6 +4557,8 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface SpwTableContainer {
+    }
     interface SpwTableFooter {
     }
     interface SpwTableHead {
@@ -4504,6 +4640,36 @@ declare namespace LocalJSX {
          */
         "state"?: 'default' | 'selected' | 'disabled';
     }
+    interface SpwTableSidebar {
+        /**
+          * Si true, la sidebar est dépliée par défaut
+         */
+        "defaultExpanded"?: boolean;
+        /**
+          * Si true, affiche une icône de reset à côté du titre
+         */
+        "hasReset"?: boolean;
+        /**
+          * Événement émis lorsque l'icône de reset est cliquée
+         */
+        "onSidebarReset"?: (event: SpwTableSidebarCustomEvent<void>) => void;
+        /**
+          * Icône à utiliser pour le bouton de reset (référence font-awesome)
+         */
+        "resetIcon"?: string;
+        /**
+          * Permet de définir une icône à côté du titre de la sidebar (référence font-awesome)
+         */
+        "sidebarIcon"?: string;
+        /**
+          * Permet de définir un titre à la sidebar
+         */
+        "sidebarTitle"?: string;
+        /**
+          * Permet de définir une largeur en px pour la sidebar dépliée
+         */
+        "sidebarWidth"?: number;
+    }
     interface SpwTabs {
         /**
           * Onglet actif par défaut
@@ -4829,6 +4995,13 @@ declare namespace LocalJSX {
     }
     interface SpwTileTitle {
     }
+    interface SpwToc {
+    }
+    interface SpwTocContainer {
+        "onTocItemsChanged"?: (event: SpwTocContainerCustomEvent<TocItem[]>) => void;
+    }
+    interface SpwTocNavigation {
+    }
     interface SpwTooltip {
         /**
           * Curseur du tooltip
@@ -4997,10 +5170,12 @@ declare namespace LocalJSX {
         "spw-table": SpwTable;
         "spw-table-body": SpwTableBody;
         "spw-table-cell": SpwTableCell;
+        "spw-table-container": SpwTableContainer;
         "spw-table-footer": SpwTableFooter;
         "spw-table-head": SpwTableHead;
         "spw-table-header": SpwTableHeader;
         "spw-table-row": SpwTableRow;
+        "spw-table-sidebar": SpwTableSidebar;
         "spw-tabs": SpwTabs;
         "spw-tabs-content": SpwTabsContent;
         "spw-tabs-navigation": SpwTabsNavigation;
@@ -5012,6 +5187,9 @@ declare namespace LocalJSX {
         "spw-tile": SpwTile;
         "spw-tile-description": SpwTileDescription;
         "spw-tile-title": SpwTileTitle;
+        "spw-toc": SpwToc;
+        "spw-toc-container": SpwTocContainer;
+        "spw-toc-navigation": SpwTocNavigation;
         "spw-tooltip": SpwTooltip;
         "spw-topbar": SpwTopbar;
         "spw-wizard": SpwWizard;
@@ -5092,10 +5270,12 @@ declare module "@stencil/core" {
             "spw-table": LocalJSX.SpwTable & JSXBase.HTMLAttributes<HTMLSpwTableElement>;
             "spw-table-body": LocalJSX.SpwTableBody & JSXBase.HTMLAttributes<HTMLSpwTableBodyElement>;
             "spw-table-cell": LocalJSX.SpwTableCell & JSXBase.HTMLAttributes<HTMLSpwTableCellElement>;
+            "spw-table-container": LocalJSX.SpwTableContainer & JSXBase.HTMLAttributes<HTMLSpwTableContainerElement>;
             "spw-table-footer": LocalJSX.SpwTableFooter & JSXBase.HTMLAttributes<HTMLSpwTableFooterElement>;
             "spw-table-head": LocalJSX.SpwTableHead & JSXBase.HTMLAttributes<HTMLSpwTableHeadElement>;
             "spw-table-header": LocalJSX.SpwTableHeader & JSXBase.HTMLAttributes<HTMLSpwTableHeaderElement>;
             "spw-table-row": LocalJSX.SpwTableRow & JSXBase.HTMLAttributes<HTMLSpwTableRowElement>;
+            "spw-table-sidebar": LocalJSX.SpwTableSidebar & JSXBase.HTMLAttributes<HTMLSpwTableSidebarElement>;
             "spw-tabs": LocalJSX.SpwTabs & JSXBase.HTMLAttributes<HTMLSpwTabsElement>;
             "spw-tabs-content": LocalJSX.SpwTabsContent & JSXBase.HTMLAttributes<HTMLSpwTabsContentElement>;
             "spw-tabs-navigation": LocalJSX.SpwTabsNavigation & JSXBase.HTMLAttributes<HTMLSpwTabsNavigationElement>;
@@ -5107,6 +5287,9 @@ declare module "@stencil/core" {
             "spw-tile": LocalJSX.SpwTile & JSXBase.HTMLAttributes<HTMLSpwTileElement>;
             "spw-tile-description": LocalJSX.SpwTileDescription & JSXBase.HTMLAttributes<HTMLSpwTileDescriptionElement>;
             "spw-tile-title": LocalJSX.SpwTileTitle & JSXBase.HTMLAttributes<HTMLSpwTileTitleElement>;
+            "spw-toc": LocalJSX.SpwToc & JSXBase.HTMLAttributes<HTMLSpwTocElement>;
+            "spw-toc-container": LocalJSX.SpwTocContainer & JSXBase.HTMLAttributes<HTMLSpwTocContainerElement>;
+            "spw-toc-navigation": LocalJSX.SpwTocNavigation & JSXBase.HTMLAttributes<HTMLSpwTocNavigationElement>;
             "spw-tooltip": LocalJSX.SpwTooltip & JSXBase.HTMLAttributes<HTMLSpwTooltipElement>;
             "spw-topbar": LocalJSX.SpwTopbar & JSXBase.HTMLAttributes<HTMLSpwTopbarElement>;
             "spw-wizard": LocalJSX.SpwWizard & JSXBase.HTMLAttributes<HTMLSpwWizardElement>;

package/dist/types/stories/organisms/spw-toc/spw-toc.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const FAQ: any;
+export declare const Simple: any;