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

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

@@ -123,7 +123,6 @@ export declare class SpwCustomSelect {
     private determineDropdownDirection;
     private openDropdownWithKeyboard;
     private closeDropdown;
-    private slugify;
     private addCreatedOption;
     private removeCreatedOption;
     private handleClear;

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

@@ -0,0 +1,58 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SpwDrawer {
+    /** Indique si le drawer est ouvert ou fermé, mutable et reflété dans le DOM */
+    opened?: boolean;
+    showDrawer: boolean;
+    /** Titre du drawer */
+    caption: string;
+    /** Texte du bouton de fermeture */
+    closeButtonText: string;
+    /** Indique si la fermeture du drawer est possible en cliquant sur l'overlay */
+    closeOnOverlayClick: boolean;
+    /** Position du drawer : 'left', 'right', 'top' ou 'bottom' */
+    position: 'left' | 'right' | 'top' | 'bottom';
+    /** Taille du drawer (largeur pour left/right) : 'small', 'medium', 'large' ou 'full' */
+    size: 'small' | 'medium' | 'large' | 'full';
+    /** Indique si le bouton de fermeture est visible */
+    showCloseButton: boolean;
+    /** Indique si le titre est visible */
+    showCaption: boolean;
+    /** Indique si l'overlay (fond sombre) est visible */
+    modal: boolean;
+    /** Événement déclenché lors de l'ouverture du drawer */
+    spwDrawerOpen: EventEmitter;
+    /** Événement déclenché lors de la fermeture du drawer */
+    spwDrawerClose: EventEmitter;
+    hostElement: HTMLSpwDrawerElement;
+    slotFooterPresent: boolean;
+    private drawerPanel;
+    private drawerContent;
+    private closeButtonEl;
+    private focusableElements;
+    /**
+     * Méthode publique pour ouvrir le drawer programmatiquement
+     */
+    openDrawer(): Promise<void>;
+    /**
+     * Méthode publique pour fermer le drawer programmatiquement
+     */
+    closeDrawer(): Promise<void>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private handleTriggerClick;
+    private handleCloseAttribute;
+    private handleKeypress;
+    private getFirstFocusableElement;
+    private handleBottomFocus;
+    private attemptFocus;
+    private getSiblings;
+    private setInert;
+    private open;
+    private close;
+    openedChanged(newValue: boolean): void;
+    private handleOverlayClick;
+    private doBeforeClose;
+    private get containerClass();
+    private get panelClass();
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -839,6 +839,61 @@ export namespace Components {
          */
         "warning"?: string;
     }
+    interface SpwDrawer {
+        /**
+          * Titre du drawer
+          * @default 'Titre du drawer'
+         */
+        "caption": string;
+        /**
+          * Texte du bouton de fermeture
+          * @default 'Fermer'
+         */
+        "closeButtonText": string;
+        /**
+          * Méthode publique pour fermer le drawer programmatiquement
+         */
+        "closeDrawer": () => Promise<void>;
+        /**
+          * Indique si la fermeture du drawer est possible en cliquant sur l'overlay
+          * @default true
+         */
+        "closeOnOverlayClick": boolean;
+        /**
+          * Indique si l'overlay (fond sombre) est visible
+          * @default true
+         */
+        "modal": boolean;
+        /**
+          * Méthode publique pour ouvrir le drawer programmatiquement
+         */
+        "openDrawer": () => Promise<void>;
+        /**
+          * Indique si le drawer est ouvert ou fermé, mutable et reflété dans le DOM
+          * @default false
+         */
+        "opened"?: boolean;
+        /**
+          * Position du drawer : 'left', 'right', 'top' ou 'bottom'
+          * @default 'right'
+         */
+        "position": 'left' | 'right' | 'top' | 'bottom';
+        /**
+          * Indique si le titre est visible
+          * @default true
+         */
+        "showCaption": boolean;
+        /**
+          * Indique si le bouton de fermeture est visible
+          * @default true
+         */
+        "showCloseButton": boolean;
+        /**
+          * Taille du drawer (largeur pour left/right) : 'small', 'medium', 'large' ou 'full'
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large' | 'full';
+    }
     interface SpwDropdown {
         /**
           * Alignement du dropdown par rapport au trigger (start/end = haut-gauche pour top/bottom, haut-bas pour left/right)
@@ -3697,6 +3752,10 @@ export interface SpwDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwDatePickerElement;
 }
+export interface SpwDrawerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSpwDrawerElement;
+}
 export interface SpwDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwDropdownElement;
@@ -4001,6 +4060,24 @@ declare global {
         prototype: HTMLSpwDatePickerElement;
         new (): HTMLSpwDatePickerElement;
     };
+    interface HTMLSpwDrawerElementEventMap {
+        "spwDrawerOpen": any;
+        "spwDrawerClose": any;
+    }
+    interface HTMLSpwDrawerElement extends Components.SpwDrawer, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSpwDrawerElementEventMap>(type: K, listener: (this: HTMLSpwDrawerElement, ev: SpwDrawerCustomEvent<HTMLSpwDrawerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSpwDrawerElementEventMap>(type: K, listener: (this: HTMLSpwDrawerElement, ev: SpwDrawerCustomEvent<HTMLSpwDrawerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSpwDrawerElement: {
+        prototype: HTMLSpwDrawerElement;
+        new (): HTMLSpwDrawerElement;
+    };
     interface HTMLSpwDropdownElementEventMap {
         "spwDropdownOpen": void;
         "spwDropdownClose": void;
@@ -4842,6 +4919,7 @@ declare global {
         "spw-cookies": HTMLSpwCookiesElement;
         "spw-custom-select": HTMLSpwCustomSelectElement;
         "spw-date-picker": HTMLSpwDatePickerElement;
+        "spw-drawer": HTMLSpwDrawerElement;
         "spw-dropdown": HTMLSpwDropdownElement;
         "spw-dropdown-container": HTMLSpwDropdownContainerElement;
         "spw-dropdown-item": HTMLSpwDropdownItemElement;
@@ -5744,6 +5822,61 @@ declare namespace LocalJSX {
          */
         "warning"?: string;
     }
+    interface SpwDrawer {
+        /**
+          * Titre du drawer
+          * @default 'Titre du drawer'
+         */
+        "caption"?: string;
+        /**
+          * Texte du bouton de fermeture
+          * @default 'Fermer'
+         */
+        "closeButtonText"?: string;
+        /**
+          * Indique si la fermeture du drawer est possible en cliquant sur l'overlay
+          * @default true
+         */
+        "closeOnOverlayClick"?: boolean;
+        /**
+          * Indique si l'overlay (fond sombre) est visible
+          * @default true
+         */
+        "modal"?: boolean;
+        /**
+          * Événement déclenché lors de la fermeture du drawer
+         */
+        "onSpwDrawerClose"?: (event: SpwDrawerCustomEvent<any>) => void;
+        /**
+          * Événement déclenché lors de l'ouverture du drawer
+         */
+        "onSpwDrawerOpen"?: (event: SpwDrawerCustomEvent<any>) => void;
+        /**
+          * Indique si le drawer est ouvert ou fermé, mutable et reflété dans le DOM
+          * @default false
+         */
+        "opened"?: boolean;
+        /**
+          * Position du drawer : 'left', 'right', 'top' ou 'bottom'
+          * @default 'right'
+         */
+        "position"?: 'left' | 'right' | 'top' | 'bottom';
+        /**
+          * Indique si le titre est visible
+          * @default true
+         */
+        "showCaption"?: boolean;
+        /**
+          * Indique si le bouton de fermeture est visible
+          * @default true
+         */
+        "showCloseButton"?: boolean;
+        /**
+          * Taille du drawer (largeur pour left/right) : 'small', 'medium', 'large' ou 'full'
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large' | 'full';
+    }
     interface SpwDropdown {
         /**
           * Alignement du dropdown par rapport au trigger (start/end = haut-gauche pour top/bottom, haut-bas pour left/right)
@@ -8798,6 +8931,17 @@ declare namespace LocalJSX {
         "fixedCalendar": boolean;
         "fixedCalendarParent": string;
     }
+    interface SpwDrawerAttributes {
+        "opened": boolean;
+        "caption": string;
+        "closeButtonText": string;
+        "closeOnOverlayClick": boolean;
+        "position": 'left' | 'right' | 'top' | 'bottom';
+        "size": 'small' | 'medium' | 'large' | 'full';
+        "showCloseButton": boolean;
+        "showCaption": boolean;
+        "modal": boolean;
+    }
     interface SpwDropdownAttributes {
         "direction": 'top' | 'bottom' | 'left' | 'right';
         "alignment": 'start' | 'center' | 'end';
@@ -9504,6 +9648,7 @@ declare namespace LocalJSX {
         "spw-cookies": Omit<SpwCookies, keyof SpwCookiesAttributes> & { [K in keyof SpwCookies & keyof SpwCookiesAttributes]?: SpwCookies[K] } & { [K in keyof SpwCookies & keyof SpwCookiesAttributes as `attr:${K}`]?: SpwCookiesAttributes[K] } & { [K in keyof SpwCookies & keyof SpwCookiesAttributes as `prop:${K}`]?: SpwCookies[K] };
         "spw-custom-select": Omit<SpwCustomSelect, keyof SpwCustomSelectAttributes> & { [K in keyof SpwCustomSelect & keyof SpwCustomSelectAttributes]?: SpwCustomSelect[K] } & { [K in keyof SpwCustomSelect & keyof SpwCustomSelectAttributes as `attr:${K}`]?: SpwCustomSelectAttributes[K] } & { [K in keyof SpwCustomSelect & keyof SpwCustomSelectAttributes as `prop:${K}`]?: SpwCustomSelect[K] };
         "spw-date-picker": Omit<SpwDatePicker, keyof SpwDatePickerAttributes> & { [K in keyof SpwDatePicker & keyof SpwDatePickerAttributes]?: SpwDatePicker[K] } & { [K in keyof SpwDatePicker & keyof SpwDatePickerAttributes as `attr:${K}`]?: SpwDatePickerAttributes[K] } & { [K in keyof SpwDatePicker & keyof SpwDatePickerAttributes as `prop:${K}`]?: SpwDatePicker[K] };
+        "spw-drawer": Omit<SpwDrawer, keyof SpwDrawerAttributes> & { [K in keyof SpwDrawer & keyof SpwDrawerAttributes]?: SpwDrawer[K] } & { [K in keyof SpwDrawer & keyof SpwDrawerAttributes as `attr:${K}`]?: SpwDrawerAttributes[K] } & { [K in keyof SpwDrawer & keyof SpwDrawerAttributes as `prop:${K}`]?: SpwDrawer[K] };
         "spw-dropdown": Omit<SpwDropdown, keyof SpwDropdownAttributes> & { [K in keyof SpwDropdown & keyof SpwDropdownAttributes]?: SpwDropdown[K] } & { [K in keyof SpwDropdown & keyof SpwDropdownAttributes as `attr:${K}`]?: SpwDropdownAttributes[K] } & { [K in keyof SpwDropdown & keyof SpwDropdownAttributes as `prop:${K}`]?: SpwDropdown[K] };
         "spw-dropdown-container": SpwDropdownContainer;
         "spw-dropdown-item": Omit<SpwDropdownItem, keyof SpwDropdownItemAttributes> & { [K in keyof SpwDropdownItem & keyof SpwDropdownItemAttributes]?: SpwDropdownItem[K] } & { [K in keyof SpwDropdownItem & keyof SpwDropdownItemAttributes as `attr:${K}`]?: SpwDropdownItemAttributes[K] } & { [K in keyof SpwDropdownItem & keyof SpwDropdownItemAttributes as `prop:${K}`]?: SpwDropdownItem[K] };
@@ -9613,6 +9758,7 @@ declare module "@stencil/core" {
             "spw-cookies": LocalJSX.IntrinsicElements["spw-cookies"] & JSXBase.HTMLAttributes<HTMLSpwCookiesElement>;
             "spw-custom-select": LocalJSX.IntrinsicElements["spw-custom-select"] & JSXBase.HTMLAttributes<HTMLSpwCustomSelectElement>;
             "spw-date-picker": LocalJSX.IntrinsicElements["spw-date-picker"] & JSXBase.HTMLAttributes<HTMLSpwDatePickerElement>;
+            "spw-drawer": LocalJSX.IntrinsicElements["spw-drawer"] & JSXBase.HTMLAttributes<HTMLSpwDrawerElement>;
             "spw-dropdown": LocalJSX.IntrinsicElements["spw-dropdown"] & JSXBase.HTMLAttributes<HTMLSpwDropdownElement>;
             "spw-dropdown-container": LocalJSX.IntrinsicElements["spw-dropdown-container"] & JSXBase.HTMLAttributes<HTMLSpwDropdownContainerElement>;
             "spw-dropdown-item": LocalJSX.IntrinsicElements["spw-dropdown-item"] & JSXBase.HTMLAttributes<HTMLSpwDropdownItemElement>;