@roadtrip/components 3.39.2 → 3.40.0

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

@@ -28,6 +28,10 @@ export declare class Select {
      * If `true`, the user must fill in a value before submitting a form.
      */
     required: boolean;
+    /**
+     * Helper message for the field
+     */
+    helper?: string;
     /**
      * If the control is presented as a scrolling list box (e.g. when multiple is specified),
      * this attribute represents the number of rows in the list that should be visible at one time.

package/dist/types/components/status-chip/status-chip.d.ts

@@ -0,0 +1,11 @@
+import './../../utils/polyfill';
+/**
+ * @slot - Content of the chip.
+ */
+export declare class Chip {
+    /**
+     * The chip size.
+     */
+    size: 'sm' | 'md' | 'lg';
+    render(): any;
+}

package/dist/types/components/time-range-picker/time-range-picker.d.ts

@@ -0,0 +1,57 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot start - Input de début
+ * @slot end - Input de fin
+ * @slot separator - Label séparateur (optionnel)
+ */
+export declare class RoadTimeRangePicker {
+    hostEl: HTMLElement;
+    /** Heure de début */
+    start?: string;
+    /** Heure de fin */
+    end?: string;
+    /** Désactivation du picker */
+    disabled: boolean;
+    /** Helper message */
+    helper?: string;
+    /** Separator label */
+    separator?: string;
+    /** Si `true`, l’utilisateur doit remplir avant submit */
+    required: boolean;
+    /** Label global du champ */
+    label?: string;
+    /** Taille du champ */
+    sizes: 'lg' | 'xl';
+    /** Error messages */
+    error?: string | string[];
+    /** Événement quand la plage change */
+    roadChange: EventEmitter<{
+        start?: string;
+        end?: string;
+    }>;
+    /** Forward des events enfants */
+    roadInput: EventEmitter<{
+        start?: string;
+        end?: string;
+    }>;
+    roadFocus: EventEmitter<'start' | 'end'>;
+    roadBlur: EventEmitter<'start' | 'end'>;
+    /** Retourne les messages d'erreur sous forme de tableau */
+    private get errorMessages();
+    /** Ajoute ou retire la classe error-border sur le road-input */
+    private updateInvalidClasses;
+    /** Vérifie que start <= end et met à jour l’erreur */
+    private validateRange;
+    /** Émet les changements */
+    private emitChange;
+    /** Handle change depuis le slot start */
+    private handleStartChange;
+    /** Handle change depuis le slot end */
+    private handleEndChange;
+    componentDidLoad(): void;
+    getRange(): Promise<{
+        start: string | undefined;
+        end: string | undefined;
+    }>;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -1646,6 +1646,10 @@ export namespace Components {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * Label for the field
          */
@@ -1714,6 +1718,12 @@ export namespace Components {
          */
         "size"?: 'small' | 'medium' | 'large' | 'xl';
     }
+    interface RoadStatusChip {
+        /**
+          * The chip size.
+         */
+        "size": 'sm' |  'md' | 'lg';
+    }
     interface RoadSwitch {
         /**
           * If `true`, the switch is checked.
@@ -1967,6 +1977,45 @@ export namespace Components {
          */
         "wrap"?: 'hard' | 'soft' | 'off';
     }
+    interface RoadTimeRangePicker {
+        /**
+          * Désactivation du picker
+         */
+        "disabled": boolean;
+        /**
+          * Heure de fin
+         */
+        "end"?: string;
+        /**
+          * Error messages
+         */
+        "error"?: string | string[];
+        "getRange": () => Promise<{ start: string | undefined; end: string | undefined; }>;
+        /**
+          * Helper message
+         */
+        "helper"?: string;
+        /**
+          * Label global du champ
+         */
+        "label"?: string;
+        /**
+          * Si `true`, l’utilisateur doit remplir avant submit
+         */
+        "required": boolean;
+        /**
+          * Separator label
+         */
+        "separator"?: string;
+        /**
+          * Taille du champ
+         */
+        "sizes": 'lg' | 'xl';
+        /**
+          * Heure de début
+         */
+        "start"?: string;
+    }
     interface RoadToast {
         /**
           * Close the toast
@@ -2263,6 +2312,10 @@ export interface RoadTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadTextareaElement;
 }
+export interface RoadTimeRangePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadTimeRangePickerElement;
+}
 export interface RoadToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadToastElement;
@@ -3137,6 +3190,12 @@ declare global {
         prototype: HTMLRoadSpinnerElement;
         new (): HTMLRoadSpinnerElement;
     };
+    interface HTMLRoadStatusChipElement extends Components.RoadStatusChip, HTMLStencilElement {
+    }
+    var HTMLRoadStatusChipElement: {
+        prototype: HTMLRoadStatusChipElement;
+        new (): HTMLRoadStatusChipElement;
+    };
     interface HTMLRoadSwitchElementEventMap {
         "roadchange": {
     checked: boolean;
@@ -3273,6 +3332,26 @@ declare global {
         prototype: HTMLRoadTextareaElement;
         new (): HTMLRoadTextareaElement;
     };
+    interface HTMLRoadTimeRangePickerElementEventMap {
+        "roadChange": { start?: string; end?: string };
+        "roadInput": { start?: string; end?: string };
+        "roadFocus": 'start' | 'end';
+        "roadBlur": 'start' | 'end';
+    }
+    interface HTMLRoadTimeRangePickerElement extends Components.RoadTimeRangePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadTimeRangePickerElementEventMap>(type: K, listener: (this: HTMLRoadTimeRangePickerElement, ev: RoadTimeRangePickerCustomEvent<HTMLRoadTimeRangePickerElementEventMap[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 HTMLRoadTimeRangePickerElementEventMap>(type: K, listener: (this: HTMLRoadTimeRangePickerElement, ev: RoadTimeRangePickerCustomEvent<HTMLRoadTimeRangePickerElementEventMap[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 HTMLRoadTimeRangePickerElement: {
+        prototype: HTMLRoadTimeRangePickerElement;
+        new (): HTMLRoadTimeRangePickerElement;
+    };
     interface HTMLRoadToastElementEventMap {
         "close": void;
     }
@@ -3412,6 +3491,7 @@ declare global {
         "road-select-filter": HTMLRoadSelectFilterElement;
         "road-skeleton": HTMLRoadSkeletonElement;
         "road-spinner": HTMLRoadSpinnerElement;
+        "road-status-chip": HTMLRoadStatusChipElement;
         "road-switch": HTMLRoadSwitchElement;
         "road-tab": HTMLRoadTabElement;
         "road-tab-bar": HTMLRoadTabBarElement;
@@ -3421,6 +3501,7 @@ declare global {
         "road-tag": HTMLRoadTagElement;
         "road-text": HTMLRoadTextElement;
         "road-textarea": HTMLRoadTextareaElement;
+        "road-time-range-picker": HTMLRoadTimeRangePickerElement;
         "road-toast": HTMLRoadToastElement;
         "road-toggle": HTMLRoadToggleElement;
         "road-toolbar": HTMLRoadToolbarElement;
@@ -5197,6 +5278,10 @@ declare namespace LocalJSX {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * Label for the field
          */
@@ -5281,6 +5366,12 @@ declare namespace LocalJSX {
          */
         "size"?: 'small' | 'medium' | 'large' | 'xl';
     }
+    interface RoadStatusChip {
+        /**
+          * The chip size.
+         */
+        "size"?: 'sm' |  'md' | 'lg';
+    }
     interface RoadSwitch {
         /**
           * If `true`, the switch is checked.
@@ -5556,6 +5647,54 @@ declare namespace LocalJSX {
          */
         "wrap"?: 'hard' | 'soft' | 'off';
     }
+    interface RoadTimeRangePicker {
+        /**
+          * Désactivation du picker
+         */
+        "disabled"?: boolean;
+        /**
+          * Heure de fin
+         */
+        "end"?: string;
+        /**
+          * Error messages
+         */
+        "error"?: string | string[];
+        /**
+          * Helper message
+         */
+        "helper"?: string;
+        /**
+          * Label global du champ
+         */
+        "label"?: string;
+        "onRoadBlur"?: (event: RoadTimeRangePickerCustomEvent<'start' | 'end'>) => void;
+        /**
+          * Événement quand la plage change
+         */
+        "onRoadChange"?: (event: RoadTimeRangePickerCustomEvent<{ start?: string; end?: string }>) => void;
+        "onRoadFocus"?: (event: RoadTimeRangePickerCustomEvent<'start' | 'end'>) => void;
+        /**
+          * Forward des events enfants
+         */
+        "onRoadInput"?: (event: RoadTimeRangePickerCustomEvent<{ start?: string; end?: string }>) => void;
+        /**
+          * Si `true`, l’utilisateur doit remplir avant submit
+         */
+        "required"?: boolean;
+        /**
+          * Separator label
+         */
+        "separator"?: string;
+        /**
+          * Taille du champ
+         */
+        "sizes"?: 'lg' | 'xl';
+        /**
+          * Heure de début
+         */
+        "start"?: string;
+    }
     interface RoadToast {
         /**
           * Set the color of the toast. e.g. info, success, warning, danger
@@ -5770,6 +5909,7 @@ declare namespace LocalJSX {
         "road-select-filter": RoadSelectFilter;
         "road-skeleton": RoadSkeleton;
         "road-spinner": RoadSpinner;
+        "road-status-chip": RoadStatusChip;
         "road-switch": RoadSwitch;
         "road-tab": RoadTab;
         "road-tab-bar": RoadTabBar;
@@ -5779,6 +5919,7 @@ declare namespace LocalJSX {
         "road-tag": RoadTag;
         "road-text": RoadText;
         "road-textarea": RoadTextarea;
+        "road-time-range-picker": RoadTimeRangePicker;
         "road-toast": RoadToast;
         "road-toggle": RoadToggle;
         "road-toolbar": RoadToolbar;
@@ -5855,6 +5996,7 @@ declare module "@stencil/core" {
             "road-select-filter": LocalJSX.RoadSelectFilter & JSXBase.HTMLAttributes<HTMLRoadSelectFilterElement>;
             "road-skeleton": LocalJSX.RoadSkeleton & JSXBase.HTMLAttributes<HTMLRoadSkeletonElement>;
             "road-spinner": LocalJSX.RoadSpinner & JSXBase.HTMLAttributes<HTMLRoadSpinnerElement>;
+            "road-status-chip": LocalJSX.RoadStatusChip & JSXBase.HTMLAttributes<HTMLRoadStatusChipElement>;
             "road-switch": LocalJSX.RoadSwitch & JSXBase.HTMLAttributes<HTMLRoadSwitchElement>;
             "road-tab": LocalJSX.RoadTab & JSXBase.HTMLAttributes<HTMLRoadTabElement>;
             "road-tab-bar": LocalJSX.RoadTabBar & JSXBase.HTMLAttributes<HTMLRoadTabBarElement>;
@@ -5864,6 +6006,7 @@ declare module "@stencil/core" {
             "road-tag": LocalJSX.RoadTag & JSXBase.HTMLAttributes<HTMLRoadTagElement>;
             "road-text": LocalJSX.RoadText & JSXBase.HTMLAttributes<HTMLRoadTextElement>;
             "road-textarea": LocalJSX.RoadTextarea & JSXBase.HTMLAttributes<HTMLRoadTextareaElement>;
+            "road-time-range-picker": LocalJSX.RoadTimeRangePicker & JSXBase.HTMLAttributes<HTMLRoadTimeRangePickerElement>;
             "road-toast": LocalJSX.RoadToast & JSXBase.HTMLAttributes<HTMLRoadToastElement>;
             "road-toggle": LocalJSX.RoadToggle & JSXBase.HTMLAttributes<HTMLRoadToggleElement>;
             "road-toolbar": LocalJSX.RoadToolbar & JSXBase.HTMLAttributes<HTMLRoadToolbarElement>;