@spw-ds/spw-stencil-library 1.10.2 → 1.12.0

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

@@ -0,0 +1,25 @@
+export declare class SpwBox {
+    el: HTMLElement;
+    /** Permet d'appliquer un border-radius sur la box */
+    hasRadius?: boolean;
+    /** Permet d'appliquer un box-shadow sur la box */
+    hasShadow?: boolean;
+    /** Permet de rendre la box sticky */
+    isSticky?: boolean;
+    /** Définit la position top de la box sticky (ex: '32px', '80px', '2vh',...) */
+    stickyTop?: string;
+    /** Définit le padding de la box */
+    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) */
+    collapsibleBreakpoint?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'always';
+    private isOpen;
+    private contentRef?;
+    private get isCollapsibleActive();
+    private toggle;
+    private get hostClass();
+    private get elementClass();
+    render(): any;
+}

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

@@ -12,6 +12,8 @@ export declare class SpwCardImage {
     ratioDesktop?: string;
     /** Position de l'image (object-position), ex: 'top', 'center', 'bottom right' */
     imagePosition?: string;
+    /** Icône affichée au survol de l'image (référence Font Awesome) */
+    hoverIcon?: string;
     /** Redimensionnement de l'image (object-fit) */
     imageFit?: string;
     componentDidLoad(): void;

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

@@ -3,7 +3,7 @@ export declare class SpwCard {
     hasImage: boolean;
     private childHoveredCount;
     /** Type de variante de carte */
-    variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
+    variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people' | 'rounded-picture';
     /** Type d'élément du bouton */
     elementType: string;
     /** Spécifie le lien si nécessaire */

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

@@ -3,6 +3,7 @@ export interface SelectItem {
     label: string;
     value: string | number;
     disabled?: boolean;
+    created?: boolean;
 }
 export declare class SpwCustomSelect {
     hostElement: HTMLElement;
@@ -12,6 +13,10 @@ export declare class SpwCustomSelect {
     private parentScrollContainer;
     /** Événement émis lorsque la valeur sélectionnée change */
     valueChanged: EventEmitter<(string | number)[] | string | number>;
+    /** Événement émis lorsqu'une nouvelle option est créée via le champ de recherche */
+    optionCreated: EventEmitter<SelectItem>;
+    /** Événement émis lorsqu'une option créée est supprimée */
+    optionRemoved: EventEmitter<SelectItem>;
     internalValue: (string | number)[] | string | number;
     isOpen: boolean;
     parsedOptions: SelectItem[];
@@ -49,7 +54,7 @@ export declare class SpwCustomSelect {
     multiple: boolean;
     /** Active la fonction de recherche dans la liste des items */
     isSearch: boolean;
-    /** Texte d'assistance à afficher sous le champ */
+    /** Texte d'assistance à afficher sous le label */
     assistiveText?: string;
     /** Message d'erreur à afficher sous le champ */
     error?: string;
@@ -85,6 +90,8 @@ export declare class SpwCustomSelect {
     isClear?: boolean;
     /** Direction d'ouverture du dropdown */
     direction?: 'top' | 'bottom' | 'auto';
+    /** Permet à l'utilisateur d'ajouter une option si elle n'existe pas dans la liste (nécessite isSearch) */
+    allowCreate?: boolean;
     internals: ElementInternals;
     componentWillLoad(): void;
     /** Méthode publique pour mettre le focus sur le champ de sélection. */
@@ -116,6 +123,9 @@ export declare class SpwCustomSelect {
     private determineDropdownDirection;
     private openDropdownWithKeyboard;
     private closeDropdown;
+    private slugify;
+    private addCreatedOption;
+    private removeCreatedOption;
     private handleClear;
     private selectOption;
     private handleOptionKeyDown;
@@ -131,5 +141,6 @@ export declare class SpwCustomSelect {
     private handleSearchInput;
     private isSearchVisible;
     private showPlaceholder;
+    private showCreateButton;
     render(): any;
 }

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

@@ -43,7 +43,7 @@ export declare class SpwDatePicker {
     showSuccessIcon?: boolean;
     /** Affiche une icône de warning si vrai */
     showWarningIcon?: boolean;
-    /** Texte d'assistance à afficher sous le champ de saisie */
+    /** Texte d'assistance à afficher sous le label */
     assistiveText?: string;
     /** Indique si le champ peut être effacé avec un bouton */
     isClear?: boolean;

package/dist/types/components/spw-footer/spw-footer-content-col/spw-footer-content-col.d.ts

@@ -1,5 +1,7 @@
 export declare class SpwFooterContentCol {
     /** Titre de la colonne */
     colTitle?: string;
+    open: boolean;
+    private toggle;
     render(): any;
 }

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

@@ -6,6 +6,8 @@ export declare class SpwGrid {
     colsTablet: number;
     /** Nombre de colonnes à afficher en vue desktop */
     colsDesktop: number;
+    /** Espacement entre les éléments de grille */
+    gap?: 'none' | 'small' | 'medium' | 'large';
     private emitConfigurationChanged;
     configurationChanged(): void;
     componentDidLoad(): void;

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

@@ -34,6 +34,8 @@ export declare class SpwHeader {
     menuCloseLabel?: string;
     /** Label pour l'ouverture du menu */
     menuOpenLabel?: string;
+    /** Affiche ou masque le bouton hamburger de navigation */
+    hasHamburger?: boolean;
     /** Lien qui renvoie vers la homepage */
     homepageLink?: string;
     /** Activer l'émission d'événement au clic du logo au lieu de la navigation classique */

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

@@ -16,7 +16,7 @@ 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' | 'mini';
+    variant?: 'grey' | 'white' | 'maxi' | 'photo' | 'mini' | 'featured';
     /** Permet de choisir l'alignement du contenu */
     alignment?: 'left' | 'center' | 'right';
     /** Permet de spécifier l'opacité de l'overlay (0 à 100) */
@@ -37,6 +37,14 @@ export declare class SpwHero {
     copyrightTarget?: string;
     /** Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right' */
     imagePosition?: 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 */
+    featuredRatioMobile?: string;
+    /** Ratio d'aspect de l'image du variant featured en vue tablette */
+    featuredRatioTablet?: string;
+    /** Ratio d'aspect de l'image du variant featured en vue desktop */
+    featuredRatioDesktop?: string;
     private get elementClass();
     private get overlayStyle();
     private triggerModal;

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

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SpwLightboxItem {
+    hostElement: HTMLSpwLightboxItemElement;
+    /** URL de l'image à afficher dans la lightbox */
+    src: string;
+    /** Texte alternatif de l'image */
+    alt: string;
+    /** Titre de la légende affichée en superposition de l'image */
+    captionTitle?: string;
+    /** Texte de la légende affichée en superposition de l'image */
+    captionText?: string;
+    /** Texte du copyright à afficher sur l'image */
+    copyrightText?: string;
+    /** Icône Font Awesome du copyright */
+    copyrightIcon?: string;
+    /** Permet de spécifier une variante de Font Awesome pour l'icône de copyright */
+    copyrightIconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' | 'fa-light';
+    /** Lien du copyright */
+    copyrightHref?: string;
+    /** Target du lien du copyright */
+    copyrightTarget?: string;
+    /** Texte du label aria du bouton déclencheur */
+    textOpenImage: string;
+    /** Affiche une icône de loupe en superposition au survol */
+    isHover?: boolean;
+    /** Icône affichée au survol de l'image (référence Font Awesome) */
+    hoverIcon?: string;
+    spwLightboxItemClick: EventEmitter<{
+        src: string;
+        alt: string;
+        captionTitle: string;
+        captionText: string;
+        index: number;
+    }>;
+    private getIndex;
+    private handleClick;
+    private handleKeydown;
+    render(): any;
+}

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

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface LightboxItem {
+    src: string;
+    alt?: string;
+    captionTitle?: string;
+    captionText?: string;
+    copyrightText?: string;
+    copyrightIcon?: string;
+    copyrightIconVariant?: string;
+    copyrightHref?: string;
+    copyrightTarget?: string;
+}
+export declare class SpwLightbox {
+    hostElement: HTMLSpwLightboxElement;
+    /** Identifiant de la galerie (partagé avec spw-lightbox-item pour grouper les items) */
+    gallery: string;
+    /** Texte du bouton de fermeture */
+    closeButtonText: string;
+    /** Indique si la fermeture est possible en cliquant sur le backdrop */
+    closeOnBackdropClick: boolean;
+    /** Affiche ou masque la galerie de miniatures sous l'image principale */
+    showThumbnails: boolean;
+    /** Label aria de la dialog */
+    textDialogLabel: string;
+    /** Label aria du bouton image précédente */
+    textPrevious: string;
+    /** Label aria du bouton image suivante */
+    textNext: string;
+    /** Label aria de la liste de miniatures */
+    textThumbnailsLabel: string;
+    /** Label aria d'une miniature (utiliser {index} comme placeholder) */
+    textThumbnailItem: string;
+    opened: boolean;
+    activeIndex: number;
+    items: LightboxItem[];
+    spwLightboxOpen: EventEmitter<{
+        index: number;
+    }>;
+    spwLightboxClose: EventEmitter<void>;
+    private lightboxContainer;
+    private imageWrapperEl;
+    private closeButtonEl;
+    private thumbnailsEl;
+    private previouslyFocusedElement;
+    private currentAnimation;
+    private swipeStartX;
+    private swipeStartY;
+    private isSwiping;
+    private readonly SWIPE_THRESHOLD;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    open(index?: number): Promise<void>;
+    close(): Promise<void>;
+    onOpenedChange(newValue: boolean): void;
+    private collectItems;
+    private handleItemClick;
+    private cancelCurrentAnimation;
+    private scrollToActiveThumbnail;
+    private onOpen;
+    private onClose;
+    private doClose;
+    private handleKeydown;
+    handleFocusTrap(event: KeyboardEvent): void;
+    private navigate;
+    onActiveIndexChange(): void;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private handleBackdropClick;
+    private get activeItem();
+    render(): any;
+}

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

@@ -9,6 +9,7 @@ export interface SearchItem {
 export declare class SpwSearchField {
     el: HTMLSpwSearchFieldElement;
     private hostElement;
+    private textFieldElement;
     /** Événement émis lorsque la valeur du champ de recherche change */
     valueChanged: EventEmitter<string>;
     /** Événement émis lorsqu'une option est sélectionnée dans le dropdown */
@@ -31,12 +32,14 @@ export declare class SpwSearchField {
     name: string;
     /** Indique si le champ est requis */
     required?: boolean;
-    /** Texte d'assistance affiché sous le champ de recherche */
+    /** Texte d'assistance affiché sous le label */
     assistiveText?: string;
     /** Texte du lien pour voir tous les résultats */
     viewAllResults?: string;
     /** URL vers laquelle renvoie le lien "voir tous les résultats" */
     viewAllResultsLink?: string;
+    /** Soumet le formulaire parent au clic sur le lien "voir tous les résultats" */
+    viewAllResultsSubmit?: boolean;
     /** Texte à afficher si pas de résultats */
     noResults?: string;
     /** Texte à afficher pendant le chargement */
@@ -47,6 +50,8 @@ export declare class SpwSearchField {
     minCharacters?: number;
     /** Indique si le champ est en cours de chargement */
     isLoading?: boolean;
+    /** Indique si le dropdown de résultats doit être affiché */
+    showDropdown?: boolean;
     /** Titre du tooltip */
     tooltipTitle?: string;
     /** Texte du tooltip */
@@ -66,6 +71,7 @@ export declare class SpwSearchField {
     private filterTimeout;
     private isSelectingItem;
     private hiddenInput;
+    private defaultValue;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private createHiddenInput;

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

@@ -23,7 +23,7 @@ export declare class SpwSelect {
     required: boolean;
     /** Taille du champ de sélection : 'large' ou 'medium' */
     size: 'large' | 'medium';
-    /** Texte d'assistance affiché sous le champ de sélection */
+    /** Texte d'assistance affiché sous le label */
     assistiveText?: string;
     /** Message d'erreur à afficher sous le champ de sélection */
     error?: string;

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SpwSlider {
     el: HTMLSpwSliderElement;
     /** Affiche les flèches de navigation */
@@ -14,6 +15,8 @@ export declare class SpwSlider {
     autoplayText: string;
     /** Position des flèches gauche/droite */
     arrowsPosition: 'outside' | 'inside';
+    /** Position des dots de navigation */
+    dotsPosition: 'inside' | 'outside';
     /** Texte aria-label pour la slide suivante */
     nextSlideText: string;
     /** Texte aria-label du slider */
@@ -22,6 +25,19 @@ export declare class SpwSlider {
     previousSlideText: string;
     /** Fixe la hauteur du slider à la hauteur de la slide la plus haute */
     hasFixedHeight: boolean;
+    /** Émis lors du changement de slide (index précédent et nouvel index) */
+    spwSliderChange: EventEmitter<{
+        index: number;
+        previousIndex: number;
+    }>;
+    /** Émis lors du passage à la slide suivante */
+    spwSliderNext: EventEmitter<{
+        index: number;
+    }>;
+    /** Émis lors du passage à la slide précédente */
+    spwSliderPrevious: EventEmitter<{
+        index: number;
+    }>;
     /** Index de la slide active */
     activeIndex: number;
     /** Nombre total de slides */
@@ -76,5 +92,6 @@ export declare class SpwSlider {
     handleKeyDown(event: KeyboardEvent): void;
     private handleDragEnd;
     private get elementClass();
+    private renderDots;
     render(): any;
 }

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

@@ -34,7 +34,7 @@ export declare class SpwTextField {
     size?: 'large' | 'medium';
     /** Indicateur à afficher à droite du champ de saisie */
     indicator?: string;
-    /** Texte d'assistance à afficher sous le champ de saisie */
+    /** Texte d'assistance à afficher sous le label */
     assistiveText?: string;
     /** Message d'erreur à afficher sous le champ */
     error?: string;
@@ -64,6 +64,8 @@ export declare class SpwTextField {
     hasSubmitButton?: boolean;
     /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */
     mask?: string;
+    /** Nombre maximum de chiffres après la virgule (uniquement pour type="number"). Les entiers restent autorisés. */
+    decimalPrecision?: number;
     /** Titre du tooltip */
     tooltipTitle?: string;
     /** Texte du tooltip */
@@ -90,6 +92,9 @@ export declare class SpwTextField {
     private handleClear;
     private handleKeyDown;
     private handleSubmit;
+    private normalizeDecimalSeparator;
+    private roundToPrecision;
+    private getCurrentNumericValue;
     private increment;
     private decrement;
     private unmask;

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

@@ -27,7 +27,7 @@ export declare class SpwTextarea {
     size?: 'large' | 'medium';
     /** Indicateur à afficher à droite du champ textarea */
     indicator?: string;
-    /** Texte d'assistance à afficher au-dessus du champ textarea */
+    /** Texte d'assistance à afficher sous le label */
     assistiveText?: string;
     /** Message d'erreur à afficher sous le champ textarea */
     error?: string;