@roadtrip/components 3.39.2 → 3.41.0

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

@@ -49,10 +49,30 @@ export namespace Components {
           * Button display in the alert `<road-button size="sm">Label</road-button>`
          */
         "button"?: string;
+        /**
+          * Close the modal
+         */
+        "close": () => Promise<void>;
         /**
           * Set the color of alert. e.g. info, success, warning, danger
          */
         "color": FeedbackColors;
+        /**
+          * Show / hide close icon
+         */
+        "hasCloseIcon": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
+        /**
+          * Set isOpen propertie to true to show the modal
+         */
+        "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Title display in the alert
          */
@@ -61,6 +81,10 @@ export namespace Components {
           * Text Link display in the alert
          */
         "link"?: string;
+        /**
+          * Open the modal
+         */
+        "open": () => Promise<void>;
         /**
           * url display in the link
          */
@@ -970,6 +994,10 @@ export namespace Components {
           * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
          */
         "step"?: string;
+        /**
+          * The valid fields adopt an appearance that helps the user confirm that their data is formatted properly.
+         */
+        "success": boolean;
         /**
           * The type of control to display. The default type is text.
          */
@@ -1646,6 +1674,10 @@ export namespace Components {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * Label for the field
          */
@@ -1714,6 +1746,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 +2005,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
@@ -2115,6 +2192,10 @@ export namespace Components {
         "trigger": string;
     }
 }
+export interface RoadAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadAlertElement;
+}
 export interface RoadAreaCodeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadAreaCodeElement;
@@ -2263,6 +2344,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;
@@ -2278,7 +2363,18 @@ declare global {
         prototype: HTMLRoadAccordionElement;
         new (): HTMLRoadAccordionElement;
     };
+    interface HTMLRoadAlertElementEventMap {
+        "close": void;
+    }
     interface HTMLRoadAlertElement extends Components.RoadAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadAlertElementEventMap>(type: K, listener: (this: HTMLRoadAlertElement, ev: RoadAlertCustomEvent<HTMLRoadAlertElementEventMap[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 HTMLRoadAlertElementEventMap>(type: K, listener: (this: HTMLRoadAlertElement, ev: RoadAlertCustomEvent<HTMLRoadAlertElementEventMap[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 HTMLRoadAlertElement: {
         prototype: HTMLRoadAlertElement;
@@ -3137,6 +3233,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 +3375,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 +3534,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 +3544,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;
@@ -3474,6 +3598,22 @@ declare namespace LocalJSX {
           * Set the color of alert. e.g. info, success, warning, danger
          */
         "color"?: FeedbackColors;
+        /**
+          * Show / hide close icon
+         */
+        "hasCloseIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
+        /**
+          * Set isOpen propertie to true to show the modal
+         */
+        "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Title display in the alert
          */
@@ -3482,6 +3622,10 @@ declare namespace LocalJSX {
           * Text Link display in the alert
          */
         "link"?: string;
+        /**
+          * Indicate when closing the modal
+         */
+        "onClose"?: (event: RoadAlertCustomEvent<void>) => void;
         /**
           * url display in the link
          */
@@ -4477,6 +4621,10 @@ declare namespace LocalJSX {
           * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
          */
         "step"?: string;
+        /**
+          * The valid fields adopt an appearance that helps the user confirm that their data is formatted properly.
+         */
+        "success"?: boolean;
         /**
           * The type of control to display. The default type is text.
          */
@@ -5197,6 +5345,10 @@ declare namespace LocalJSX {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * Label for the field
          */
@@ -5281,6 +5433,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 +5714,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 +5976,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 +5986,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 +6063,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 +6073,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>;

package/hydrate/index.d.ts

@@ -3,18 +3,6 @@
 import { Readable } from 'node:stream';
 
 export declare function createWindowFromHtml(templateHtml: string, uniqueId: string): any;
-/**
- * Serialize a value to a string that can be deserialized later.
- * @param {unknown} value - The value to serialize.
- * @returns {string} A string that can be deserialized later.
- */
-export declare function serializeProperty(value: unknown): string | number | boolean;
-/**
- * Deserialize a value from a string that was serialized earlier.
- * @param {string} value - The string to deserialize.
- * @returns {unknown} The deserialized value.
- */
-export declare function deserializeProperty(value: string): any;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export interface HydrateDocumentOptions {
 	/**
@@ -107,30 +95,6 @@ export interface HydrateDocumentOptions {
 	 * Sets `navigator.userAgent`
 	 */
 	userAgent?: string;
-	/**
-	 * Configure how Stencil serializes the components shadow root.
-	 * - If set to `declarative-shadow-dom` the component will be rendered within a Declarative Shadow DOM.
-	 * - If set to `scoped` Stencil will render the contents of the shadow root as a `scoped: true` component
-	 *   and the shadow DOM will be created during client-side hydration.
-	 * - Alternatively you can mix and match the two by providing an object with `declarative-shadow-dom` and `scoped` keys,
-	 * the value arrays containing the tag names of the components that should be rendered in that mode.
-	 *
-	 * Examples:
-	 * - `{ 'declarative-shadow-dom': ['my-component-1', 'another-component'], default: 'scoped' }`
-	 * Render all components as `scoped` apart from `my-component-1` and `another-component`
-	 * -  `{ 'scoped': ['an-option-component'], default: 'declarative-shadow-dom' }`
-	 * Render all components within `declarative-shadow-dom` apart from `an-option-component`
-	 * - `'scoped'` Render all components as `scoped`
-	 * - `false` disables shadow root serialization
-	 *
-	 * *NOTE* `true` has been deprecated in favor of `declarative-shadow-dom` and `scoped`
-	 * @default 'declarative-shadow-dom'
-	 */
-	serializeShadowRoot?: "declarative-shadow-dom" | "scoped" | {
-		"declarative-shadow-dom"?: string[];
-		scoped?: string[];
-		default: "declarative-shadow-dom" | "scoped";
-	} | boolean;
 }
 export interface SerializeDocumentOptions extends HydrateDocumentOptions {
 	/**
@@ -173,6 +137,30 @@ export interface SerializeDocumentOptions extends HydrateDocumentOptions {
 	 * Remove HTML comments. Defaults to `true`.
 	 */
 	removeHtmlComments?: boolean;
+	/**
+	 * Configure how Stencil serializes the components shadow root.
+	 * - If set to `declarative-shadow-dom` the component will be rendered within a Declarative Shadow DOM.
+	 * - If set to `scoped` Stencil will render the contents of the shadow root as a `scoped: true` component
+	 *   and the shadow DOM will be created during client-side hydration.
+	 * - Alternatively you can mix and match the two by providing an object with `declarative-shadow-dom` and `scoped` keys,
+	 * the value arrays containing the tag names of the components that should be rendered in that mode.
+	 *
+	 * Examples:
+	 * - `{ 'declarative-shadow-dom': ['my-component-1', 'another-component'], default: 'scoped' }`
+	 * Render all components as `scoped` apart from `my-component-1` and `another-component`
+	 * -  `{ 'scoped': ['an-option-component'], default: 'declarative-shadow-dom' }`
+	 * Render all components within `declarative-shadow-dom` apart from `an-option-component`
+	 * - `'scoped'` Render all components as `scoped`
+	 * - `false` disables shadow root serialization
+	 *
+	 * *NOTE* `true` has been deprecated in favor of `declarative-shadow-dom` and `scoped`
+	 * @default 'declarative-shadow-dom'
+	 */
+	serializeShadowRoot?: "declarative-shadow-dom" | "scoped" | {
+		"declarative-shadow-dom"?: string[];
+		scoped?: string[];
+		default: "declarative-shadow-dom" | "scoped";
+	} | boolean;
 	/**
 	 * The `fullDocument` flag determines the format of the rendered output. Set it to true to
 	 * generate a complete HTML document, or false to render only the component.
@@ -254,9 +242,7 @@ export interface HydrateScriptElement extends HydrateElement {
 	type?: string;
 }
 export interface HydrateStyleElement extends HydrateElement {
-	id?: string;
 	href?: string;
-	content?: string;
 }
 export interface HydrateStaticData {
 	id: string;