@roadtrip/components 2.25.1 → 2.27.1

package/dist/types/components.d.ts

@@ -395,6 +395,36 @@ export namespace Components {
          */
         "isOpen": boolean;
     }
+    interface RoadDuration {
+        /**
+          * Close the widget
+         */
+        "close": () => Promise<void>;
+        /**
+          * title of the widget
+         */
+        "header": string;
+        /**
+          * Set isOpen property to true to open the duration widget
+         */
+        "isOpen": boolean;
+        /**
+          * The maximum value, which must not be less than its minimum (min attribute) value in minutes.
+         */
+        "max": number;
+        /**
+          * The minimum value, which must not be greater than its maximum (max attribute) value in minutes.
+         */
+        "min": number;
+        /**
+          * Open the widget
+         */
+        "open": () => Promise<void>;
+        /**
+          * Works with the min and max attributes to limit the increments at which a value can be set in minutes.
+         */
+        "step": number;
+    }
     interface RoadFlap {
         /**
           * Set the color of the flap.
@@ -684,6 +714,10 @@ export namespace Components {
           * country of the plate
          */
         "country": 'FR' | 'BE' | 'IT' | 'ES' | 'PT' | 'PL';
+        /**
+          * If `true`, the user cannot interact with the input.
+         */
+        "disabled": boolean;
         /**
           * Enable motorbike display
          */
@@ -692,6 +726,10 @@ export namespace Components {
           * overwrite the default placeholder
          */
         "placeholder"?: string;
+        /**
+          * If `true`, the user cannot modify the value.
+         */
+        "readonly": boolean;
         /**
           * The value of the input.
          */
@@ -1266,6 +1304,12 @@ declare global {
         prototype: HTMLRoadDropdownElement;
         new (): HTMLRoadDropdownElement;
     };
+    interface HTMLRoadDurationElement extends Components.RoadDuration, HTMLStencilElement {
+    }
+    var HTMLRoadDurationElement: {
+        prototype: HTMLRoadDurationElement;
+        new (): HTMLRoadDurationElement;
+    };
     interface HTMLRoadFlapElement extends Components.RoadFlap, HTMLStencilElement {
     }
     var HTMLRoadFlapElement: {
@@ -1494,6 +1538,7 @@ declare global {
         "road-dialog": HTMLRoadDialogElement;
         "road-drawer": HTMLRoadDrawerElement;
         "road-dropdown": HTMLRoadDropdownElement;
+        "road-duration": HTMLRoadDurationElement;
         "road-flap": HTMLRoadFlapElement;
         "road-grid": HTMLRoadGridElement;
         "road-icon": HTMLRoadIconElement;
@@ -1548,7 +1593,7 @@ declare namespace LocalJSX {
         /**
           * Emitted the value and label of the option selected.
          */
-        "onRoadSelected"?: (event: CustomEvent<{
+        "onRoadselected"?: (event: CustomEvent<{
     value: string | undefined | null,
     label: string
   }>) => void;
@@ -1600,11 +1645,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the button loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the button has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * Set to `true` for a transparent button with a border
          */
@@ -1638,7 +1683,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the card is clicked and send the `value` of the card
          */
-        "onRoadCardClick"?: (event: CustomEvent<{
+        "onRoadcardclick"?: (event: CustomEvent<{
     value: string | undefined | null;
     label: string | undefined | null;
   }>) => void;
@@ -1667,67 +1712,67 @@ declare namespace LocalJSX {
         /**
           * Emitted after the active slide has changed.
          */
-        "onRoadSlideDidChange"?: (event: CustomEvent<void>) => void;
+        "onRoadslidedidchange"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the user double taps on the slide's container.
          */
-        "onRoadSlideDoubleTap"?: (event: CustomEvent<void>) => void;
+        "onRoadslidedoubletap"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the slider is actively being moved.
          */
-        "onRoadSlideDrag"?: (event: CustomEvent<void>) => void;
+        "onRoadslidedrag"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the next slide has ended.
          */
-        "onRoadSlideNextEnd"?: (event: CustomEvent<void>) => void;
+        "onRoadslidenextend"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the next slide has started.
          */
-        "onRoadSlideNextStart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidenextstart"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the previous slide has ended.
          */
-        "onRoadSlidePrevEnd"?: (event: CustomEvent<void>) => void;
+        "onRoadslideprevend"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the previous slide has started.
          */
-        "onRoadSlidePrevStart"?: (event: CustomEvent<void>) => void;
+        "onRoadslideprevstart"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the slider is at the last slide.
          */
-        "onRoadSlideReachEnd"?: (event: CustomEvent<void>) => void;
+        "onRoadslidereachend"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the slider is at its initial position.
          */
-        "onRoadSlideReachStart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidereachstart"?: (event: CustomEvent<void>) => void;
+        /**
+          * Emitted after Swiper initialization
+         */
+        "onRoadslidesdidload"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the user taps/clicks on the slide's container.
          */
-        "onRoadSlideTap"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetap"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the user releases the touch.
          */
-        "onRoadSlideTouchEnd"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetouchend"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the user first touches the slider.
          */
-        "onRoadSlideTouchStart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetouchstart"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the slide transition has ended.
          */
-        "onRoadSlideTransitionEnd"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetransitionend"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the slide transition has started.
          */
-        "onRoadSlideTransitionStart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetransitionstart"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted before the active slide has changed.
          */
-        "onRoadSlideWillChange"?: (event: CustomEvent<void>) => void;
-        /**
-          * Emitted after Swiper initialization
-         */
-        "onRoadSlidesDidLoad"?: (event: CustomEvent<void>) => void;
+        "onRoadslidewillchange"?: (event: CustomEvent<void>) => void;
         /**
           * Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options
          */
@@ -1771,18 +1816,18 @@ declare namespace LocalJSX {
         /**
           * Emitted when the checkbox loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the checked property has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     checked: boolean,
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the checkbox has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * If `true`, the user must fill in a value before submitting a form.
          */
@@ -1846,11 +1891,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the minus button is clicked
          */
-        "onRoadDecrease"?: (event: CustomEvent<void>) => void;
+        "onRoaddecrease"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the plus button is clicked
          */
-        "onRoadIncrease"?: (event: CustomEvent<void>) => void;
+        "onRoadincrease"?: (event: CustomEvent<void>) => void;
         /**
           * The size of the counter.
          */
@@ -1950,6 +1995,35 @@ declare namespace LocalJSX {
          */
         "isOpen"?: boolean;
     }
+    interface RoadDuration {
+        /**
+          * title of the widget
+         */
+        "header"?: string;
+        /**
+          * Set isOpen property to true to open the duration widget
+         */
+        "isOpen"?: boolean;
+        /**
+          * The maximum value, which must not be less than its minimum (min attribute) value in minutes.
+         */
+        "max"?: number;
+        /**
+          * The minimum value, which must not be greater than its maximum (max attribute) value in minutes.
+         */
+        "min"?: number;
+        /**
+          * Emitt the value and label of the selected option.
+         */
+        "onRoadselected"?: (event: CustomEvent<{
+    value: string | undefined | null,
+    label: string
+  }>) => void;
+        /**
+          * Works with the min and max attributes to limit the increments at which a value can be set in minutes.
+         */
+        "step"?: number;
+    }
     interface RoadFlap {
         /**
           * Set the color of the flap.
@@ -2008,15 +2082,15 @@ declare namespace LocalJSX {
         /**
           * Emitted when the img fails to load
          */
-        "onRoadError"?: (event: CustomEvent<void>) => void;
+        "onRoaderror"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the image has finished loading
          */
-        "onRoadImgDidLoad"?: (event: CustomEvent<void>) => void;
+        "onRoadimgdidload"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the img src has been set
          */
-        "onRoadImgWillLoad"?: (event: CustomEvent<void>) => void;
+        "onRoadimgwillload"?: (event: CustomEvent<void>) => void;
         /**
           * The image URL. This attribute is mandatory for the `<img>` element.
          */
@@ -2090,21 +2164,21 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     value: string | undefined | null;
   }>) => void;
         /**
           * Emitted when the input has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onRoadInput"?: (event: CustomEvent<KeyboardEvent>) => void;
+        "onRoadinput"?: (event: CustomEvent<KeyboardEvent>) => void;
         /**
           * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
          */
@@ -2265,6 +2339,10 @@ declare namespace LocalJSX {
           * country of the plate
          */
         "country"?: 'FR' | 'BE' | 'IT' | 'ES' | 'PT' | 'PL';
+        /**
+          * If `true`, the user cannot interact with the input.
+         */
+        "disabled"?: boolean;
         /**
           * Enable motorbike display
          */
@@ -2272,25 +2350,29 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     value: string | undefined | null;
   }>) => void;
         /**
           * Emitted when the input has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onRoadInput"?: (event: CustomEvent<KeyboardEvent>) => void;
+        "onRoadinput"?: (event: CustomEvent<KeyboardEvent>) => void;
         /**
           * overwrite the default placeholder
          */
         "placeholder"?: string;
+        /**
+          * If `true`, the user cannot modify the value.
+         */
+        "readonly"?: boolean;
         /**
           * The value of the input.
          */
@@ -2334,11 +2416,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the radio button loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the radio button has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * The id of radio
          */
@@ -2380,7 +2462,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     value: string | undefined | null
   }>) => void;
         /**
@@ -2404,7 +2486,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     value: string | undefined | null;
   }>) => void;
         /**
@@ -2464,17 +2546,17 @@ declare namespace LocalJSX {
         /**
           * Emitted when the select loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the select has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * List of options of the select
          */
@@ -2504,7 +2586,7 @@ declare namespace LocalJSX {
         /**
           * Emitted the value and label of the option selected.
          */
-        "onRoadSelected"?: (event: CustomEvent<{
+        "onRoadselected"?: (event: CustomEvent<{
     value: string | undefined | null,
     label: string
   }>) => void;
@@ -2568,18 +2650,18 @@ declare namespace LocalJSX {
         /**
           * Emitted when the switch loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the checked property has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     checked: boolean;
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the switch has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * The id of switch
          */
@@ -2645,11 +2727,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the navigation has finished transitioning to a new component.
          */
-        "onRoadTabsDidChange"?: (event: CustomEvent<{tab: string}>) => void;
+        "onRoadtabsdidchange"?: (event: CustomEvent<{tab: string}>) => void;
         /**
           * Emitted when the navigation is about to transition to a new component.
          */
-        "onRoadTabsWillChange"?: (event: CustomEvent<{tab: string}>) => void;
+        "onRoadtabswillchange"?: (event: CustomEvent<{tab: string}>) => void;
     }
     interface RoadText {
         /**
@@ -2705,21 +2787,21 @@ declare namespace LocalJSX {
         /**
           * Emitted when the textarea loses focus.
          */
-        "onRoadBlur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadChange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: CustomEvent<{
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the textarea has focus.
          */
-        "onRoadFocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: CustomEvent<void>) => void;
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onRoadInput"?: (event: CustomEvent<KeyboardEvent>) => void;
+        "onRoadinput"?: (event: CustomEvent<KeyboardEvent>) => void;
         /**
           * Instructional text that shows before the textarea has a value.
          */
@@ -2830,6 +2912,7 @@ declare namespace LocalJSX {
         "road-dialog": RoadDialog;
         "road-drawer": RoadDrawer;
         "road-dropdown": RoadDropdown;
+        "road-duration": RoadDuration;
         "road-flap": RoadFlap;
         "road-grid": RoadGrid;
         "road-icon": RoadIcon;
@@ -2888,6 +2971,7 @@ declare module "@stencil/core" {
             "road-dialog": LocalJSX.RoadDialog & JSXBase.HTMLAttributes<HTMLRoadDialogElement>;
             "road-drawer": LocalJSX.RoadDrawer & JSXBase.HTMLAttributes<HTMLRoadDrawerElement>;
             "road-dropdown": LocalJSX.RoadDropdown & JSXBase.HTMLAttributes<HTMLRoadDropdownElement>;
+            "road-duration": LocalJSX.RoadDuration & JSXBase.HTMLAttributes<HTMLRoadDurationElement>;
             "road-flap": LocalJSX.RoadFlap & JSXBase.HTMLAttributes<HTMLRoadFlapElement>;
             "road-grid": LocalJSX.RoadGrid & JSXBase.HTMLAttributes<HTMLRoadGridElement>;
             "road-icon": LocalJSX.RoadIcon & JSXBase.HTMLAttributes<HTMLRoadIconElement>;