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

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

@@ -4,6 +4,8 @@ export declare class SpwBox {
     hasRadius?: boolean;
     /** Permet d'appliquer un box-shadow sur la box */
     hasShadow?: boolean;
+    /** Permet d'afficher une bordure autour de la box */
+    hasBorder?: boolean;
     /** Permet de rendre la box sticky */
     isSticky?: boolean;
     /** Définit la position top de la box sticky (ex: '32px', '80px', '2vh',...) */
@@ -12,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-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.d.ts

@@ -3,8 +3,12 @@ export declare class SpwBreadcrumbItem {
     /** Permet de définir un lien sur l'élément du breadcrumb */
     href?: string;
     surface: 'light' | 'dark';
+    label: string;
+    truncated: string;
     surfaceChanged(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    private readSlotText;
     private getSurfaceFromParent;
     private updateSurfaceClass;
     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-card/spw-card.d.ts

@@ -12,10 +12,16 @@ export declare class SpwCard {
     target: string;
     /** Remplit l'attribut rel */
     rel?: string;
-    /** Définir une date de début si la carte est un évènement */
+    /** Définir une date de début si la carte est un évènement (format : jour/mois, ex. 08/04) */
     dateStart?: string;
-    /** Définir une date de fin si la carte est un évènement */
+    /** Définir une date de fin si la carte est un évènement (format : jour/mois, ex. 08/04) */
     dateEnd?: string;
+    /** Tableau des abréviations de mois (index 0 = janvier). Par défaut en français. */
+    monthLabels: string[];
+    /** Préfixe affiché avant dateStart quand les deux dates sont présentes */
+    fromLabel: string;
+    /** Préfixe affiché avant dateEnd quand les deux dates sont présentes */
+    toLabel: string;
     /** Si vrai, les cartes ont la même hauteur */
     fullHeight: boolean;
     /** Si désactivée, la carte n'est pas utilisable */

package/dist/types/components/spw-custom-select/spw-custom-select.d.ts

@@ -72,6 +72,12 @@ export declare class SpwCustomSelect {
     showSuccessIcon?: boolean;
     /** Affiche une icône de warning si vrai */
     showWarningIcon?: boolean;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Titre du tooltip */
     tooltipTitle?: string;
     /** Texte du tooltip */

package/dist/types/components/spw-date-picker/spw-date-picker.d.ts

@@ -43,6 +43,12 @@ export declare class SpwDatePicker {
     showSuccessIcon?: boolean;
     /** Affiche une icône de warning si vrai */
     showWarningIcon?: boolean;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Texte d'assistance à afficher sous le label */
     assistiveText?: string;
     /** Indique si le champ peut être effacé avec un bouton */

package/dist/types/components/spw-field-message/spw-field-message.d.ts

@@ -3,7 +3,15 @@ export declare class SpwFieldMessage {
     showIcon?: boolean;
     /** Choix du variant du message */
     variant?: 'error' | 'hint' | 'warning' | 'success';
+    /** Active le panneau dépliable sous le message */
+    isExpandable?: boolean;
+    /** Texte du lien quand le panneau est replié */
+    expandLabel?: string;
+    /** Texte du lien quand le panneau est déplié */
+    collapseLabel?: string;
+    private isExpanded;
     private get variantIcon();
     private get elementClass();
+    private toggleExpanded;
     render(): any;
 }

package/dist/types/components/spw-file-upload/spw-file-upload.d.ts

@@ -4,8 +4,6 @@ export declare class SpwFileUpload {
     el: HTMLSpwFileUploadElement;
     /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */
     disabled: boolean;
-    /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */
-    error: boolean;
     /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */
     name: string;
     /** Valeur actuelle sélectionnée, utilisée pour les formulaires */

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

@@ -1,5 +1,4 @@
 export declare class SpwGroup {
-    host: HTMLSpwGroupElement;
     /** Type d'éléments contenus dans le groupe (buttons, checkboxes, radios, links) */
     type: 'buttons' | 'checkboxes' | 'radios' | 'links';
     /** Orientation du groupe (horizontal ou vertical) */
@@ -30,6 +29,12 @@ export declare class SpwGroup {
     success?: string;
     /** Message de warning à afficher sous le groupe (pour les types checkboxes et radios) */
     warning?: string;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Titre du tooltip */
     tooltipTitle?: string;
     /** Texte du tooltip */

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

@@ -26,12 +26,31 @@ export declare class SpwHeaderNavigation {
     extraButtonIconPosition?: 'left' | 'right';
     /** Activer l'émission d'événement au clic de l'extra button au lieu de la navigation classique */
     emitExtraButtonClick?: boolean;
+    /** Présence ou non d'un deuxième bouton à droite de la navigation */
+    extraSecondaryButton?: boolean;
+    /** Spécifie le lien du deuxième extra button */
+    extraSecondaryButtonHref?: string;
+    /** Attribut target du deuxième extra button */
+    extraSecondaryButtonTarget?: string;
+    /** Texte du deuxième extra button */
+    extraSecondaryButtonText?: string;
+    /** Variant du deuxième extra button */
+    extraSecondaryButtonVariant?: 'primary' | 'secondary';
+    /** Icône du deuxième extra button (référence font-awesome) */
+    extraSecondaryButtonIcon?: string;
+    /** Position de l'icône du deuxième extra button */
+    extraSecondaryButtonIconPosition?: 'left' | 'right';
+    /** Activer l'émission d'événement au clic du deuxième extra button au lieu de la navigation classique */
+    emitExtraSecondaryButtonClick?: boolean;
     /** Événement émis lors du clic sur l'extra button (si emitExtraButtonClick est activé) */
     extraButtonClick: EventEmitter<void>;
+    /** Événement émis lors du clic sur le deuxième extra button (si emitExtraSecondaryButtonClick est activé) */
+    extraSecondaryButtonClick: EventEmitter<void>;
     /** Texte du lien "Page d'accueil" dans la navigation mobile */
     homepageLabel?: string;
     private redirectToHome;
     private handleExtraButtonClick;
+    private handleExtraSecondaryButtonClick;
     handleNavigation(event: CustomEvent<{
         level: number;
         element: HTMLSpwHeaderNavigationItemElement;

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

@@ -39,6 +39,12 @@ export declare class SpwInputSlider {
     showSuccessIcon?: boolean;
     /** Afficher l'icône d'avertissement */
     showWarningIcon?: boolean;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Champ requis */
     required?: boolean;
     /** Aria label pour l'accessibilité */

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

@@ -41,6 +41,12 @@ export declare class SpwSelect {
     showSuccessIcon?: boolean;
     /** Affiche une icône de warning si vrai */
     showWarningIcon?: boolean;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Liste d'items dynamiques pour générer les options (array d'objects avec label + value) */
     items?: SelectItem[];
     /** Propriété à utiliser comme label des options */

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-text-field/spw-text-field.d.ts

@@ -44,6 +44,12 @@ export declare class SpwTextField {
     success?: string;
     /** Message de warning à afficher sous le champ */
     warning?: string;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Affiche une icône d'erreur si vrai */
     showErrorIcon?: boolean;
     /** Affiche une icône d'indication si vrai */

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

@@ -23,8 +23,6 @@ export declare class SpwTextarea {
     isSearch?: boolean;
     /** Indique si le champ textarea est requis */
     required?: boolean;
-    /** Spécifie la taille du champ textarea : 'large' ou 'medium' */
-    size?: 'large' | 'medium';
     /** Indicateur à afficher à droite du champ textarea */
     indicator?: string;
     /** Texte d'assistance à afficher sous le label */
@@ -45,6 +43,12 @@ export declare class SpwTextarea {
     showSuccessIcon?: boolean;
     /** Affiche une icône de warning si vrai */
     showWarningIcon?: boolean;
+    /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+    isExpandable?: boolean;
+    /** Texte du lien pour déplier le message */
+    expandLabel?: string;
+    /** Texte du lien pour replier le message */
+    collapseLabel?: string;
     /** Titre du tooltip */
     tooltipTitle?: string;
     /** Texte du tooltip */

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/spw-toc/spw-toc-container/spw-toc-container.d.ts

@@ -6,13 +6,21 @@ export interface TocItem {
 }
 export declare class SpwTocContainer {
     el: HTMLSpwTocContainerElement;
+    /** Profondeur maximale des headings à scanner. Ex: "h3" scanne h2 et h3, "h4" scanne h2, h3 et h4. Par défaut tous les niveaux jusqu'à h6. */
+    depth?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     tocItemsChanged: EventEmitter<TocItem[]>;
     private observer;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
+    private waitForChildrenReady;
     disconnectedCallback(): void;
+    depthChanged(): void;
     getItems(): Promise<TocItem[]>;
     private setupMutationObserver;
+    private observeRoot;
     private slugify;
+    private getHeadingText;
+    private get maxLevel();
+    private walkForHeadings;
     private scanHeadings;
     render(): any;
 }

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

@@ -16,6 +16,8 @@ export declare class SpwTocNavigation {
     private recalculateH2Distances;
     disconnectedCallback(): void;
     private loadItems;
+    private findElementById;
+    private getAbsoluteTop;
     private setupScrollHandler;
     private calculateH2Progress;
     handleTocItemsChanged(event: CustomEvent<TocItem[]>): void;