@spw-ds/spw-stencil-library 1.8.0 → 1.9.0

package/dist/types/components/spw-block-content/spw-block-content.d.ts

@@ -1,16 +1,27 @@
 export declare class SpwBlockContent {
     /** Variante du bloc de contenu */
-    variant: 'blockquote' | 'banner-landscape' | 'banner-portrait';
-    /** URL de l'image (pour banner-landscape et banner-portrait) */
+    variant: 'blockquote' | 'banner-landscape' | 'banner-portrait' | 'callout';
+    /** URL de l'image (pour callout, banner-landscape et banner-portrait) */
     imageSrc?: string;
-    /** Texte alternatif de l'image (pour banner-landscape et banner-portrait) */
+    /** Texte alternatif de l'image (pour callout, banner-landscape et banner-portrait) */
     imageAlt?: string;
     /** URL du lien (pour banner-landscape et banner-portrait) */
     href?: string;
     /** Target du lien (pour banner-landscape et banner-portrait) */
     target?: string;
+    /** Couleur de fond du bloc */
+    background?: 'primary' | 'neutral';
+    /** Ratio d'aspect de l'image pour tous les breakpoints - callout uniquement (ex: "16/9", "4/3", "1/1") */
+    ratio?: string;
+    /** Ratio d'aspect de l'image en vue mobile - callout uniquement */
+    ratioMobile?: string;
+    /** Ratio d'aspect de l'image en vue tablette - callout uniquement */
+    ratioTablet?: string;
+    /** Ratio d'aspect de l'image en vue desktop - callout uniquement */
+    ratioDesktop?: string;
     private get elementClass();
     private renderBlockquote;
     private renderBanner;
+    private renderCallout;
     render(): any;
 }

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

@@ -5,9 +5,11 @@ export interface SelectItem {
     disabled?: boolean;
 }
 export declare class SpwCustomSelect {
+    hostElement: HTMLElement;
     private host;
     private selectContainer;
     private defaultValue;
+    private parentScrollContainer;
     /** Événement émis lorsque la valeur sélectionnée change */
     valueChanged: EventEmitter<(string | number)[] | string | number>;
     internalValue: (string | number)[] | string | number;
@@ -76,6 +78,8 @@ export declare class SpwCustomSelect {
     tooltipCursor?: 'pointer' | 'default' | 'help' | 'disabled';
     /** Utilise un positionnement fixed pour le dropdown si nécessité de sortir du contexte (utile dans une modal avec overflow hidden) */
     fixedDropdown?: boolean;
+    /** Tag name du composant parent contenant le scroll (ex: 'spw-modal'). Le composant remontera les parents pour trouver ce composant et écouter son scroll interne. */
+    fixedDropdownParent?: string;
     /** Indique si le champ peut être effacé avec un bouton */
     isClear?: boolean;
     /** Direction d'ouverture du dropdown */
@@ -94,6 +98,10 @@ export declare class SpwCustomSelect {
     componentDidLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private findParentComponent;
+    private findScrollContainerInShadowRoot;
+    private ensureParentScrollListener;
+    private cleanupParentScrollListener;
     private handleOtherSelectOpened;
     private handleClickOutside;
     parseOptions(newValue: SelectItem[]): void;

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

@@ -63,6 +63,10 @@ export declare class SpwDatePicker {
     rangeId?: string;
     /** Permet de définir l'input de début pour un range */
     isStart: boolean;
+    /** Utilise un positionnement fixed pour le calendrier si nécessité de sortir du contexte (utile dans une modal avec overflow hidden) */
+    fixedCalendar?: boolean;
+    /** Tag name du composant parent contenant le scroll (ex: 'spw-modal'). Le composant remontera les parents pour trouver ce composant et écouter son scroll interne. */
+    fixedCalendarParent?: string;
     isOpen: boolean;
     hasError: boolean;
     internalError: string;
@@ -83,11 +87,17 @@ export declare class SpwDatePicker {
     private lastInputValue;
     private isDeleting;
     private defaultValue;
+    private parentScrollContainer;
     internals: ElementInternals;
     componentWillLoad(): void;
-    connectedCallback(): void;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
+    private findParentComponent;
+    private findScrollContainerInShadowRoot;
+    private ensureParentScrollListener;
+    private cleanupParentScrollListener;
+    private updateCalendarPosition;
     watchValue(newValue: string): void;
     watchDisabled(isDisabled: boolean): void;
     watchMinDate(newMinDate: string): void;

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

@@ -24,6 +24,38 @@ export declare class SpwFileUpload {
     maxFileSizeUnit: 'mo' | 'go';
     /** Nombre maximal de fichiers pouvant être téléversés */
     maxFiles: number;
+    /** Texte du bouton pour sélectionner un fichier (mode simple) */
+    textChooseFile: string;
+    /** Texte du bouton pour sélectionner plusieurs fichiers (mode multiple) */
+    textChooseFiles: string;
+    /** Texte de la zone de dépôt pour un fichier */
+    textDropFile: string;
+    /** Texte de la zone de dépôt pour plusieurs fichiers */
+    textDropFiles: string;
+    /** Texte du lien pour choisir depuis l'ordinateur */
+    textChooseFromComputer: string;
+    /** Texte du lien de suppression */
+    textDelete: string;
+    /** Texte pour la taille maximale par fichier (utiliser {size} et {unit} comme placeholders) */
+    textMaxFileSize: string;
+    /** Texte pour le nombre maximum de fichiers (utiliser {count} comme placeholder) */
+    textMaxFiles: string;
+    /** Texte pour les formats autorisés (utiliser {formats} comme placeholder) */
+    textAcceptedFormats: string;
+    /** Texte pour les formats refusés (utiliser {formats} comme placeholder) */
+    textRefusedFormats: string;
+    /** Texte quand tous les formats sont autorisés */
+    textAllFormats: string;
+    /** Message d'erreur quand le format n'est pas autorisé (utiliser {filename} comme placeholder) */
+    textErrorFormat: string;
+    /** Message d'erreur quand la taille est dépassée (utiliser {filename} comme placeholder) */
+    textErrorSize: string;
+    /** Message d'erreur quand le format et la taille sont invalides (utiliser {filename} comme placeholder) */
+    textErrorFormatAndSize: string;
+    /** Message quand la limite de fichiers est atteinte */
+    textLimitReached: string;
+    /** Message quand on dépasse la limite de fichiers (utiliser {count} comme placeholder) */
+    textLimitExceeded: string;
     selectedFiles: File[];
     fileTypeErrors: string[];
     fileLimitErrors: string[];

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

@@ -35,6 +35,8 @@ export declare class SpwHero {
     copyrightHref?: string;
     /** Target du lien du copyright */
     copyrightTarget?: string;
+    /** Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right' */
+    imagePosition?: string;
     private get elementClass();
     private get overlayStyle();
     private triggerModal;

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

@@ -9,6 +9,8 @@ export declare class SpwModal {
     showModal: boolean;
     /** Titre de la modal */
     caption: string;
+    /** Texte du bouton de fermeture */
+    closeButtonText: string;
     /** Indique si la fermeture de la modal est possible en cliquant sur l'overlay */
     closeOnOverlayClick: boolean;
     /** Rend les boutons en bas de la modal "collants" (toujours visibles) si vrai */
@@ -19,13 +21,15 @@ export declare class SpwModal {
     spwModalClose: EventEmitter;
     /** Définit la taille de la modal : 'small', 'medium', 'large' ou 'fluid' */
     size: 'small' | 'medium' | 'large' | 'fluid';
-    /** Icône d'alerte à afficher dans la modal */
+    /** Icône d'alerte à afficher dans la modal (référence font awesome) */
     alertIcon: string;
     hostElement: HTMLSpwModalElement;
     slotButtonsPresent: boolean;
+    isCloseButtonSticky: boolean;
     /** Indique si le bouton de fermeture est visible */
     showCloseButton: boolean;
     private modalContainer;
+    private modalContent;
     private focusableElements;
     private closeButton;
     /**
@@ -43,8 +47,6 @@ export declare class SpwModal {
     private handleClick;
     private handleClose;
     private getFirstFocusableElement;
-    private getLastFocusableElement;
-    private handleTopFocus;
     private handleBottomFocus;
     private attemptFocus;
     private open;
@@ -54,6 +56,7 @@ export declare class SpwModal {
     private doBeforeClose;
     openedChanged(newValue: boolean): void;
     private handleOverlayClick;
+    private handleContentScroll;
     private get elementClass();
     render(): any;
 }

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

@@ -65,9 +65,12 @@ export declare class SpwSearchField {
     dropdownDirection: 'up' | 'down';
     private filterTimeout;
     private isSelectingItem;
+    private hiddenInput;
     componentWillLoad(): void;
-    private initializeFromValue;
     componentDidLoad(): void;
+    private createHiddenInput;
+    private updateHiddenInput;
+    private initializeFromValue;
     disconnectedCallback(): void;
     /** Réinitialise le champ de recherche */
     resetInput(): Promise<void>;

package/dist/types/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.d.ts

@@ -3,7 +3,7 @@ export declare class SpwTabsNavigationItem {
     el: HTMLSpwTabsNavigationItemElement;
     /** Définit un id pour le tab */
     tabId: string;
-    /** Définit si le tab est actif ou non */
+    /** Définit si le tab est actif ou non (hérité du parent, pas modifiable directement) */
     active: boolean;
     /** Définit si le tab est disabled ou non */
     disabled: boolean;
@@ -21,6 +21,8 @@ export declare class SpwTabsNavigationItem {
     tagVariant?: 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
     /** Présence d'une icône ou non sur le tag du spw-tabs-navigation-item */
     tagIcon?: boolean;
+    /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */
+    accAriaLabel?: string;
     slotText: string;
     tabSelected: EventEmitter<string>;
     componentDidLoad(): void;

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

@@ -60,6 +60,8 @@ export declare class SpwTextField {
     accAriaLabelDecrement?: string;
     /** Si true, affiche les boutons +/- pour les champs numériques */
     hasControls?: boolean;
+    /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */
+    hasSubmitButton?: boolean;
     /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */
     mask?: string;
     /** Titre du tooltip */
@@ -86,6 +88,8 @@ export declare class SpwTextField {
     formResetCallback(): void;
     private handleInput;
     private handleClear;
+    private handleKeyDown;
+    private handleSubmit;
     private increment;
     private decrement;
     private unmask;