@spw-ds/spw-stencil-library 1.15.0 → 1.16.0

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

@@ -14,13 +14,18 @@ export declare class SpwBox {
     padding?: 'none' | 'small' | 'medium' | 'large';
     /** Permet de rendre le contenu de la box collapsible sur un breakpoint donné */
     isCollapsible?: boolean;
-    /** Définit le breakpoint en dessous duquel la box est collapsible (sm: 460px, md: 768px, lg: 1024px, xl: 1350px,
-    xxl: 1770px, always: toujours collapsible) */
+    /** Définit le breakpoint en dessous duquel la box est collapsible (sm: 360px, md: 768px, lg: 1024px, xl: 1200px,
+    xxl: 1700px, always: toujours collapsible) */
     collapsibleBreakpoint?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'always';
     private isOpen;
+    private windowWidth;
+    private contentScrollHeight;
     private contentRef?;
+    private resizeObserver?;
+    onResize(): void;
     private get isCollapsibleActive();
     private toggle;
+    private setContentRef;
     private get hostClass();
     private get elementClass();
     render(): any;

package/dist/types/components/spw-card/spw-card-title/spw-card-title.d.ts

@@ -1,5 +1,8 @@
 export declare class SpwCardTitle {
     /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people") */
     borderColor?: string;
+    /** Permet de limiter ou pas le nombre de lignes affichées */
+    lineClamp: number | 'none';
+    private get elementClass();
     render(): any;
 }

package/dist/types/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.d.ts

@@ -0,0 +1,5 @@
+export declare class SpwSidenavGroup {
+    /** Si true, le groupe est ouvert */
+    open: boolean;
+    render(): any;
+}

package/dist/types/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.d.ts

@@ -0,0 +1,37 @@
+export declare class SpwSidenavItem {
+    el: HTMLElement;
+    /** URL de destination */
+    href?: string;
+    /** Icône Font Awesome (ex: fa-home) */
+    icon?: string;
+    /** Variante d'icône Font Awesome */
+    iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular';
+    /** Marque l'item comme actif */
+    active: boolean;
+    /** Désactive l'item */
+    disabled: boolean;
+    /** Si true, cliquer sur le label toggle les enfants au lieu de naviguer */
+    openOnClick: boolean;
+    hasChildren: boolean;
+    childrenOpen: boolean;
+    hasActiveChild: boolean;
+    private mutationObserver?;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private setupMutationObserver;
+    private checkForChildren;
+    private isActiveItem;
+    private checkForActiveDescendants;
+    private notifyParents;
+    private openGroup;
+    private toggleGroup;
+    /** Ouvre les enfants */
+    open(): Promise<void>;
+    /** Ferme les enfants */
+    close(): Promise<void>;
+    private handleChevronClick;
+    private handleLabelClick;
+    private get isLink();
+    render(): any;
+}

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

@@ -0,0 +1,6 @@
+export declare class SpwSidenav {
+    el: HTMLElement;
+    /** Ferme tous les items ouverts */
+    closeAll(): Promise<void>;
+    render(): any;
+}

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

@@ -12,9 +12,9 @@ export declare class SpwTile {
     imageSrc?: string;
     /** Texte alternatif de l'image de fond */
     imageAlt?: string;
-    /** Opacité de l'overlay (valeur entre 0 et 100) */
-    overlayOpacity?: number;
-    componentWillLoad(): void;
+    /** Masque la spw-tile-description et la révèle au hover (uniquement pour la variante light et big - masquée en mobile) */
+    revealDescription?: boolean;
+    componentDidLoad(): void;
     slotChanged(): void;
     private applyVariantToChildren;
     private get elementClass();

package/dist/types/components.d.ts

@@ -136,7 +136,7 @@ export namespace Components {
     }
     interface SpwBox {
         /**
-          * Définit le breakpoint en dessous duquel la box est collapsible (sm: 460px, md: 768px, lg: 1024px, xl: 1350px, xxl: 1770px, always: toujours collapsible)
+          * Définit le breakpoint en dessous duquel la box est collapsible (sm: 360px, md: 768px, lg: 1024px, xl: 1200px, xxl: 1700px, always: toujours collapsible)
           * @default 'md'
          */
         "collapsibleBreakpoint"?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'always';
@@ -440,6 +440,11 @@ export namespace Components {
           * @default ''
          */
         "borderColor"?: string;
+        /**
+          * Permet de limiter ou pas le nombre de lignes affichées
+          * @default 'none'
+         */
+        "lineClamp": number | 'none';
     }
     interface SpwCheckbox {
         /**
@@ -2777,6 +2782,57 @@ export namespace Components {
     }
     interface SpwSidebarNavigationSeparator {
     }
+    interface SpwSidenav {
+        /**
+          * Ferme tous les items ouverts
+         */
+        "closeAll": () => Promise<void>;
+    }
+    interface SpwSidenavGroup {
+        /**
+          * Si true, le groupe est ouvert
+          * @default false
+         */
+        "open": boolean;
+    }
+    interface SpwSidenavItem {
+        /**
+          * Marque l'item comme actif
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Ferme les enfants
+         */
+        "close": () => Promise<void>;
+        /**
+          * Désactive l'item
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * URL de destination
+         */
+        "href"?: string;
+        /**
+          * Icône Font Awesome (ex: fa-home)
+         */
+        "icon"?: string;
+        /**
+          * Variante d'icône Font Awesome
+          * @default 'fa-regular'
+         */
+        "iconVariant": 'fa-solid' | 'fa-brands' | 'fa-regular';
+        /**
+          * Ouvre les enfants
+         */
+        "open": () => Promise<void>;
+        /**
+          * Si true, cliquer sur le label toggle les enfants au lieu de naviguer
+          * @default false
+         */
+        "openOnClick": boolean;
+    }
     interface SpwSkeleton {
         /**
           * Nombre de répétitions du skeleton (uniquement valable pour la variante lines)
@@ -3609,10 +3665,10 @@ export namespace Components {
          */
         "imageSrc"?: string;
         /**
-          * Opacité de l'overlay (valeur entre 0 et 100)
-          * @default 100
+          * Masque la spw-tile-description et la révèle au hover (uniquement pour la variante light et big - masquée en mobile)
+          * @default true
          */
-        "overlayOpacity"?: number;
+        "revealDescription"?: boolean;
         /**
           * Attribut target, s'applique uniquement si href est rempli
           * @default '_self'
@@ -4699,6 +4755,24 @@ declare global {
         prototype: HTMLSpwSidebarNavigationSeparatorElement;
         new (): HTMLSpwSidebarNavigationSeparatorElement;
     };
+    interface HTMLSpwSidenavElement extends Components.SpwSidenav, HTMLStencilElement {
+    }
+    var HTMLSpwSidenavElement: {
+        prototype: HTMLSpwSidenavElement;
+        new (): HTMLSpwSidenavElement;
+    };
+    interface HTMLSpwSidenavGroupElement extends Components.SpwSidenavGroup, HTMLStencilElement {
+    }
+    var HTMLSpwSidenavGroupElement: {
+        prototype: HTMLSpwSidenavGroupElement;
+        new (): HTMLSpwSidenavGroupElement;
+    };
+    interface HTMLSpwSidenavItemElement extends Components.SpwSidenavItem, HTMLStencilElement {
+    }
+    var HTMLSpwSidenavItemElement: {
+        prototype: HTMLSpwSidenavItemElement;
+        new (): HTMLSpwSidenavItemElement;
+    };
     interface HTMLSpwSkeletonElement extends Components.SpwSkeleton, HTMLStencilElement {
     }
     var HTMLSpwSkeletonElement: {
@@ -5126,6 +5200,9 @@ declare global {
         "spw-sidebar-navigation-dropdown": HTMLSpwSidebarNavigationDropdownElement;
         "spw-sidebar-navigation-item": HTMLSpwSidebarNavigationItemElement;
         "spw-sidebar-navigation-separator": HTMLSpwSidebarNavigationSeparatorElement;
+        "spw-sidenav": HTMLSpwSidenavElement;
+        "spw-sidenav-group": HTMLSpwSidenavGroupElement;
+        "spw-sidenav-item": HTMLSpwSidenavItemElement;
         "spw-skeleton": HTMLSpwSkeletonElement;
         "spw-slider": HTMLSpwSliderElement;
         "spw-slider-item": HTMLSpwSliderItemElement;
@@ -5282,7 +5359,7 @@ declare namespace LocalJSX {
     }
     interface SpwBox {
         /**
-          * Définit le breakpoint en dessous duquel la box est collapsible (sm: 460px, md: 768px, lg: 1024px, xl: 1350px, xxl: 1770px, always: toujours collapsible)
+          * Définit le breakpoint en dessous duquel la box est collapsible (sm: 360px, md: 768px, lg: 1024px, xl: 1200px, xxl: 1700px, always: toujours collapsible)
           * @default 'md'
          */
         "collapsibleBreakpoint"?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'always';
@@ -5594,6 +5671,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "borderColor"?: string;
+        /**
+          * Permet de limiter ou pas le nombre de lignes affichées
+          * @default 'none'
+         */
+        "lineClamp"?: number | 'none';
     }
     interface SpwCheckbox {
         /**
@@ -7924,6 +8006,45 @@ declare namespace LocalJSX {
     }
     interface SpwSidebarNavigationSeparator {
     }
+    interface SpwSidenav {
+    }
+    interface SpwSidenavGroup {
+        /**
+          * Si true, le groupe est ouvert
+          * @default false
+         */
+        "open"?: boolean;
+    }
+    interface SpwSidenavItem {
+        /**
+          * Marque l'item comme actif
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Désactive l'item
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL de destination
+         */
+        "href"?: string;
+        /**
+          * Icône Font Awesome (ex: fa-home)
+         */
+        "icon"?: string;
+        /**
+          * Variante d'icône Font Awesome
+          * @default 'fa-regular'
+         */
+        "iconVariant"?: 'fa-solid' | 'fa-brands' | 'fa-regular';
+        /**
+          * Si true, cliquer sur le label toggle les enfants au lieu de naviguer
+          * @default false
+         */
+        "openOnClick"?: boolean;
+    }
     interface SpwSkeleton {
         /**
           * Nombre de répétitions du skeleton (uniquement valable pour la variante lines)
@@ -8778,10 +8899,10 @@ declare namespace LocalJSX {
          */
         "imageSrc"?: string;
         /**
-          * Opacité de l'overlay (valeur entre 0 et 100)
-          * @default 100
+          * Masque la spw-tile-description et la révèle au hover (uniquement pour la variante light et big - masquée en mobile)
+          * @default true
          */
-        "overlayOpacity"?: number;
+        "revealDescription"?: boolean;
         /**
           * Attribut target, s'applique uniquement si href est rempli
           * @default '_self'
@@ -9171,6 +9292,7 @@ declare namespace LocalJSX {
     }
     interface SpwCardTitleAttributes {
         "borderColor": string;
+        "lineClamp": string;
     }
     interface SpwCheckboxAttributes {
         "disabled": boolean;
@@ -9712,6 +9834,17 @@ declare namespace LocalJSX {
         "iconVariant": 'fa-solid' | 'fa-brands' | 'fa-regular';
         "openOnClick": boolean;
     }
+    interface SpwSidenavGroupAttributes {
+        "open": boolean;
+    }
+    interface SpwSidenavItemAttributes {
+        "href": string;
+        "icon": string;
+        "iconVariant": 'fa-solid' | 'fa-brands' | 'fa-regular';
+        "active": boolean;
+        "disabled": boolean;
+        "openOnClick": boolean;
+    }
     interface SpwSkeletonAttributes {
         "blocks": number;
         "variant": 'lines' | 'text' | 'article' | 'layout';
@@ -9914,7 +10047,7 @@ declare namespace LocalJSX {
         "target": string;
         "imageSrc": string;
         "imageAlt": string;
-        "overlayOpacity": number;
+        "revealDescription": boolean;
     }
     interface SpwTimelineAttributes {
         "visibleItems": number;
@@ -10053,6 +10186,9 @@ declare namespace LocalJSX {
         "spw-sidebar-navigation-dropdown": Omit<SpwSidebarNavigationDropdown, keyof SpwSidebarNavigationDropdownAttributes> & { [K in keyof SpwSidebarNavigationDropdown & keyof SpwSidebarNavigationDropdownAttributes]?: SpwSidebarNavigationDropdown[K] } & { [K in keyof SpwSidebarNavigationDropdown & keyof SpwSidebarNavigationDropdownAttributes as `attr:${K}`]?: SpwSidebarNavigationDropdownAttributes[K] } & { [K in keyof SpwSidebarNavigationDropdown & keyof SpwSidebarNavigationDropdownAttributes as `prop:${K}`]?: SpwSidebarNavigationDropdown[K] };
         "spw-sidebar-navigation-item": Omit<SpwSidebarNavigationItem, keyof SpwSidebarNavigationItemAttributes> & { [K in keyof SpwSidebarNavigationItem & keyof SpwSidebarNavigationItemAttributes]?: SpwSidebarNavigationItem[K] } & { [K in keyof SpwSidebarNavigationItem & keyof SpwSidebarNavigationItemAttributes as `attr:${K}`]?: SpwSidebarNavigationItemAttributes[K] } & { [K in keyof SpwSidebarNavigationItem & keyof SpwSidebarNavigationItemAttributes as `prop:${K}`]?: SpwSidebarNavigationItem[K] };
         "spw-sidebar-navigation-separator": SpwSidebarNavigationSeparator;
+        "spw-sidenav": SpwSidenav;
+        "spw-sidenav-group": Omit<SpwSidenavGroup, keyof SpwSidenavGroupAttributes> & { [K in keyof SpwSidenavGroup & keyof SpwSidenavGroupAttributes]?: SpwSidenavGroup[K] } & { [K in keyof SpwSidenavGroup & keyof SpwSidenavGroupAttributes as `attr:${K}`]?: SpwSidenavGroupAttributes[K] } & { [K in keyof SpwSidenavGroup & keyof SpwSidenavGroupAttributes as `prop:${K}`]?: SpwSidenavGroup[K] };
+        "spw-sidenav-item": Omit<SpwSidenavItem, keyof SpwSidenavItemAttributes> & { [K in keyof SpwSidenavItem & keyof SpwSidenavItemAttributes]?: SpwSidenavItem[K] } & { [K in keyof SpwSidenavItem & keyof SpwSidenavItemAttributes as `attr:${K}`]?: SpwSidenavItemAttributes[K] } & { [K in keyof SpwSidenavItem & keyof SpwSidenavItemAttributes as `prop:${K}`]?: SpwSidenavItem[K] };
         "spw-skeleton": Omit<SpwSkeleton, keyof SpwSkeletonAttributes> & { [K in keyof SpwSkeleton & keyof SpwSkeletonAttributes]?: SpwSkeleton[K] } & { [K in keyof SpwSkeleton & keyof SpwSkeletonAttributes as `attr:${K}`]?: SpwSkeletonAttributes[K] } & { [K in keyof SpwSkeleton & keyof SpwSkeletonAttributes as `prop:${K}`]?: SpwSkeleton[K] };
         "spw-slider": Omit<SpwSlider, keyof SpwSliderAttributes> & { [K in keyof SpwSlider & keyof SpwSliderAttributes]?: SpwSlider[K] } & { [K in keyof SpwSlider & keyof SpwSliderAttributes as `attr:${K}`]?: SpwSliderAttributes[K] } & { [K in keyof SpwSlider & keyof SpwSliderAttributes as `prop:${K}`]?: SpwSlider[K] };
         "spw-slider-item": SpwSliderItem;
@@ -10163,6 +10299,9 @@ declare module "@stencil/core" {
             "spw-sidebar-navigation-dropdown": LocalJSX.IntrinsicElements["spw-sidebar-navigation-dropdown"] & JSXBase.HTMLAttributes<HTMLSpwSidebarNavigationDropdownElement>;
             "spw-sidebar-navigation-item": LocalJSX.IntrinsicElements["spw-sidebar-navigation-item"] & JSXBase.HTMLAttributes<HTMLSpwSidebarNavigationItemElement>;
             "spw-sidebar-navigation-separator": LocalJSX.IntrinsicElements["spw-sidebar-navigation-separator"] & JSXBase.HTMLAttributes<HTMLSpwSidebarNavigationSeparatorElement>;
+            "spw-sidenav": LocalJSX.IntrinsicElements["spw-sidenav"] & JSXBase.HTMLAttributes<HTMLSpwSidenavElement>;
+            "spw-sidenav-group": LocalJSX.IntrinsicElements["spw-sidenav-group"] & JSXBase.HTMLAttributes<HTMLSpwSidenavGroupElement>;
+            "spw-sidenav-item": LocalJSX.IntrinsicElements["spw-sidenav-item"] & JSXBase.HTMLAttributes<HTMLSpwSidenavItemElement>;
             "spw-skeleton": LocalJSX.IntrinsicElements["spw-skeleton"] & JSXBase.HTMLAttributes<HTMLSpwSkeletonElement>;
             "spw-slider": LocalJSX.IntrinsicElements["spw-slider"] & JSXBase.HTMLAttributes<HTMLSpwSliderElement>;
             "spw-slider-item": LocalJSX.IntrinsicElements["spw-slider-item"] & JSXBase.HTMLAttributes<HTMLSpwSliderItemElement>;

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

@@ -5,3 +5,4 @@ export declare const Default: any;
 export declare const Variant2Simplifie: any;
 export declare const Variant3Etendu: any;
 export declare const Megamenu: any;
+export declare const AvecEspaceUtilisateur: any;