@roadtrip/components 3.17.0 → 3.18.0

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

@@ -1,7 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @slot  - content of the carousel, it should be road-carousel-item elements.
- */
 export declare class Carousel {
   private paginationEl?;
   private swiperReady;
@@ -11,174 +8,47 @@ export declare class Carousel {
   private syncSwiper?;
   private didInit;
   el: HTMLRoadCarouselElement;
-  /**
-   * Options to pass to the swiper instance.
-   * See http://idangero.us/swiper/api/ for valid options
-   */
   options: any;
   optionsChanged(): Promise<void>;
-  /**
-   * If `true`, show the pagination.
-   */
   pager: boolean;
-  /**
-   * If `true`, show arrows.
-   */
   arrows: boolean;
-  /**
-   * Emitted after Swiper initialization
-   */
   roadslidesdidload: EventEmitter<void>;
-  /**
-   * Emitted when the user taps/clicks on the slide's container.
-   */
   roadslidetap: EventEmitter<void>;
-  /**
-   * Emitted when the user double taps on the slide's container.
-   */
   roadslidedoubletap: EventEmitter<void>;
-  /**
-   * Emitted before the active slide has changed.
-   */
   roadslidewillchange: EventEmitter<void>;
-  /**
-   * Emitted after the active slide has changed.
-   */
   roadslidedidchange: EventEmitter<void>;
-  /**
-   * Emitted when the next slide has started.
-   */
   roadslidenextstart: EventEmitter<void>;
-  /**
-   * Emitted when the previous slide has started.
-   */
   roadslideprevstart: EventEmitter<void>;
-  /**
-   * Emitted when the next slide has ended.
-   */
   roadslidenextend: EventEmitter<void>;
-  /**
-   * Emitted when the previous slide has ended.
-   */
   roadslideprevend: EventEmitter<void>;
-  /**
-   * Emitted when the slide transition has started.
-   */
   roadslidetransitionstart: EventEmitter<void>;
-  /**
-   * Emitted when the slide transition has ended.
-   */
   roadslidetransitionend: EventEmitter<void>;
-  /**
-   * Emitted when the slider is actively being moved.
-   */
   roadslidedrag: EventEmitter<void>;
-  /**
-   * Emitted when the slider is at its initial position.
-   */
   roadslidereachstart: EventEmitter<void>;
-  /**
-   * Emitted when the slider is at the last slide.
-   */
   roadslidereachend: EventEmitter<void>;
-  /**
-   * Emitted when the user first touches the slider.
-   */
   roadslidetouchstart: EventEmitter<void>;
-  /**
-   * Emitted when the user releases the touch.
-   */
   roadslidetouchend: EventEmitter<void>;
   connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  /**
-   * Update the underlying slider implementation. Call this if you've added or removed
-   * child slides.
-   */
   update(): Promise<void>;
-  /**
-   * Force swiper to update its height (when autoHeight is enabled) for the duration
-   * equal to 'speed' parameter.
-   *
-   * @param speed The transition duration (in ms).
-   */
   updateAutoHeight(speed?: number): Promise<void>;
-  /**
-   * Transition to the specified slide.
-   *
-   * @param index The index of the slide to transition to.
-   * @param speed The transition duration (in ms).
-   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
-   */
   slideTo(index: number, speed?: number, runCallbacks?: boolean): Promise<void>;
-  /**
-   * Transition to the next slide.
-   *
-   * @param speed The transition duration (in ms).
-   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
-   */
   slideNext(speed?: number, runCallbacks?: boolean): Promise<void>;
-  /**
-   * Transition to the previous slide.
-   *
-   * @param speed The transition duration (in ms).
-   * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.
-   */
   slidePrev(speed?: number, runCallbacks?: boolean): Promise<void>;
-  /**
-   * Get the index of the active slide.
-   */
   getActiveIndex(): Promise<number>;
-  /**
-   * Get the index of the previous slide.
-   */
   getPreviousIndex(): Promise<number>;
-  /**
-   * Get the total number of slides.
-   */
   length(): Promise<number>;
-  /**
-   * Get whether or not the current slide is the last slide.
-   */
   isEnd(): Promise<boolean>;
-  /**
-   * Get whether or not the current slide is the first slide.
-   */
   isBeginning(): Promise<boolean>;
-  /**
-   * Start auto play.
-   */
   startAutoplay(): Promise<void>;
-  /**
-   * Stop auto play.
-   */
   stopAutoplay(): Promise<void>;
-  /**
-   * Lock or unlock the ability to slide to the next slide.
-   *
-   * @param lock If `true`, disable swiping to the next slide.
-   */
   lockSwipeToNext(lock: boolean): Promise<void>;
-  /**
-   * Lock or unlock the ability to slide to the previous slide.
-   *
-   * @param lock If `true`, disable swiping to the previous slide.
-   */
   lockSwipeToPrev(lock: boolean): Promise<void>;
-  /**
-   * Lock or unlock the ability to slide to the next or previous slide.
-   *
-   * @param lock If `true`, disable swiping to the next and previous slide.
-   */
   lockSwipes(lock: boolean): Promise<void>;
-  /**
-   * Get the Swiper instance.
-   * Use this to access the full Swiper API.
-   * See https://idangero.us/swiper/api/ for all API options.
-   */
   getSwiper(): Promise<any>;
   private initSwiper;
   private normalizeOptions;
+  private setupKeyboardNavigation;
   render(): any;
 }

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

@@ -69,5 +69,6 @@ export declare class Counter {
   private checkValue;
   private onRoadChange;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/phone-number-input/phone-number-input.d.ts

@@ -42,6 +42,7 @@ export declare class RoadPhoneNumberInput {
   handleInput(event: RoadInputCustomEvent<{
     value: string | null | undefined;
   }>): void;
+  handleKeyUp(event: KeyboardEvent): void;
   handleSelect(event: Event): void;
   createAndDispatchPhoneData(fromSelect?: boolean): void;
   updateSelectedCountryCode(countryCode: string): void;

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

@@ -9,6 +9,7 @@
 
  */
 export declare class Dropdown {
+  el: HTMLRoadProfilDropdownElement;
   /**
    * Set to `true` to open the dropdown menu and to `false` to close it.
    */
@@ -17,5 +18,6 @@ export declare class Dropdown {
    * Toggle the display when clicking element in slot
    */
   private onClick;
+  handleDocumentClick(ev: MouseEvent): void;
   render(): any;
 }

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

@@ -66,5 +66,8 @@ export declare class Range {
   }>;
   private getValue;
   private onInput;
+  handleFocus(): void;
+  handleBlur(): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import Fuse from 'fuse.js';
 /**
  * @slot  - Input element for the widget, it should be a road-input element.
  */
@@ -6,6 +7,7 @@ export declare class SelectFilter {
   el: HTMLRoadSelectFilterElement;
   isOpen: boolean;
   currentValue: string;
+  activeIndex: number;
   /**
    * List of options of the select
    */
@@ -30,18 +32,28 @@ export declare class SelectFilter {
   handleBlur(): void;
   handleChange(event: CustomEvent): void;
   onClickOutside(event: MouseEvent): void;
-  /**
-   * Emitted the value and label of the option selected.
-   */
+  handleKeydown(event: KeyboardEvent): void;
+  get filteredOptions(): {
+    item: {
+      value: string | number;
+      label: string;
+    };
+    score: number;
+    refIndex: number;
+  }[] | Fuse.FuseResult<{
+    value: string | number;
+    label: string;
+  }>[];
   roadselected: EventEmitter<{
     value: string | undefined | null;
     label: string;
   }>;
-  /** @internal */
   roadSelected: EventEmitter<{
     value: string | undefined | null;
     label: string;
   }>;
   private onClick;
+  private handleOptionMouseOver;
+  private handleOptionClick;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -250,92 +250,24 @@ export namespace Components {
         "value"?: string;
     }
     interface RoadCarousel {
-        /**
-          * If `true`, show arrows.
-         */
         "arrows": boolean;
-        /**
-          * Get the index of the active slide.
-         */
         "getActiveIndex": () => Promise<number>;
-        /**
-          * Get the index of the previous slide.
-         */
         "getPreviousIndex": () => Promise<number>;
-        /**
-          * Get the Swiper instance. Use this to access the full Swiper API. See https://idangero.us/swiper/api/ for all API options.
-         */
         "getSwiper": () => Promise<any>;
-        /**
-          * Get whether or not the current slide is the first slide.
-         */
         "isBeginning": () => Promise<boolean>;
-        /**
-          * Get whether or not the current slide is the last slide.
-         */
         "isEnd": () => Promise<boolean>;
-        /**
-          * Get the total number of slides.
-         */
         "length": () => Promise<number>;
-        /**
-          * Lock or unlock the ability to slide to the next slide.
-          * @param lock If `true`, disable swiping to the next slide.
-         */
         "lockSwipeToNext": (lock: boolean) => Promise<void>;
-        /**
-          * Lock or unlock the ability to slide to the previous slide.
-          * @param lock If `true`, disable swiping to the previous slide.
-         */
         "lockSwipeToPrev": (lock: boolean) => Promise<void>;
-        /**
-          * Lock or unlock the ability to slide to the next or previous slide.
-          * @param lock If `true`, disable swiping to the next and previous slide.
-         */
         "lockSwipes": (lock: boolean) => Promise<void>;
-        /**
-          * Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options
-         */
         "options": any;
-        /**
-          * If `true`, show the pagination.
-         */
         "pager": boolean;
-        /**
-          * Transition to the next slide.
-          * @param speed The transition duration (in ms).
-          * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
-         */
         "slideNext": (speed?: number, runCallbacks?: boolean) => Promise<void>;
-        /**
-          * Transition to the previous slide.
-          * @param speed The transition duration (in ms).
-          * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.
-         */
         "slidePrev": (speed?: number, runCallbacks?: boolean) => Promise<void>;
-        /**
-          * Transition to the specified slide.
-          * @param index The index of the slide to transition to.
-          * @param speed The transition duration (in ms).
-          * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
-         */
         "slideTo": (index: number, speed?: number, runCallbacks?: boolean) => Promise<void>;
-        /**
-          * Start auto play.
-         */
         "startAutoplay": () => Promise<void>;
-        /**
-          * Stop auto play.
-         */
         "stopAutoplay": () => Promise<void>;
-        /**
-          * Update the underlying slider implementation. Call this if you've added or removed child slides.
-         */
         "update": () => Promise<void>;
-        /**
-          * Force swiper to update its height (when autoHeight is enabled) for the duration equal to 'speed' parameter.
-          * @param speed The transition duration (in ms).
-         */
         "updateAutoHeight": (speed?: number) => Promise<void>;
     }
     interface RoadCarouselItem {
@@ -3192,81 +3124,24 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface RoadCarousel {
-        /**
-          * If `true`, show arrows.
-         */
         "arrows"?: boolean;
-        /**
-          * Emitted after the active slide has changed.
-         */
         "onRoadslidedidchange"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the user double taps on the slide's container.
-         */
         "onRoadslidedoubletap"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the slider is actively being moved.
-         */
         "onRoadslidedrag"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the next slide has ended.
-         */
         "onRoadslidenextend"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the next slide has started.
-         */
         "onRoadslidenextstart"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the previous slide has ended.
-         */
         "onRoadslideprevend"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the previous slide has started.
-         */
         "onRoadslideprevstart"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the slider is at the last slide.
-         */
         "onRoadslidereachend"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the slider is at its initial position.
-         */
         "onRoadslidereachstart"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted after Swiper initialization
-         */
         "onRoadslidesdidload"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the user taps/clicks on the slide's container.
-         */
         "onRoadslidetap"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the user releases the touch.
-         */
         "onRoadslidetouchend"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the user first touches the slider.
-         */
         "onRoadslidetouchstart"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the slide transition has ended.
-         */
         "onRoadslidetransitionend"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted when the slide transition has started.
-         */
         "onRoadslidetransitionstart"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Emitted before the active slide has changed.
-         */
         "onRoadslidewillchange"?: (event: RoadCarouselCustomEvent<void>) => void;
-        /**
-          * Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options
-         */
         "options"?: any;
-        /**
-          * If `true`, show the pagination.
-         */
         "pager"?: boolean;
     }
     interface RoadCarouselItem {
@@ -4368,9 +4243,10 @@ declare namespace LocalJSX {
           * If `true`, add class Active
          */
         "isActive"?: boolean;
-        /**
-          * Emitted the value and label of the option selected.
-         */
+        "onRoadSelected"?: (event: RoadSelectFilterCustomEvent<{
+    value: string | undefined | null,
+    label: string
+  }>) => void;
         "onRoadselected"?: (event: RoadSelectFilterCustomEvent<{
     value: string | undefined | null,
     label: string