@roadtrip/components 2.22.1 → 2.25.0

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;
@@ -393,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 {
     }
@@ -470,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.
          */
@@ -678,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
          */
@@ -857,6 +867,23 @@ 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;
+  }>;
+        /**
+          * Options to pass to the fuse.js instance. See https://fusejs.io/api/options.html for valid options
+         */
+        "parameters": any;
+    }
     interface RoadSkeleton {
     }
     interface RoadSpinner {
@@ -1233,6 +1260,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: {
@@ -1353,6 +1386,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: {
@@ -1454,6 +1493,7 @@ declare global {
         "road-counter": HTMLRoadCounterElement;
         "road-dialog": HTMLRoadDialogElement;
         "road-drawer": HTMLRoadDrawerElement;
+        "road-dropdown": HTMLRoadDropdownElement;
         "road-flap": HTMLRoadFlapElement;
         "road-grid": HTMLRoadGridElement;
         "road-icon": HTMLRoadIconElement;
@@ -1474,6 +1514,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;
@@ -1505,11 +1546,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;
@@ -1900,11 +1944,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 {
     }
@@ -1989,6 +2039,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.
          */
@@ -2211,6 +2265,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.
          */
@@ -2442,6 +2500,30 @@ 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;
+  }>;
+        /**
+          * Options to pass to the fuse.js instance. See https://fusejs.io/api/options.html for valid options
+         */
+        "parameters"?: any;
+    }
     interface RoadSkeleton {
     }
     interface RoadSpinner {
@@ -2747,6 +2829,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;
@@ -2767,6 +2850,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;
@@ -2803,6 +2887,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>;
@@ -2823,6 +2908,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>;