@roadtrip/components 2.21.0 → 2.24.0

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

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot  - Content of the drawer.
- */
-/**
+ * @slot title - replace the title with a custom title section when `'drawerTitle'` is not set
+ *
  * @virtualProp {"light" | "dark"} mode - The mode determines which theme styles to use (light / dark).
  */
 export declare class Drawer {

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

@@ -0,0 +1,15 @@
+/**
+ * @slot  - Element how will open the dropdown when clicked
+ * @slot list - List of item values
+ */
+export declare class Dropdown {
+  /**
+   * Set open to true to show the dropdown menu.
+   */
+  isOpen: boolean;
+  /**
+   * Toggle the display when clicking element in slot
+   */
+  private onClick;
+  render(): any;
+}

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

@@ -5,6 +5,6 @@ export declare class Flap {
   /**
    * Set the color of the flap.
    */
-  color: 'promo' | 'exclu' | 'info';
+  color: 'promo' | 'exclu' | 'info' | 'ecology';
   render(): any;
 }

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

@@ -101,6 +101,11 @@ export declare class Input {
    * Error message for the field
    */
   error?: string;
+  /**
+   * Set the amount of time, in milliseconds, to wait to trigger the `roadChange` event after each keystroke.
+   */
+  debounce: number;
+  protected debounceChanged(): void;
   /**
    * Update the native input element when the value changes
    */

package/dist/types/components/input-group/input-group.d.ts

@@ -4,5 +4,7 @@
  * @slot append - Add icon or button after the field.
  */
 export declare class InputGroup {
+  el: HTMLRoadInputGroupElement;
+  componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/plate-number/plate-number.d.ts

@@ -13,6 +13,10 @@ export declare class PlateNumber {
    * The value of the input.
    */
   value?: string | number | null;
+  /**
+   * Enable motorbike display
+   */
+  motorbike?: boolean;
   /**
    * Update the native input element when the value changes
    */

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot  - Input element for the widget, it should be a road-input element.
+ */
+export declare class SelectFilter {
+  el: HTMLRoadSelectFilterElement;
+  isOpen: boolean;
+  currentValue: string;
+  /**
+   * List of options of the select
+   */
+  options: Array<{
+    value: string | number;
+    label: string;
+  }>;
+  /**
+   * If `false`, the user can submit custom value
+   */
+  onlySelect: boolean;
+  handleFocus(): void;
+  handleChange(event: CustomEvent): void;
+  onClickOutside(event: MouseEvent): void;
+  /**
+   * Emitted the value and label of the option selected.
+   */
+  roadSelected: EventEmitter<{
+    value: string | undefined | null;
+    label: string;
+  }>;
+  private onClick;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -21,11 +21,7 @@ export namespace Components {
     }
     interface RoadAutocomplete {
         /**
-          * If `true`, the user can't submit custom value
-         */
-        "onlySelect": boolean;
-        /**
-          * List of options of the select
+          * List of autocomplete options
          */
         "options": Array<{
     value: string | number;
@@ -296,6 +292,10 @@ export namespace Components {
           * The minimum value, which must not be greater than its maximum (max attribute) value.
          */
         "min"?: string;
+        /**
+          * The size of the counter.
+         */
+        "size"?: 'sm' | 'md';
         /**
           * 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.
          */
@@ -389,11 +389,17 @@ export namespace Components {
          */
         "position": string;
     }
+    interface RoadDropdown {
+        /**
+          * Set open to true to show the dropdown menu.
+         */
+        "isOpen": boolean;
+    }
     interface RoadFlap {
         /**
           * Set the color of the flap.
          */
-        "color": 'promo' | 'exclu' | 'info';
+        "color": 'promo' | 'exclu' | 'info' | 'ecology';
     }
     interface RoadGrid {
     }
@@ -466,6 +472,10 @@ export namespace Components {
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
          */
         "autofocus": boolean;
+        /**
+          * Set the amount of time, in milliseconds, to wait to trigger the `roadChange` event after each keystroke.
+         */
+        "debounce": number;
         /**
           * If `true`, the user cannot interact with the input.
          */
@@ -674,6 +684,10 @@ export namespace Components {
           * country of the plate
          */
         "country": 'FR' | 'BE' | 'IT' | 'ES' | 'PT' | 'PL';
+        /**
+          * Enable motorbike display
+         */
+        "motorbike"?: boolean;
         /**
           * overwrite the default placeholder
          */
@@ -853,6 +867,19 @@ export namespace Components {
          */
         "value"?: any | null;
     }
+    interface RoadSelectFilter {
+        /**
+          * If `false`, the user can submit custom value
+         */
+        "onlySelect": boolean;
+        /**
+          * List of options of the select
+         */
+        "options": Array<{
+    value: string | number;
+    label: string;
+  }>;
+    }
     interface RoadSkeleton {
     }
     interface RoadSpinner {
@@ -1229,6 +1256,12 @@ declare global {
         prototype: HTMLRoadDrawerElement;
         new (): HTMLRoadDrawerElement;
     };
+    interface HTMLRoadDropdownElement extends Components.RoadDropdown, HTMLStencilElement {
+    }
+    var HTMLRoadDropdownElement: {
+        prototype: HTMLRoadDropdownElement;
+        new (): HTMLRoadDropdownElement;
+    };
     interface HTMLRoadFlapElement extends Components.RoadFlap, HTMLStencilElement {
     }
     var HTMLRoadFlapElement: {
@@ -1349,6 +1382,12 @@ declare global {
         prototype: HTMLRoadSelectElement;
         new (): HTMLRoadSelectElement;
     };
+    interface HTMLRoadSelectFilterElement extends Components.RoadSelectFilter, HTMLStencilElement {
+    }
+    var HTMLRoadSelectFilterElement: {
+        prototype: HTMLRoadSelectFilterElement;
+        new (): HTMLRoadSelectFilterElement;
+    };
     interface HTMLRoadSkeletonElement extends Components.RoadSkeleton, HTMLStencilElement {
     }
     var HTMLRoadSkeletonElement: {
@@ -1450,6 +1489,7 @@ declare global {
         "road-counter": HTMLRoadCounterElement;
         "road-dialog": HTMLRoadDialogElement;
         "road-drawer": HTMLRoadDrawerElement;
+        "road-dropdown": HTMLRoadDropdownElement;
         "road-flap": HTMLRoadFlapElement;
         "road-grid": HTMLRoadGridElement;
         "road-icon": HTMLRoadIconElement;
@@ -1470,6 +1510,7 @@ declare global {
         "road-rating": HTMLRoadRatingElement;
         "road-row": HTMLRoadRowElement;
         "road-select": HTMLRoadSelectElement;
+        "road-select-filter": HTMLRoadSelectFilterElement;
         "road-skeleton": HTMLRoadSkeletonElement;
         "road-spinner": HTMLRoadSpinnerElement;
         "road-switch": HTMLRoadSwitchElement;
@@ -1501,11 +1542,14 @@ declare namespace LocalJSX {
     }
     interface RoadAutocomplete {
         /**
-          * If `true`, the user can't submit custom value
+          * Emitted the value and label of the option selected.
          */
-        "onlySelect"?: boolean;
+        "onRoadSelected"?: (event: CustomEvent<{
+    value: string | undefined | null,
+    label: string
+  }>) => void;
         /**
-          * List of options of the select
+          * List of autocomplete options
          */
         "options"?: Array<{
     value: string | number;
@@ -1795,8 +1839,18 @@ declare namespace LocalJSX {
           * The minimum value, which must not be greater than its maximum (max attribute) value.
          */
         "min"?: string;
+        /**
+          * Emitted when the minus button is clicked
+         */
         "onRoadDecrease"?: (event: CustomEvent<void>) => void;
+        /**
+          * Emitted when the plus button is clicked
+         */
         "onRoadIncrease"?: (event: CustomEvent<void>) => void;
+        /**
+          * The size of the counter.
+         */
+        "size"?: 'sm' | 'md';
         /**
           * 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.
          */
@@ -1886,11 +1940,17 @@ declare namespace LocalJSX {
          */
         "position"?: string;
     }
+    interface RoadDropdown {
+        /**
+          * Set open to true to show the dropdown menu.
+         */
+        "isOpen"?: boolean;
+    }
     interface RoadFlap {
         /**
           * Set the color of the flap.
          */
-        "color"?: 'promo' | 'exclu' | 'info';
+        "color"?: 'promo' | 'exclu' | 'info' | 'ecology';
     }
     interface RoadGrid {
     }
@@ -1975,6 +2035,10 @@ declare namespace LocalJSX {
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
          */
         "autofocus"?: boolean;
+        /**
+          * Set the amount of time, in milliseconds, to wait to trigger the `roadChange` event after each keystroke.
+         */
+        "debounce"?: number;
         /**
           * If `true`, the user cannot interact with the input.
          */
@@ -2197,6 +2261,10 @@ declare namespace LocalJSX {
           * country of the plate
          */
         "country"?: 'FR' | 'BE' | 'IT' | 'ES' | 'PT' | 'PL';
+        /**
+          * Enable motorbike display
+         */
+        "motorbike"?: boolean;
         /**
           * Emitted when the input loses focus.
          */
@@ -2428,6 +2496,26 @@ declare namespace LocalJSX {
          */
         "value"?: any | null;
     }
+    interface RoadSelectFilter {
+        /**
+          * Emitted the value and label of the option selected.
+         */
+        "onRoadSelected"?: (event: CustomEvent<{
+    value: string | undefined | null,
+    label: string
+  }>) => void;
+        /**
+          * If `false`, the user can submit custom value
+         */
+        "onlySelect"?: boolean;
+        /**
+          * List of options of the select
+         */
+        "options"?: Array<{
+    value: string | number;
+    label: string;
+  }>;
+    }
     interface RoadSkeleton {
     }
     interface RoadSpinner {
@@ -2733,6 +2821,7 @@ declare namespace LocalJSX {
         "road-counter": RoadCounter;
         "road-dialog": RoadDialog;
         "road-drawer": RoadDrawer;
+        "road-dropdown": RoadDropdown;
         "road-flap": RoadFlap;
         "road-grid": RoadGrid;
         "road-icon": RoadIcon;
@@ -2753,6 +2842,7 @@ declare namespace LocalJSX {
         "road-rating": RoadRating;
         "road-row": RoadRow;
         "road-select": RoadSelect;
+        "road-select-filter": RoadSelectFilter;
         "road-skeleton": RoadSkeleton;
         "road-spinner": RoadSpinner;
         "road-switch": RoadSwitch;
@@ -2789,6 +2879,7 @@ declare module "@stencil/core" {
             "road-counter": LocalJSX.RoadCounter & JSXBase.HTMLAttributes<HTMLRoadCounterElement>;
             "road-dialog": LocalJSX.RoadDialog & JSXBase.HTMLAttributes<HTMLRoadDialogElement>;
             "road-drawer": LocalJSX.RoadDrawer & JSXBase.HTMLAttributes<HTMLRoadDrawerElement>;
+            "road-dropdown": LocalJSX.RoadDropdown & JSXBase.HTMLAttributes<HTMLRoadDropdownElement>;
             "road-flap": LocalJSX.RoadFlap & JSXBase.HTMLAttributes<HTMLRoadFlapElement>;
             "road-grid": LocalJSX.RoadGrid & JSXBase.HTMLAttributes<HTMLRoadGridElement>;
             "road-icon": LocalJSX.RoadIcon & JSXBase.HTMLAttributes<HTMLRoadIconElement>;
@@ -2809,6 +2900,7 @@ declare module "@stencil/core" {
             "road-rating": LocalJSX.RoadRating & JSXBase.HTMLAttributes<HTMLRoadRatingElement>;
             "road-row": LocalJSX.RoadRow & JSXBase.HTMLAttributes<HTMLRoadRowElement>;
             "road-select": LocalJSX.RoadSelect & JSXBase.HTMLAttributes<HTMLRoadSelectElement>;
+            "road-select-filter": LocalJSX.RoadSelectFilter & JSXBase.HTMLAttributes<HTMLRoadSelectFilterElement>;
             "road-skeleton": LocalJSX.RoadSkeleton & JSXBase.HTMLAttributes<HTMLRoadSkeletonElement>;
             "road-spinner": LocalJSX.RoadSpinner & JSXBase.HTMLAttributes<HTMLRoadSpinnerElement>;
             "road-switch": LocalJSX.RoadSwitch & JSXBase.HTMLAttributes<HTMLRoadSwitchElement>;