@roadtrip/components 2.24.1 → 2.27.0

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

@@ -0,0 +1,44 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Duration {
+  /**
+   * Current reference of the duration element
+   */
+  el: HTMLRoadDurationElement;
+  /**
+   * Set isOpen property to true to open the duration widget
+   */
+  isOpen: boolean;
+  /**
+   * title of the widget
+   */
+  header: string;
+  /**
+   * The minimum value, which must not be greater than its maximum (max attribute) value in minutes.
+   */
+  min: number;
+  /**
+   * The maximum value, which must not be less than its minimum (min attribute) value in minutes.
+   */
+  max: number;
+  /**
+   * Works with the min and max attributes to limit the increments at which a value can be set in minutes.
+   */
+  step: number;
+  handleClick(event: CustomEvent): void;
+  /**
+   * Emitt the value and label of the selected option.
+   */
+  roadselected: EventEmitter<{
+    value: string | undefined | null;
+    label: string;
+  }>;
+  /**
+   * Open the widget
+   */
+  open(): Promise<void>;
+  /**
+   * Close the widget
+   */
+  close(): Promise<void>;
+  render(): any;
+}

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

@@ -18,11 +18,23 @@ export declare class Img {
    */
   src?: string;
   srcChanged(): void;
-  /** Emitted when the img src has been set */
+  /**
+   * Emitted when the img src has been set
+   */
+  roadimgwillload: EventEmitter<void>;
+  /** @internal */
   roadImgWillLoad: EventEmitter<void>;
-  /** Emitted when the image has finished loading */
+  /**
+   * Emitted when the image has finished loading
+   */
+  roadimgdidload: EventEmitter<void>;
+  /** @internal */
   roadImgDidLoad: EventEmitter<void>;
-  /** Emitted when the img fails to load */
+  /**
+   * Emitted when the img fails to load
+   */
+  roaderror: EventEmitter<void>;
+  /** @internal */
   roadError: EventEmitter<void>;
   componentDidLoad(): void;
   private addIO;

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

@@ -113,20 +113,30 @@ export declare class Input {
   /**
    * Emitted when a keyboard input occurred.
    */
+  roadinput: EventEmitter<KeyboardEvent>;
+  /** @internal */
   roadInput: EventEmitter<KeyboardEvent>;
   /**
    * Emitted when the value has changed.
    */
+  roadchange: EventEmitter<{
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     value: string | undefined | null;
   }>;
   /**
    * Emitted when the input loses focus.
    */
+  roadblur: EventEmitter<void>;
+  /** @internal */
   roadBlur: EventEmitter<void>;
   /**
    * Emitted when the input has focus.
    */
+  roadfocus: EventEmitter<void>;
+  /** @internal */
   roadFocus: EventEmitter<void>;
   private getValue;
   private onInput;

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

@@ -10,6 +10,8 @@ export declare class Navbar {
   selectedTab?: string;
   selectedTabChanged(): void;
   /** @internal */
+  roadnavbarchanged: EventEmitter;
+  /** @internal */
   roadNavbarChanged: EventEmitter;
   onNavbarChanged(ev: CustomEvent): void;
   componentWillLoad(): void;

package/dist/types/components/navbar-item/navbar-item.d.ts

@@ -46,6 +46,8 @@ export declare class NavbarItem {
    * Emitted when the tab bar is clicked
    * @internal
    */
+  roadnavbaritemclick: EventEmitter;
+  /** @internal */
   roadNavbarItemClick: EventEmitter;
   onNavbarChanged(ev: CustomEvent): void;
   private selectTab;

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

@@ -24,20 +24,30 @@ export declare class PlateNumber {
   /**
    * Emitted when a keyboard input occurred.
    */
+  roadinput: EventEmitter<KeyboardEvent>;
+  /** @internal */
   roadInput: EventEmitter<KeyboardEvent>;
   /**
    * Emitted when the value has changed.
    */
+  roadchange: EventEmitter<{
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     value: string | undefined | null;
   }>;
   /**
    * Emitted when the input loses focus.
    */
+  roadblur: EventEmitter<void>;
+  /** @internal */
   roadBlur: EventEmitter<void>;
   /**
    * Emitted when the input has focus.
    */
+  roadfocus: EventEmitter<void>;
+  /** @internal */
   roadFocus: EventEmitter<void>;
   private getValue;
   private onInput;

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

@@ -46,10 +46,14 @@ export declare class Radio {
   /**
    * Emitted when the radio button has focus.
    */
+  roadfocus: EventEmitter<void>;
+  /** @internal */
   roadFocus: EventEmitter<void>;
   /**
    * Emitted when the radio button loses focus.
    */
+  roadblur: EventEmitter<void>;
+  /** @internal */
   roadBlur: EventEmitter<void>;
   connectedCallback(): void;
   disconnectedCallback(): void;

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

@@ -40,6 +40,10 @@ export declare class RadioGroup {
   /**
    * Emitted when the value has changed.
    */
+  roadchange: EventEmitter<{
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     value: string | undefined | null;
   }>;

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

@@ -33,6 +33,10 @@ export declare class Range {
   /**
    * Emitted when the value has changed.
    */
+  roadchange: EventEmitter<{
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     value: string | undefined | null;
   }>;

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

@@ -48,16 +48,24 @@ export declare class Select {
   /**
    * Emitted when the value has changed.
    */
+  roadchange: EventEmitter<{
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     value: string | undefined | null;
   }>;
   /**
    * Emitted when the select has focus.
    */
+  roadfocus: EventEmitter<void>;
+  /** @internal */
   roadFocus: EventEmitter<void>;
   /**
    * Emitted when the select loses focus.
    */
+  roadblur: EventEmitter<void>;
+  /** @internal */
   roadBlur: EventEmitter<void>;
   valueChanged(): void;
   private onChange;

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

@@ -13,6 +13,11 @@ export declare class SelectFilter {
     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;
   /**
    * If `false`, the user can submit custom value
    */
@@ -23,6 +28,11 @@ export declare class SelectFilter {
   /**
    * Emitted the value and label of the option selected.
    */
+  roadselected: EventEmitter<{
+    value: string | undefined | null;
+    label: string;
+  }>;
+  /** @internal */
   roadSelected: EventEmitter<{
     value: string | undefined | null;
     label: string;

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

@@ -3,7 +3,7 @@ import './../../utils/polyfill';
 import { FeedbackColors } from '../../interface';
 export declare class Switch {
   /**
-   * The id of input
+   * The id of switch
    */
   switchId: string;
   /**
@@ -11,11 +11,11 @@ export declare class Switch {
    */
   name: string;
   /**
-   * If `true`, the toggle is selected.
+   * If `true`, the switch is checked.
    */
   checked: boolean;
   /**
-   * If `true`, the user cannot interact with the toggle.
+   * If `true`, the user cannot interact with the switch.
    */
   disabled: boolean;
   /**
@@ -49,17 +49,26 @@ export declare class Switch {
   /**
    * Emitted when the checked property has changed.
    */
+  roadchange: EventEmitter<{
+    checked: boolean;
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     checked: boolean;
     value: string | undefined | null;
   }>;
   /**
-   * Emitted when the toggle has focus.
+   * Emitted when the switch has focus.
    */
+  roadfocus: EventEmitter<void>;
+  /** @internal */
   roadFocus: EventEmitter<void>;
   /**
-   * Emitted when the toggle loses focus.
+   * Emitted when the switch loses focus.
    */
+  roadblur: EventEmitter<void>;
+  /** @internal */
   roadBlur: EventEmitter<void>;
   checkedChanged(isChecked: boolean): void;
   private onClick;

package/dist/types/components/tab-bar/tab-bar.d.ts

@@ -19,6 +19,8 @@ export declare class TabBar {
   selectedTab?: string;
   selectedTabChanged(): void;
   /** @internal */
+  roadtabbarchanged: EventEmitter;
+  /** @internal */
   roadTabBarChanged: EventEmitter;
   componentWillLoad(): void;
   render(): any;

package/dist/types/components/tab-button/tab-button.d.ts

@@ -46,6 +46,8 @@ export declare class TabButton {
    * Emitted when the tab bar is clicked
    * @internal
    */
+  roadtabbuttonclick: EventEmitter;
+  /** @internal */
   roadTabButtonClick: EventEmitter;
   onTabBarChanged(ev: CustomEvent): void;
   private selectTab;

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

@@ -11,12 +11,20 @@ export declare class Tabs {
   /**
    * Emitted when the navigation is about to transition to a new component.
    */
+  roadtabswillchange: EventEmitter<{
+    tab: string;
+  }>;
+  /** @internal */
   roadTabsWillChange: EventEmitter<{
     tab: string;
   }>;
   /**
    * Emitted when the navigation has finished transitioning to a new component.
    */
+  roadtabsdidchange: EventEmitter<{
+    tab: string;
+  }>;
+  /** @internal */
   roadTabsDidChange: EventEmitter<{
     tab: string;
   }>;

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Textarea {
   /**
-   * The id of input
+   * The id of textarea
    */
   textareaId: string;
   /**
@@ -9,11 +9,11 @@ export declare class Textarea {
    */
   autocapitalize: string;
   /**
-   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+   * This Boolean attribute lets you specify that a form control should have focus when the page loads.
    */
   autofocus: boolean;
   /**
-   * If `true`, the user cannot interact with the input.
+   * If `true`, the user cannot interact with the textarea.
    */
   disabled: boolean;
   /**
@@ -40,7 +40,7 @@ export declare class Textarea {
    */
   name: string;
   /**
-   * Instructional text that shows before the input has a value.
+   * Instructional text that shows before the textarea has a value.
    */
   placeholder?: string;
   /**
@@ -68,7 +68,7 @@ export declare class Textarea {
    */
   wrap?: 'hard' | 'soft' | 'off';
   /**
-   * The value of the input.
+   * The value of the textarea.
    */
   value?: string | null;
   /**
@@ -80,26 +80,36 @@ export declare class Textarea {
    */
   error?: string;
   /**
-   * Update the native input element when the value changes
+   * Update the native textarea element when the value changes
    */
   protected valueChanged(): void;
   /**
    * Emitted when a keyboard input occurred.
    */
+  roadinput: EventEmitter<KeyboardEvent>;
+  /** @internal */
   roadInput: EventEmitter<KeyboardEvent>;
   /**
    * Emitted when the value has changed.
    */
+  roadchange: EventEmitter<{
+    value: string | undefined | null;
+  }>;
+  /** @internal */
   roadChange: EventEmitter<{
     value: string | undefined | null;
   }>;
   /**
-   * Emitted when the input loses focus.
+   * Emitted when the textarea loses focus.
    */
+  roadblur: EventEmitter<void>;
+  /** @internal */
   roadBlur: EventEmitter<void>;
   /**
-   * Emitted when the input has focus.
+   * Emitted when the textarea has focus.
    */
+  roadfocus: EventEmitter<void>;
+  /** @internal */
   roadFocus: EventEmitter<void>;
   private getValue;
   private onInput;

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

@@ -2,11 +2,11 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { FeedbackColors } from '../../interface';
 export declare class Toast {
   /**
-   * Set open propertie to true to show the toast
+   * Set `open` propertie to `true` to open the toast
    */
   isOpen: boolean;
   /**
-   * Set the color of toast. e.g. info, success, warning, danger
+   * Set the color of the toast. e.g. info, success, warning, danger
    */
   color: FeedbackColors;
   /**

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

@@ -28,11 +28,11 @@ export declare class Tooltip {
    */
   trigger: string;
   /**
-   * Shows the tooltip.
+   * Open the tooltip.
    */
   open(): Promise<void>;
   /**
-   * Shows the tooltip.
+   * Close the tooltip.
    */
   close(): Promise<void>;
   private onClick;