@spw-ds/spw-stencil-library 1.17.0 → 1.17.1

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

@@ -43,6 +43,8 @@ export declare class SpwHero {
     tooltipCopyrightMaxWidth?: string;
     /** Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right' */
     imagePosition?: string;
+    /** Redimensionnement de l'image (object-fit), ex: 'cover', 'contain', 'fill' */
+    imageFit?: string;
     /** Ratio d'aspect de l'image du variant featured pour tous les breakpoints (ex: "16/9", "3/1"). Sans valeur, l'image s'affiche en taille naturelle. */
     featuredRatio?: string;
     /** Ratio d'aspect de l'image du variant featured en vue mobile */

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

@@ -41,6 +41,8 @@ export declare class SpwSearchField {
     viewAllResultsLink?: string;
     /** Soumet le formulaire parent au clic sur le lien "voir tous les résultats" */
     viewAllResultsSubmit?: boolean;
+    /** Indique s'il existe des résultats supplémentaires non affichés (contrôle l'affichage du lien "voir plus de résultats"). Peut être overridée dynamiquement via showViewAllResults() / hideViewAllResults() */
+    hasMoreResults?: boolean;
     /** Texte à afficher si pas de résultats */
     noResults?: string;
     /** Texte à afficher pendant le chargement */
@@ -69,11 +71,13 @@ export declare class SpwSearchField {
     isOpen: boolean;
     focusedItemIndex: number | null;
     dropdownDirection: 'up' | 'down';
+    showViewAll: boolean;
     private filterTimeout;
     private isSelectingItem;
     private hiddenInput;
     private defaultValue;
     componentWillLoad(): void;
+    handleHasMoreResultsChange(newValue: boolean): void;
     componentDidLoad(): void;
     private createHiddenInput;
     private updateHiddenInput;
@@ -85,6 +89,10 @@ export declare class SpwSearchField {
     setValue(newValue: string): Promise<void>;
     /** Récupère la valeur actuelle du champ de recherche */
     getValue(): Promise<string>;
+    /** Affiche le lien "voir plus de résultats" (override programmatique de la prop hasMoreResults) */
+    showViewAllResults(): Promise<void>;
+    /** Masque le lien "voir plus de résultats" (override programmatique de la prop hasMoreResults) */
+    hideViewAllResults(): Promise<void>;
     handleValueChange(newValue: string): void;
     parseItems(newValue: SearchItem[] | string): void;
     private handleClickOutside;

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

@@ -2,7 +2,11 @@ export declare class SpwTile {
     el: HTMLSpwTileElement;
     /** Type de variante de tuile */
     variant?: 'icon' | 'big' | 'light';
-    /** Variante de hauteur de la tuile (valable pour les variants big & light) */
+    /** Surface sur laquelle la tuile est posée (uniquement valable pour le variant "icon" — adapte les couleurs du titre, de la description et de l'icône slottée). */
+    surface?: 'light' | 'dark';
+    /** Couleur de fond de la tuile. Accepte toute valeur CSS valide (variable CSS, hexadécimal, rgba, etc.). Transparent par défaut. */
+    background?: string;
+    /** Variante de hauteur de la tuile. Pour le variant "icon", "landscape" garde le comportement compact par défaut ; "square" et "portrait" appliquent un ratio fixe. */
     height?: 'landscape' | 'square' | 'portrait';
     /** Spécifie le lien si nécessaire */
     href?: string;

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

@@ -6,7 +6,7 @@ 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. */
+    /** 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. Peut également être définie sur spw-toc-navigation (dans ce cas, la valeur est propagée automatiquement à ce container). */
     depth?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     tocItemsChanged: EventEmitter<TocItem[]>;
     private observer;

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

@@ -3,6 +3,8 @@ export declare class SpwTocNavigation {
     el: HTMLSpwTocNavigationElement;
     /** Variante d'affichage : 'progress' (avec barre de progression) ou 'simple' (sans barre) */
     variant: 'progress' | 'simple';
+    /** Profondeur maximale des headings à scanner. Propage la valeur au spw-toc-container parent (si uniquement spw-toc-navigation configurable). Si non définie, la valeur du spw-toc-container est utilisée. */
+    depth?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     items: TocItem[];
     currentItemIndex: number;
     currentH2Index: number;
@@ -12,6 +14,8 @@ export declare class SpwTocNavigation {
     private observer;
     private scrollHandler;
     componentDidLoad(): Promise<void>;
+    depthChanged(): void;
+    private propagateDepthToContainer;
     componentDidRender(): void;
     private recalculateH2Distances;
     disconnectedCallback(): void;

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

@@ -2,6 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SpwTopbar {
     /** Titre du site */
     siteTitle?: string;
+    /** Code hexadécimal (ou toute valeur CSS de couleur) de la bordure sous le nom du site */
+    borderColor?: string;
     /** Présence ou non du logo Wallonie en haut à gauche */
     hasWallonieLogo?: boolean;
     /** Lien qui renvoie vers la homepage */

package/dist/types/components.d.ts

@@ -1716,6 +1716,10 @@ export namespace Components {
           * @default ''
          */
         "imageAlt"?: string;
+        /**
+          * Redimensionnement de l'image (object-fit), ex: 'cover', 'contain', 'fill'
+         */
+        "imageFit"?: string;
         /**
           * Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right'
          */
@@ -2431,11 +2435,20 @@ export namespace Components {
           * Récupère la valeur actuelle du champ de recherche
          */
         "getValue": () => Promise<string>;
+        /**
+          * Indique s'il existe des résultats supplémentaires non affichés (contrôle l'affichage du lien "voir plus de résultats"). Peut être overridée dynamiquement via showViewAllResults() / hideViewAllResults()
+          * @default true
+         */
+        "hasMoreResults"?: boolean;
         /**
           * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
           * @default false
          */
         "hasSubmitButton"?: boolean;
+        /**
+          * Masque le lien "voir plus de résultats" (override programmatique de la prop hasMoreResults)
+         */
+        "hideViewAllResults": () => Promise<void>;
         /**
           * Indique si le champ est en cours de chargement
           * @default false
@@ -2496,6 +2509,10 @@ export namespace Components {
           * @default true
          */
         "showDropdown"?: boolean;
+        /**
+          * Affiche le lien "voir plus de résultats" (override programmatique de la prop hasMoreResults)
+         */
+        "showViewAllResults": () => Promise<void>;
         /**
           * Taille du champ de recherche
           * @default 'medium'
@@ -3656,7 +3673,12 @@ export namespace Components {
     }
     interface SpwTile {
         /**
-          * Variante de hauteur de la tuile (valable pour les variants big & light)
+          * Couleur de fond de la tuile. Accepte toute valeur CSS valide (variable CSS, hexadécimal, rgba, etc.). Transparent par défaut.
+          * @default 'transparent'
+         */
+        "background"?: string;
+        /**
+          * Variante de hauteur de la tuile. Pour le variant "icon", "landscape" garde le comportement compact par défaut ; "square" et "portrait" appliquent un ratio fixe.
           * @default 'landscape'
          */
         "height"?: 'landscape' | 'square' | 'portrait';
@@ -3678,6 +3700,11 @@ export namespace Components {
           * @default true
          */
         "revealDescription"?: boolean;
+        /**
+          * Surface sur laquelle la tuile est posée (uniquement valable pour le variant "icon" — adapte les couleurs du titre, de la description et de l'icône slottée).
+          * @default 'light'
+         */
+        "surface"?: 'light' | 'dark';
         /**
           * Attribut target, s'applique uniquement si href est rempli
           * @default '_self'
@@ -3809,13 +3836,17 @@ export namespace Components {
     }
     interface SpwTocContainer {
         /**
-          * 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.
+          * 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. Peut également être définie sur spw-toc-navigation (dans ce cas, la valeur est propagée automatiquement à ce container).
           * @default 'h6'
          */
         "depth"?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         "getItems": () => Promise<TocItem[]>;
     }
     interface SpwTocNavigation {
+        /**
+          * Profondeur maximale des headings à scanner. Propage la valeur au spw-toc-container parent (si uniquement spw-toc-navigation configurable). Si non définie, la valeur du spw-toc-container est utilisée.
+         */
+        "depth"?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Variante d'affichage : 'progress' (avec barre de progression) ou 'simple' (sans barre)
           * @default 'progress'
@@ -3853,6 +3884,11 @@ export namespace Components {
         "visible": boolean;
     }
     interface SpwTopbar {
+        /**
+          * Code hexadécimal (ou toute valeur CSS de couleur) de la bordure sous le nom du site
+          * @default ''
+         */
+        "borderColor"?: string;
         /**
           * Activer l'émission d'événement au clic du logo au lieu de la navigation classique
           * @default false
@@ -6968,6 +7004,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "imageAlt"?: string;
+        /**
+          * Redimensionnement de l'image (object-fit), ex: 'cover', 'contain', 'fill'
+         */
+        "imageFit"?: string;
         /**
           * Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right'
          */
@@ -7680,6 +7720,11 @@ declare namespace LocalJSX {
           * Indique si le champ de recherche est désactivé
          */
         "disabled"?: boolean;
+        /**
+          * Indique s'il existe des résultats supplémentaires non affichés (contrôle l'affichage du lien "voir plus de résultats"). Peut être overridée dynamiquement via showViewAllResults() / hideViewAllResults()
+          * @default true
+         */
+        "hasMoreResults"?: boolean;
         /**
           * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
           * @default false
@@ -8895,7 +8940,12 @@ declare namespace LocalJSX {
     }
     interface SpwTile {
         /**
-          * Variante de hauteur de la tuile (valable pour les variants big & light)
+          * Couleur de fond de la tuile. Accepte toute valeur CSS valide (variable CSS, hexadécimal, rgba, etc.). Transparent par défaut.
+          * @default 'transparent'
+         */
+        "background"?: string;
+        /**
+          * Variante de hauteur de la tuile. Pour le variant "icon", "landscape" garde le comportement compact par défaut ; "square" et "portrait" appliquent un ratio fixe.
           * @default 'landscape'
          */
         "height"?: 'landscape' | 'square' | 'portrait';
@@ -8917,6 +8967,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "revealDescription"?: boolean;
+        /**
+          * Surface sur laquelle la tuile est posée (uniquement valable pour le variant "icon" — adapte les couleurs du titre, de la description et de l'icône slottée).
+          * @default 'light'
+         */
+        "surface"?: 'light' | 'dark';
         /**
           * Attribut target, s'applique uniquement si href est rempli
           * @default '_self'
@@ -9039,13 +9094,17 @@ declare namespace LocalJSX {
     }
     interface SpwTocContainer {
         /**
-          * 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.
+          * 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. Peut également être définie sur spw-toc-navigation (dans ce cas, la valeur est propagée automatiquement à ce container).
           * @default 'h6'
          */
         "depth"?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         "onTocItemsChanged"?: (event: SpwTocContainerCustomEvent<TocItem[]>) => void;
     }
     interface SpwTocNavigation {
+        /**
+          * Profondeur maximale des headings à scanner. Propage la valeur au spw-toc-container parent (si uniquement spw-toc-navigation configurable). Si non définie, la valeur du spw-toc-container est utilisée.
+         */
+        "depth"?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Variante d'affichage : 'progress' (avec barre de progression) ou 'simple' (sans barre)
           * @default 'progress'
@@ -9083,6 +9142,11 @@ declare namespace LocalJSX {
         "visible"?: boolean;
     }
     interface SpwTopbar {
+        /**
+          * Code hexadécimal (ou toute valeur CSS de couleur) de la bordure sous le nom du site
+          * @default ''
+         */
+        "borderColor"?: string;
         /**
           * Activer l'émission d'événement au clic du logo au lieu de la navigation classique
           * @default false
@@ -9604,6 +9668,7 @@ declare namespace LocalJSX {
         "tooltipCopyrightText": string;
         "tooltipCopyrightMaxWidth": string;
         "imagePosition": string;
+        "imageFit": string;
         "featuredRatio": string;
         "featuredRatioMobile": string;
         "featuredRatioTablet": string;
@@ -9783,6 +9848,7 @@ declare namespace LocalJSX {
         "viewAllResults": string;
         "viewAllResultsLink": string;
         "viewAllResultsSubmit": boolean;
+        "hasMoreResults": boolean;
         "noResults": string;
         "loadingText": string;
         "hasSubmitButton": boolean;
@@ -10059,6 +10125,8 @@ declare namespace LocalJSX {
     }
     interface SpwTileAttributes {
         "variant": 'icon' | 'big' | 'light';
+        "surface": 'light' | 'dark';
+        "background": string;
         "height": 'landscape' | 'square' | 'portrait';
         "href": string;
         "target": string;
@@ -10097,6 +10165,7 @@ declare namespace LocalJSX {
     }
     interface SpwTocNavigationAttributes {
         "variant": 'progress' | 'simple';
+        "depth": 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     }
     interface SpwTooltipAttributes {
         "tooltipTitle": string;
@@ -10108,6 +10177,7 @@ declare namespace LocalJSX {
     }
     interface SpwTopbarAttributes {
         "siteTitle": string;
+        "borderColor": string;
         "hasWallonieLogo": boolean;
         "homepageLink": string;
         "emitLogoClick": boolean;

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

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Icon: any;
@@ -6,3 +6,6 @@ export declare const Light: any;
 export declare const Big: any;
 export declare const DescriptionOnHover: any;
 export declare const DescriptionStatic: any;
+export declare const IconGrid: StoryFn;
+export declare const LightImageGrid: StoryFn;
+export declare const IconGridDarkBackground: StoryFn;

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

@@ -4,3 +4,4 @@ export default meta;
 export declare const Default: any;
 export declare const CustomLogo: any;
 export declare const Minimal: any;
+export declare const WithActions: any;