@roadtrip/components 3.11.0 → 3.11.1

package/dist/collection/components/area-code/area-code.js

@@ -1,16 +1,12 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class RoadAreaCode {
   constructor() {
     this.onChange = (ev) => {
       const select = ev.target;
       if (select) {
         this.value = select.value || '';
-        const matchedOption = this.options.find(option => option.value === this.value);
-        if (matchedOption) {
-          this.selectedValue = matchedOption.value;
-        }
+        this.selectedValue = this.getMatchedOptionValue();
       }
-      return this.selectedValue;
     };
     this.onBlur = () => {
       this.roadblur.emit();
@@ -31,8 +27,7 @@ export class RoadAreaCode {
     this.sizes = 'lg';
     this.label = 'Country';
     this.error = undefined;
-    this.value = undefined;
-    this.areaValue = undefined;
+    this.value = '';
     this.triggerRender = 0;
   }
   valueChanged() {
@@ -42,19 +37,20 @@ export class RoadAreaCode {
     this.roadChange.emit({
       value: this.value,
     });
-    this.selectedValue = this.value;
+    this.selectedValue = this.getMatchedOptionValue();
   }
   componentWillLoad() {
     if (!this.value && this.options.length > 0) {
       this.selectedValue = this.options[0].value;
     }
     else {
-      const matchedOption = this.options.find(option => option.value === this.value);
-      if (matchedOption) {
-        this.selectedValue = matchedOption.value;
-      }
+      this.selectedValue = this.getMatchedOptionValue();
     }
   }
+  getMatchedOptionValue() {
+    var _a, _b;
+    return (_b = (_a = this.options.find(option => option.value === this.value)) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+  }
   render() {
     const labelId = this.selectId + '-label';
     const valueId = this.selectId + '-value';
@@ -97,11 +93,12 @@ export class RoadAreaCode {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "Array<{\n    value: string | number;\n    label: string;\n    selected?: boolean;\n  }>",
-          "resolved": "{ value: string | number; label: string; selected?: boolean | undefined; }[]",
+          "original": "Array<{\n    value: string;\n    label: string;\n    selected?: boolean;\n  }>",
+          "resolved": "{ value: string; label: string; selected?: boolean | undefined; }[]",
           "references": {
             "Array": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Array"
             }
           }
         },
@@ -257,38 +254,22 @@ export class RoadAreaCode {
         "reflect": false
       },
       "value": {
-        "type": "any",
+        "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "any | null",
-          "resolved": "any",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "the value of the select."
         },
         "attribute": "value",
-        "reflect": false
-      },
-      "areaValue": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "the value of the area Value."
-        },
-        "attribute": "area-value",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "''"
       },
       "triggerRender": {
         "type": "number",

package/dist/collection/components/area-code/area-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"area-code.js","sourceRoot":"","sources":["../../../src/components/area-code/area-code.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, Watch, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'road-area-code',\n  styleUrl: 'area-code.css',  // Mettez à jour le nom du fichier de style si nécessaire\n  scoped: true,\n})\nexport class RoadAreaCode {\n\n  /**\n   * The id of select\n   */\n\n  @Prop() selectId: string = `road-select-${selectIds++}`;\n  @State() selectedValue: string | number = '';\n\n/**\n   * List of options of the area code\n   */\n  @Prop() options: Array<{\n    value: string | number;\n    label: string;\n    selected?: boolean;\n  }> = [];\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.selectId;\n\n  /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n  @Prop() required: boolean = false;\n\n  /**\n * The size of the areacode\n */\n  @Prop() size: number = 0;\n\n  /**\n * The size of the areacode\n */\n  @Prop() sizes: 'lg' | 'xl' = 'lg';\n\n  /**\n * The label of the areacode\n */\n  @Prop() label: string = 'Country';\n\n  /**\n   * Error message for the field\n   */\n  @Prop() error?: string;\n\n  /**\n   * the value of the select.\n   */\n  @Prop({ mutable: true }) value?: any | null;\n\n  /**\n   * the value of the area Value.\n   */\n  @Prop() areaValue?: number;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() roadchange!: EventEmitter<{\n    value: string | undefined | null\n  }>;\n  /** @internal */\n  @Event() roadChange!: EventEmitter<{\n    value: string | undefined | null\n  }>;\n\n  /**\n* Emitted when the select has focus.\n*/\n\n  @Event() roadfocus!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadFocus!: EventEmitter<void>;\n\n  /**\n* Emitted when the select loses focus.\n*/\n\n  @Event() roadblur!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadBlur!: EventEmitter<void>;\n\n  @Watch('value')\n  valueChanged() {\n    this.roadchange.emit({\n      value: this.value,\n    });\n    this.roadChange.emit({\n      value: this.value,\n    });\n    this.selectedValue = this.value;\n  }\n\n  /**\n   * Trigger number.\n   */\n  @Prop({ mutable: true }) triggerRender: number = 0;\n\n  componentWillLoad() {\n    if (!this.value && this.options.length > 0) {\n      this.selectedValue = this.options[0].value;\n    } else {\n      const matchedOption = this.options.find(option => option.value === this.value);\n      if (matchedOption) {\n        this.selectedValue = matchedOption.value;\n      }\n    }\n  }\n\n  private onChange = (ev: Event) => {\n    const select = ev.target as HTMLSelectElement | null;\n    if (select) {\n      this.value = select.value || '';\n      const matchedOption = this.options.find(option => option.value === this.value);\n      if (matchedOption) {\n        this.selectedValue = matchedOption.value;\n      }\n    }\n    return this.selectedValue;\n  };\n\n  private onBlur = () => {\n    this.roadblur.emit();\n    this.roadBlur.emit();\n  };\n\n  private onFocus = () => {\n    this.roadfocus.emit();\n    this.roadFocus.emit();\n  };\n\n  render() {\n    const labelId = this.selectId + '-label';\n    const valueId = this.selectId + '-value';\n\n    const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n    return (\n      <Host class={this.sizes && `select-${this.sizes}`}>\n        <select\n          class={`form-select-area has-value ${isInvalidClass}`}  // Appliquez la classe has-value par défaut ici\n          id={this.selectId}\n          aria-disabled={this.disabled ? 'true' : null}\n          autoFocus={this.autofocus}\n          disabled={this.disabled}\n          name={this.name}\n          required={this.required}\n          size={this.size}\n          onChange={this.onChange}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n        >\n          {this.options && this.options.map(option => (\n            <option value={option.value} selected={option.selected}>{option.label}</option>\n          ))}\n        </select>\n        <label class=\"form-select-area-label\" id={labelId} htmlFor={this.selectId}>{this.label}</label>\n        <label class=\"form-select-area-value\" id={valueId} htmlFor={this.selectId}>+{this.selectedValue}</label>\n        {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n      </Host>\n    );\n  }\n}\n\nlet selectIds = 0;\n"]}
+{"version":3,"file":"area-code.js","sourceRoot":"","sources":["../../../src/components/area-code/area-code.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, Watch, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'road-area-code',\n  styleUrl: 'area-code.css',  // Mettez à jour le nom du fichier de style si nécessaire\n  scoped: true,\n})\nexport class RoadAreaCode {\n\n  /**\n   * The id of select\n   */\n\n  @Prop() selectId: string = `road-select-${selectIds++}`;\n  @State() selectedValue: string = '';\n\n/**\n   * List of options of the area code\n   */\n  @Prop() options: Array<{\n    value: string;\n    label: string;\n    selected?: boolean;\n  }> = [];\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.selectId;\n\n  /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n  @Prop() required: boolean = false;\n\n  /**\n * The size of the areacode\n */\n  @Prop() size: number = 0;\n\n  /**\n * The size of the areacode\n */\n  @Prop() sizes: 'lg' | 'xl' = 'lg';\n\n  /**\n * The label of the areacode\n */\n  @Prop() label: string = 'Country';\n\n  /**\n   * Error message for the field\n   */\n  @Prop() error?: string;\n\n  /**\n   * the value of the select.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() roadchange!: EventEmitter<{\n    value: string | undefined | null\n  }>;\n  /** @internal */\n  @Event() roadChange!: EventEmitter<{\n    value: string | undefined | null\n  }>;\n\n  /**\n* Emitted when the select has focus.\n*/\n\n  @Event() roadfocus!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadFocus!: EventEmitter<void>;\n\n  /**\n* Emitted when the select loses focus.\n*/\n\n  @Event() roadblur!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadBlur!: EventEmitter<void>;\n\n  @Watch('value')\n  valueChanged() {\n    this.roadchange.emit({\n      value: this.value,\n    });\n    this.roadChange.emit({\n      value: this.value,\n    });\n    this.selectedValue = this.getMatchedOptionValue();\n  }\n\n  /**\n   * Trigger number.\n   */\n  @Prop({ mutable: true }) triggerRender: number = 0;\n\n  componentWillLoad() {\n    if (!this.value && this.options.length > 0) {\n      this.selectedValue = this.options[0].value;\n    } else {\n      this.selectedValue = this.getMatchedOptionValue();\n    }\n  }\n\n  getMatchedOptionValue() {\n    return this.options.find(option => option.value === this.value)?.value ?? '';\n  }\n\n  private onChange = (ev: Event) => {\n    const select = ev.target as HTMLSelectElement | null;\n    if (select) {\n      this.value = select.value || '';\n      this.selectedValue = this.getMatchedOptionValue();\n    }\n  };\n\n  private onBlur = () => {\n    this.roadblur.emit();\n    this.roadBlur.emit();\n  };\n\n  private onFocus = () => {\n    this.roadfocus.emit();\n    this.roadFocus.emit();\n  };\n\n  render() {\n    const labelId = this.selectId + '-label';\n    const valueId = this.selectId + '-value';\n\n    const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n    return (\n      <Host class={this.sizes && `select-${this.sizes}`}>\n        <select\n          class={`form-select-area has-value ${isInvalidClass}`}  // Appliquez la classe has-value par défaut ici\n          id={this.selectId}\n          aria-disabled={this.disabled ? 'true' : null}\n          autoFocus={this.autofocus}\n          disabled={this.disabled}\n          name={this.name}\n          required={this.required}\n          size={this.size}\n          onChange={this.onChange}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n        >\n          {this.options && this.options.map(option => (\n            <option value={option.value} selected={option.selected}>{option.label}</option>\n          ))}\n        </select>\n        <label class=\"form-select-area-label\" id={labelId} htmlFor={this.selectId}>{this.label}</label>\n        <label class=\"form-select-area-value\" id={valueId} htmlFor={this.selectId}>+{this.selectedValue}</label>\n        {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n      </Host>\n    );\n  }\n}\n\nlet selectIds = 0;\n"]}

package/dist/collection/components/autocomplete/autocomplete.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 /**
  * @slot  - Input element for the widget, it should be a road-input element.
  */
@@ -53,7 +53,8 @@ export class Autocomplete {
           "resolved": "{ value: string | number; label: string; }[]",
           "references": {
             "Array": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Array"
             }
           }
         },

package/dist/collection/components/autocomplete/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAEtG;;GAEG;AAOH,MAAM,OAAO,YAAY;;IAwCf,YAAO,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;MACzD,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAA0B,CAAC,KAAK,GAAG,KAAK,CAAC;MAC5E,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;QACvB,KAAK,EAAE,KAAK;OACb,CAAC,CAAC;MACH,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;QACvB,KAAK,EAAE,KAAK;OACb,CAAC,CAAC;IACL,CAAC,CAAC;mBA/C0B,KAAK;mBAQ5B,EAAE;;EAIP,WAAW;IACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;EACtB,CAAC;EAGD,cAAc,CAAC,KAAiB;IAC9B,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;MAC3D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;EACH,CAAC;EA4BD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAO;MACN,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QACtC,UAAI,KAAK,EAAC,mBAAmB,IAC1B,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1C,UAAI,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAClG,MAAM,CAAC,KAAK,CACV,CACN,CAAC,CACC,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Listen, Prop, State, h, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot  - Input element for the widget, it should be a road-input element.\n */\n\n@Component({\n  tag: 'road-autocomplete',\n  styleUrl: 'autocomplete.css',\n  scoped: true,\n})\nexport class Autocomplete {\n\n  @Element() el!: HTMLRoadAutocompleteElement;\n\n  @State() visible: boolean = false;\n\n  /**\n   * List of autocomplete options\n   */\n  @Prop() options: Array<{\n    value: string | number;\n    label: string;\n  }> = [];\n\n  @Listen('roadFocus')\n  @Listen('roadfocus')\n  handleFocus() {\n    this.visible = true;\n  }\n\n  @Listen('click', { target: 'document' })\n  onClickOutside(event: MouseEvent) {\n    if (this.visible && !this.el.contains(event.target as Node)) {\n      this.visible = false;\n    }\n  }\n\n  /**\n   * Emitted the value and label of the option selected.\n   */\n  @Event() roadselected!: EventEmitter<{\n    value: string | undefined | null,\n    label: string\n  }>;\n  /** @internal */\n  @Event() roadSelected!: EventEmitter<{\n    value: string | undefined | null,\n    label: string\n  }>;\n\n  private onClick = (value: string | number, label: string) => {\n    (this.el.querySelector('road-input') as HTMLRoadInputElement).value = value;\n    this.visible = false;\n    this.roadselected.emit({\n      value: value.toString(),\n      label: label,\n    });\n    this.roadSelected.emit({\n      value: value.toString(),\n      label: label,\n    });\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot/>\n        {this.visible && this.options.length > 0 &&\n          <ul class=\"autocomplete-list\">\n            {this.options && this.options.map(option => (\n              <li class=\"autocomplete-item\" role=\"menuitem\" onClick={() => this.onClick(option.value, option.label)}>\n                {option.label}\n              </li>\n            ))}\n          </ul>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAEtG;;GAEG;AAOH,MAAM,OAAO,YAAY;;IAwCf,YAAO,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;MACzD,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAA0B,CAAC,KAAK,GAAG,KAAK,CAAC;MAC5E,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;QACvB,KAAK,EAAE,KAAK;OACb,CAAC,CAAC;MACH,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;QACvB,KAAK,EAAE,KAAK;OACb,CAAC,CAAC;IACL,CAAC,CAAC;mBA/C0B,KAAK;mBAQ5B,EAAE;;EAIP,WAAW;IACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;EACtB,CAAC;EAGD,cAAc,CAAC,KAAiB;IAC9B,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;MAC3D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;EACH,CAAC;EA4BD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAO;MACN,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QACtC,UAAI,KAAK,EAAC,mBAAmB,IAC1B,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1C,UAAI,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAClG,MAAM,CAAC,KAAK,CACV,CACN,CAAC,CACC,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Listen, Prop, State, h, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot  - Input element for the widget, it should be a road-input element.\n */\n\n@Component({\n  tag: 'road-autocomplete',\n  styleUrl: 'autocomplete.css',\n  scoped: true,\n})\nexport class Autocomplete {\n\n  @Element() el!: HTMLRoadAutocompleteElement;\n\n  @State() visible: boolean = false;\n\n  /**\n   * List of autocomplete options\n   */\n  @Prop() options: Array<{\n    value: string | number;\n    label: string;\n  }> = [];\n\n  @Listen('roadFocus')\n  @Listen('roadfocus')\n  handleFocus() {\n    this.visible = true;\n  }\n\n  @Listen('click', { target: 'document' })\n  onClickOutside(event: MouseEvent) {\n    if (this.visible && !this.el.contains(event.target as Node)) {\n      this.visible = false;\n    }\n  }\n\n  /**\n   * Emitted the value and label of the option selected.\n   */\n  @Event() roadselected!: EventEmitter<{\n    value: string | undefined | null,\n    label: string\n  }>;\n  /** @internal */\n  @Event() roadSelected!: EventEmitter<{\n    value: string | undefined | null,\n    label: string\n  }>;\n\n  private onClick = (value: string | number, label: string) => {\n    (this.el.querySelector('road-input') as HTMLRoadInputElement).value = value;\n    this.visible = false;\n    this.roadselected.emit({\n      value: value.toString(),\n      label: label,\n    });\n    this.roadSelected.emit({\n      value: value.toString(),\n      label: label,\n    });\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot/>\n        {this.visible && this.options.length > 0 &&\n          <ul class=\"autocomplete-list\">\n            {this.options && this.options.map(option => (\n              <li class=\"autocomplete-item\" role=\"menuitem\" onClick={() => this.onClick(option.value, option.label)}>\n                {option.label}\n              </li>\n            ))}\n          </ul>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/avatar/avatar.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 /**
  * @slot  - Image of the avatar.
  */

package/dist/collection/components/badge/badge.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 /**
  * @slot - Content of the badge, it could be a number or a text.
  */
@@ -35,7 +35,8 @@ export class Badge {
           "references": {
             "Color": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::Color"
             }
           }
         },

package/dist/collection/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD;;GAEG;AAOH,MAAM,OAAO,KAAK;;iBAKQ,WAAW;kBAKR,KAAK;;EAEhC,MAAM;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,GAAG,UAAU,IAAI,WAAW,EAAE;MACzC,eAAO,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\nimport { Color } from '../../interface';\n\n/**\n * @slot - Content of the badge, it could be a number or a text.\n */\n\n@Component({\n  tag: 'road-badge',\n  styleUrl: 'badge.css',\n  shadow: true,\n})\nexport class Badge {\n\n  /**\n   * Color of the badge\n   */\n  @Prop() color?: Color = 'secondary';\n\n  /**\n   * if `true` the badge will be displayed has a little bubble\n   */\n  @Prop() bubble?: boolean = false;\n\n  render() {\n    const colorClass = this.color !== undefined ? `badge-${this.color}` : '';\n    const bubbleClass = this.bubble ? 'badge-bubble' : '';\n\n    return (\n      <Host class={`${colorClass} ${bubbleClass}`}>\n        <slot/>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD;;GAEG;AAOH,MAAM,OAAO,KAAK;;iBAKQ,WAAW;kBAKR,KAAK;;EAEhC,MAAM;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,GAAG,UAAU,IAAI,WAAW,EAAE;MACzC,eAAO,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\nimport { Color } from '../../interface';\n\n/**\n * @slot - Content of the badge, it could be a number or a text.\n */\n\n@Component({\n  tag: 'road-badge',\n  styleUrl: 'badge.css',\n  shadow: true,\n})\nexport class Badge {\n\n  /**\n   * Color of the badge\n   */\n  @Prop() color?: Color = 'secondary';\n\n  /**\n   * if `true` the badge will be displayed has a little bubble\n   */\n  @Prop() bubble?: boolean = false;\n\n  render() {\n    const colorClass = this.color !== undefined ? `badge-${this.color}` : '';\n    const bubbleClass = this.bubble ? 'badge-bubble' : '';\n\n    return (\n      <Host class={`${colorClass} ${bubbleClass}`}>\n        <slot/>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/banner/banner.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { navigationClose } from '../../../icons';
+import { Host, h } from "@stencil/core";
+import { navigationClose } from "../../../icons";
 export class Banner {
   constructor() {
     /**
@@ -138,7 +138,8 @@ export class Banner {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,OAAO,MAAM;;IAsBjB;;OAEG;IACK,YAAO,GAAG,CAAC,EAAW,EAAE,EAAE;MAChC,EAAE,CAAC,eAAe,EAAE,CAAC;MACrB,EAAE,CAAC,cAAc,EAAE,CAAC;MAEpB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC,CAAC;kBAzByC,IAAI;iBAKvB,EAAE;;;;EAsB1B;;KAEG;EAEH,KAAK,CAAC,KAAK;IACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;EACtB,CAAC;EAOD,MAAM;IACJ,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3D,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB;MAC5B;QACE,YAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAQ;QAClD,IAAI,CAAC,IAAI,IAAI,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,IAAI,CAAK;QACzE,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO;UAC9D,iBAAW,IAAI,EAAE,eAAe,EAAE,IAAI,EAAC,IAAI,GAAa,CACjD,CACL,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop, Method, Event, EventEmitter} from '@stencil/core';\nimport { navigationClose } from '../../../icons';\n\n@Component({\n  tag: 'road-banner',\n  styleUrl: 'banner.css',\n  shadow: true,\n})\nexport class Banner {\n\n  /**\n   * Set `open` property to `true` to open the banner\n   */\n  @Prop({ mutable: true }) isOpen: boolean = true;\n\n  /**\n   * Text display in the banner\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Text Link display in the banner\n   */\n  @Prop() link?: string;\n\n  /**\n   * Text Link display in the banner\n   */\n  @Prop() url?: string;\n\n  /**\n   * Close the dialog when clicking on the cross or layer\n   */\n  private onClick = (ev: UIEvent) => {\n    ev.stopPropagation();\n    ev.preventDefault();\n\n    this.close();\n  };\n\n  /**\n   * Close the banner\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.onClose.emit();\n  }\n\n  /**\n   * Indicate when closing the banner\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  render() {\n    const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';\n\n    return (\n      <Host class={bannerIsOpenClass}>\n        <div>\n          <span class=\"banner-open-label\">{this.label}</span>\n          {this.link && <a href={this.url} class=\"banner-open-link\">{this.link}</a>}\n          <button type=\"button\" class=\"banner-close\" onClick={this.onClick}>\n            <road-icon icon={navigationClose} size=\"md\"></road-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,OAAO,MAAM;;IAsBjB;;OAEG;IACK,YAAO,GAAG,CAAC,EAAW,EAAE,EAAE;MAChC,EAAE,CAAC,eAAe,EAAE,CAAC;MACrB,EAAE,CAAC,cAAc,EAAE,CAAC;MAEpB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC,CAAC;kBAzByC,IAAI;iBAKvB,EAAE;;;;EAsB1B;;KAEG;EAEH,KAAK,CAAC,KAAK;IACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;EACtB,CAAC;EAOD,MAAM;IACJ,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3D,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB;MAC5B;QACE,YAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAQ;QAClD,IAAI,CAAC,IAAI,IAAI,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,IAAI,CAAK;QACzE,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO;UAC9D,iBAAW,IAAI,EAAE,eAAe,EAAE,IAAI,EAAC,IAAI,GAAa,CACjD,CACL,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop, Method, Event, EventEmitter} from '@stencil/core';\nimport { navigationClose } from '../../../icons';\n\n@Component({\n  tag: 'road-banner',\n  styleUrl: 'banner.css',\n  shadow: true,\n})\nexport class Banner {\n\n  /**\n   * Set `open` property to `true` to open the banner\n   */\n  @Prop({ mutable: true }) isOpen: boolean = true;\n\n  /**\n   * Text display in the banner\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Text Link display in the banner\n   */\n  @Prop() link?: string;\n\n  /**\n   * Text Link display in the banner\n   */\n  @Prop() url?: string;\n\n  /**\n   * Close the dialog when clicking on the cross or layer\n   */\n  private onClick = (ev: UIEvent) => {\n    ev.stopPropagation();\n    ev.preventDefault();\n\n    this.close();\n  };\n\n  /**\n   * Close the banner\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.onClose.emit();\n  }\n\n  /**\n   * Indicate when closing the banner\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  render() {\n    const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';\n\n    return (\n      <Host class={bannerIsOpenClass}>\n        <div>\n          <span class=\"banner-open-label\">{this.label}</span>\n          {this.link && <a href={this.url} class=\"banner-open-link\">{this.link}</a>}\n          <button type=\"button\" class=\"banner-close\" onClick={this.onClick}>\n            <road-icon icon={navigationClose} size=\"md\"></road-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/button/button.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import './../../utils/polyfill';
+import { Host, h } from "@stencil/core";
+import "./../../utils/polyfill";
 /**
  * @slot - Content of the button.
  * ex if onlyIcon `<road-icon name="shopping-cart-add"></road-icon>`

package/dist/collection/components/button-floating/button-floating.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import './../../utils/polyfill';
+import { Host, h } from "@stencil/core";
+import "./../../utils/polyfill";
 /**
  * @slot - Content of the button.
  * @slot start - Left content of the button text, usually for icon.

package/dist/collection/components/card/card.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @slot  - Content of the card.
  *

package/dist/collection/components/carousel/carousel.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { navigationChevron } from '../../../icons';
+import { Host, h } from "@stencil/core";
+import { navigationChevron } from "../../../icons";
 import Swiper, { Autoplay, Pagination, Scrollbar, Keyboard, Zoom } from "swiper";
 Swiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);
 /**
@@ -684,7 +684,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -706,7 +707,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -743,7 +745,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -780,7 +783,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -814,7 +818,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -836,7 +841,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<number>"
@@ -852,7 +858,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<number>"
@@ -868,7 +875,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<number>"
@@ -884,7 +892,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<boolean>"
@@ -900,7 +909,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<boolean>"
@@ -916,7 +926,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -932,7 +943,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -954,7 +966,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -979,7 +992,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -1004,7 +1018,8 @@ export class Carousel {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -1023,7 +1038,8 @@ export class Carousel {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<any>"

package/dist/collection/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core';\nimport { navigationChevron } from '../../../icons';\nimport Swiper, {SwiperOptions, Autoplay, Pagination, Scrollbar, Keyboard, Zoom} from \"swiper\"\n\nSwiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);\n\n/**\n * @slot  - content of the carousel, it should be road-carousel-item elements.\n */\n\n@Component({\n  tag: 'road-carousel',\n  styleUrl: 'carousel.css',\n  shadow: true,\n})\nexport class Carousel {\n  private paginationEl?: HTMLElement;\n  private swiperReady = false;\n  private mutationO?: MutationObserver;\n  private readySwiper!: (swiper: Swiper) => void;\n  private swiper: Promise<Swiper> = new Promise(resolve => {\n    this.readySwiper = resolve;\n  });\n  private syncSwiper?: Swiper;\n  private didInit = false;\n\n  @Element() el!: HTMLRoadCarouselElement;\n\n  /**\n   * Options to pass to the swiper instance.\n   * See http://idangero.us/swiper/api/ for valid options\n   */\n  @Prop() options: any = {}; // SwiperOptions;  // TODO\n\n  @Watch('options')\n  async optionsChanged() {\n    if (this.swiperReady) {\n      const swiper = await this.getSwiper();\n      Object.assign(swiper.params, this.options);\n      await this.update();\n    }\n  }\n\n  /**\n   * If `true`, show the pagination.\n   */\n  @Prop() pager = true;\n\n  /**\n   * If `true`, show arrows.\n   */\n  @Prop() arrows = false;\n\n  /**\n   * Emitted after Swiper initialization\n   */\n  @Event() roadslidesdidload!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user taps/clicks on the slide's container.\n   */\n  @Event() roadslidetap!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user double taps on the slide's container.\n   */\n  @Event() roadslidedoubletap!: EventEmitter<void>;\n\n  /**\n   * Emitted before the active slide has changed.\n   */\n  @Event() roadslidewillchange!: EventEmitter<void>;\n\n  /**\n   * Emitted after the active slide has changed.\n   */\n  @Event() roadslidedidchange!: EventEmitter<void>;\n\n  /**\n   * Emitted when the next slide has started.\n   */\n  @Event() roadslidenextstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the previous slide has started.\n   */\n  @Event() roadslideprevstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the next slide has ended.\n   */\n  @Event() roadslidenextend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the previous slide has ended.\n   */\n  @Event() roadslideprevend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slide transition has started.\n   */\n  @Event() roadslidetransitionstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slide transition has ended.\n   */\n  @Event() roadslidetransitionend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slider is actively being moved.\n   */\n  @Event() roadslidedrag!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slider is at its initial position.\n   */\n  @Event() roadslidereachstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slider is at the last slide.\n   */\n  @Event() roadslidereachend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user first touches the slider.\n   */\n  @Event() roadslidetouchstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user releases the touch.\n   */\n  @Event() roadslidetouchend!: EventEmitter<void>;\n\n  connectedCallback() {\n    // tslint:disable-next-line: strict-type-predicates\n    if (typeof MutationObserver !== 'undefined') {\n      const mut = this.mutationO = new MutationObserver(() => {\n        if (this.swiperReady) {\n          this.update();\n        }\n      });\n      mut.observe(this.el, {\n        childList: true,\n        subtree: true,\n      });\n    }\n  }\n\n  componentDidLoad(){\n    if (!this.didInit) {\n      this.didInit = true;\n      this.initSwiper();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mutationO) {\n      this.mutationO.disconnect();\n      this.mutationO = undefined;\n    }\n\n    /**\n     * We need to synchronously destroy\n     * swiper otherwise it is possible\n     * that it will be left in a\n     * destroyed state if connectedCallback\n     * is called multiple times\n     */\n    const swiper = this.syncSwiper;\n    if (swiper !== undefined) {\n      swiper.destroy(true, true);\n      this.swiper = new Promise(resolve => {\n        this.readySwiper = resolve;\n      });\n      this.swiperReady = false;\n      this.syncSwiper = undefined;\n    }\n\n    this.didInit = false;\n  }\n\n  /**\n   * Update the underlying slider implementation. Call this if you've added or removed\n   * child slides.\n   */\n  @Method()\n  async update() {\n    const [swiper] = await Promise.all([\n      this.getSwiper(),\n      waitForSlides(this.el)\n    ]);\n    swiper.update();\n  }\n\n  /**\n   * Force swiper to update its height (when autoHeight is enabled) for the duration\n   * equal to 'speed' parameter.\n   *\n   * @param speed The transition duration (in ms).\n   */\n  @Method()\n  async updateAutoHeight(speed?: number) {\n    const swiper = await this.getSwiper();\n    swiper.updateAutoHeight(speed);\n  }\n\n  /**\n   * Transition to the specified slide.\n   *\n   * @param index The index of the slide to transition to.\n   * @param speed The transition duration (in ms).\n   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.\n   */\n  @Method()\n  async slideTo(index: number, speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slideTo(index, speed, runCallbacks);\n  }\n\n  /**\n   * Transition to the next slide.\n   *\n   * @param speed The transition duration (in ms).\n   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.\n   */\n  @Method()\n  async slideNext(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slideNext(speed!, runCallbacks!);\n  }\n\n  /**\n   * Transition to the previous slide.\n   *\n   * @param speed The transition duration (in ms).\n   * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.\n   */\n  @Method()\n  async slidePrev(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slidePrev(speed, runCallbacks);\n  }\n\n  /**\n   * Get the index of the active slide.\n   */\n  @Method()\n  async getActiveIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.activeIndex;\n  }\n\n  /**\n   * Get the index of the previous slide.\n   */\n  @Method()\n  async getPreviousIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.previousIndex;\n  }\n\n  /**\n   * Get the total number of slides.\n   */\n  @Method()\n  async length(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.slides.length;\n  }\n\n  /**\n   * Get whether or not the current slide is the last slide.\n   */\n  @Method()\n  async isEnd(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isEnd;\n  }\n\n  /**\n   * Get whether or not the current slide is the first slide.\n   */\n  @Method()\n  async isBeginning(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isBeginning;\n  }\n\n  /**\n   * Start auto play.\n   */\n  @Method()\n  async startAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.start();\n    }\n  }\n\n  /**\n   * Stop auto play.\n   */\n  @Method()\n  async stopAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.stop();\n    }\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the next slide.\n   *\n   * @param lock If `true`, disable swiping to the next slide.\n   */\n  @Method()\n  async lockSwipeToNext(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlideNext = !lock;\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the previous slide.\n   *\n   * @param lock If `true`, disable swiping to the previous slide.\n   */\n  @Method()\n  async lockSwipeToPrev(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlidePrev = !lock;\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the next or previous slide.\n   *\n   * @param lock If `true`, disable swiping to the next and previous slide.\n   */\n  @Method()\n  async lockSwipes(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlideNext = !lock;\n    swiper.allowSlidePrev = !lock;\n    swiper.allowTouchMove = !lock;\n  }\n\n  /**\n   * Get the Swiper instance.\n   * Use this to access the full Swiper API.\n   * See https://idangero.us/swiper/api/ for all API options.\n   */\n  @Method()\n  async getSwiper(): Promise<any> {\n    return this.swiper;\n  }\n\n  private async initSwiper() {\n    const finalOptions = this.normalizeOptions();\n\n    // init swiper core\n    await waitForSlides(this.el);\n    // @ts-ignore\n    const swiper = new Swiper(this.el, finalOptions);\n    this.swiperReady = true;\n    this.syncSwiper = swiper;\n    this.readySwiper(swiper);\n  }\n\n  private normalizeOptions(): SwiperOptions {\n    // Base options, can be changed\n    // TODO Add interface SwiperOptions\n    const swiperOptions: SwiperOptions = {\n      effect: undefined,\n      direction: 'horizontal',\n      initialSlide: 0,\n      loop: false,\n      parallax: false,\n      slidesPerView: 1,\n      spaceBetween: 0,\n      speed: 300,\n      grid: {\n        rows: 1,\n        fill: 'column',\n      },\n      slidesPerGroup: 1,\n      centeredSlides: false,\n      slidesOffsetBefore: 0,\n      slidesOffsetAfter: 0,\n      touchEventsTarget: 'container',\n      autoplay: false,\n      freeMode: {\n        enabled: false,\n        momentum: true,\n        momentumRatio: 1,\n        momentumBounce: true,\n        momentumBounceRatio: 1,\n        momentumVelocityRatio: 1,\n        sticky: false,\n        minimumVelocity: 0.02,\n      },\n      autoHeight: false,\n      setWrapperSize: false,\n      zoom: {\n        maxRatio: 3,\n        minRatio: 1,\n        toggle: false,\n      },\n      touchRatio: 1,\n      touchAngle: 45,\n      simulateTouch: true,\n      touchStartPreventDefault: false,\n      shortSwipes: true,\n      longSwipes: true,\n      longSwipesRatio: 0.5,\n      longSwipesMs: 300,\n      followFinger: true,\n      threshold: 0,\n      touchMoveStopPropagation: true,\n      touchReleaseOnEdges: false,\n      resistance: true,\n      resistanceRatio: 0.85,\n      watchSlidesProgress: false,\n      preventClicks: true,\n      preventClicksPropagation: true,\n      slideToClickedSlide: false,\n      loopAdditionalSlides: 0,\n      noSwiping: true,\n      runCallbacksOnInit: true,\n      coverflowEffect: {\n        rotate: 50,\n        stretch: 0,\n        depth: 100,\n        modifier: 1,\n        slideShadows: true,\n      },\n      flipEffect: {\n        slideShadows: true,\n        limitRotation: true,\n      },\n      cubeEffect: {\n        slideShadows: true,\n        shadow: true,\n        shadowOffset: 20,\n        shadowScale: 0.94,\n      },\n      fadeEffect: {\n        crossFade: false,\n      },\n      a11y: {\n        prevSlideMessage: 'Previous slide',\n        nextSlideMessage: 'Next slide',\n        firstSlideMessage: 'This is the first slide',\n        lastSlideMessage: 'This is the last slide',\n      },\n    };\n\n    if (this.pager) {\n      swiperOptions.pagination = {\n        el: this.paginationEl!,\n        type: 'bullets',\n        clickable: true,\n        hideOnClick: false,\n      };\n    }\n\n    // Keep the event options separate, we dont want users\n    // overwriting these\n    const eventOptions: SwiperOptions = {\n      on: {\n        init: () => {\n          setTimeout(() => {\n            this.roadslidesdidload.emit();\n          }, 20);\n        },\n        // @ts-ignore\n        slideChangeTransitionStart: this.roadslidewillchange.emit,\n        // @ts-ignore\n        slideChangeTransitionEnd: this.roadslidedidchange.emit,\n        // @ts-ignore\n        slideNextTransitionStart: this.roadslidenextstart.emit,\n        // @ts-ignore\n        slidePrevTransitionStart: this.roadslideprevstart.emit,\n        // @ts-ignore\n        slideNextTransitionEnd: this.roadslidenextend.emit,\n        // @ts-ignore\n        slidePrevTransitionEnd: this.roadslideprevend.emit,\n        // @ts-ignore\n        transitionStart: this.roadslidetransitionstart.emit,\n        // @ts-ignore\n        transitionEnd: this.roadslidetransitionend.emit,\n        // @ts-ignore\n        sliderMove: this.roadslidedrag.emit,\n        // @ts-ignore\n        reachBeginning: this.roadslidereachstart.emit,\n        // @ts-ignore\n        reachEnd: this.roadslidereachend.emit,\n        // @ts-ignore\n        touchStart: this.roadslidetouchstart.emit,\n        // @ts-ignore\n        touchEnd: this.roadslidetouchend.emit,\n        // @ts-ignore\n        tap: this.roadslidetap.emit,\n        // @ts-ignore\n        doubleTap: this.roadslidedoubletap.emit,\n      },\n    };\n\n    const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};\n\n    // merge \"on\" event listeners, while giving our event listeners priority\n    const mergedEventOptions = { on: { ...customEvents, ...eventOptions.on } };\n\n    // Merge the base, user options, and events together then pas to swiper\n    return { ...swiperOptions, ...this.options, ...mergedEventOptions };\n  }\n\n  render() {\n    return (\n      <Host class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          <slot/>\n        </div>\n        {this.pager && <div class=\"swiper-pagination\" ref={el => this.paginationEl = el}></div>}\n        {this.arrows && (\n          <div class=\"swiper-button-prev\" onClick={() => this.el.slidePrev()}>\n            <road-icon icon={navigationChevron} rotate=\"180\"></road-icon>\n          </div>\n        )}\n        {this.arrows && (\n          <div class=\"swiper-button-next\" onClick={() => this.el.slideNext()}>\n            <road-icon icon={navigationChevron}></road-icon>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nconst waitForSlides = (el: HTMLElement) => {\n  return Promise.all(\n    Array.from(el.querySelectorAll('road-carousel-item')).map(s => s.componentOnReady())\n  );\n};\n"]}
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core';\nimport { navigationChevron } from '../../../icons';\nimport Swiper, {SwiperOptions, Autoplay, Pagination, Scrollbar, Keyboard, Zoom} from \"swiper\"\n\nSwiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);\n\n/**\n * @slot  - content of the carousel, it should be road-carousel-item elements.\n */\n\n@Component({\n  tag: 'road-carousel',\n  styleUrl: 'carousel.css',\n  shadow: true,\n})\nexport class Carousel {\n  private paginationEl?: HTMLElement;\n  private swiperReady = false;\n  private mutationO?: MutationObserver;\n  private readySwiper!: (swiper: Swiper) => void;\n  private swiper: Promise<Swiper> = new Promise(resolve => {\n    this.readySwiper = resolve;\n  });\n  private syncSwiper?: Swiper;\n  private didInit = false;\n\n  @Element() el!: HTMLRoadCarouselElement;\n\n  /**\n   * Options to pass to the swiper instance.\n   * See http://idangero.us/swiper/api/ for valid options\n   */\n  @Prop() options: any = {}; // SwiperOptions;  // TODO\n\n  @Watch('options')\n  async optionsChanged() {\n    if (this.swiperReady) {\n      const swiper = await this.getSwiper();\n      Object.assign(swiper.params, this.options);\n      await this.update();\n    }\n  }\n\n  /**\n   * If `true`, show the pagination.\n   */\n  @Prop() pager = true;\n\n  /**\n   * If `true`, show arrows.\n   */\n  @Prop() arrows = false;\n\n  /**\n   * Emitted after Swiper initialization\n   */\n  @Event() roadslidesdidload!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user taps/clicks on the slide's container.\n   */\n  @Event() roadslidetap!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user double taps on the slide's container.\n   */\n  @Event() roadslidedoubletap!: EventEmitter<void>;\n\n  /**\n   * Emitted before the active slide has changed.\n   */\n  @Event() roadslidewillchange!: EventEmitter<void>;\n\n  /**\n   * Emitted after the active slide has changed.\n   */\n  @Event() roadslidedidchange!: EventEmitter<void>;\n\n  /**\n   * Emitted when the next slide has started.\n   */\n  @Event() roadslidenextstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the previous slide has started.\n   */\n  @Event() roadslideprevstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the next slide has ended.\n   */\n  @Event() roadslidenextend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the previous slide has ended.\n   */\n  @Event() roadslideprevend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slide transition has started.\n   */\n  @Event() roadslidetransitionstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slide transition has ended.\n   */\n  @Event() roadslidetransitionend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slider is actively being moved.\n   */\n  @Event() roadslidedrag!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slider is at its initial position.\n   */\n  @Event() roadslidereachstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the slider is at the last slide.\n   */\n  @Event() roadslidereachend!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user first touches the slider.\n   */\n  @Event() roadslidetouchstart!: EventEmitter<void>;\n\n  /**\n   * Emitted when the user releases the touch.\n   */\n  @Event() roadslidetouchend!: EventEmitter<void>;\n\n  connectedCallback() {\n    // tslint:disable-next-line: strict-type-predicates\n    if (typeof MutationObserver !== 'undefined') {\n      const mut = this.mutationO = new MutationObserver(() => {\n        if (this.swiperReady) {\n          this.update();\n        }\n      });\n      mut.observe(this.el, {\n        childList: true,\n        subtree: true,\n      });\n    }\n  }\n\n  componentDidLoad(){\n    if (!this.didInit) {\n      this.didInit = true;\n      this.initSwiper();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mutationO) {\n      this.mutationO.disconnect();\n      this.mutationO = undefined;\n    }\n\n    /**\n     * We need to synchronously destroy\n     * swiper otherwise it is possible\n     * that it will be left in a\n     * destroyed state if connectedCallback\n     * is called multiple times\n     */\n    const swiper = this.syncSwiper;\n    if (swiper !== undefined) {\n      swiper.destroy(true, true);\n      this.swiper = new Promise(resolve => {\n        this.readySwiper = resolve;\n      });\n      this.swiperReady = false;\n      this.syncSwiper = undefined;\n    }\n\n    this.didInit = false;\n  }\n\n  /**\n   * Update the underlying slider implementation. Call this if you've added or removed\n   * child slides.\n   */\n  @Method()\n  async update() {\n    const [swiper] = await Promise.all([\n      this.getSwiper(),\n      waitForSlides(this.el)\n    ]);\n    swiper.update();\n  }\n\n  /**\n   * Force swiper to update its height (when autoHeight is enabled) for the duration\n   * equal to 'speed' parameter.\n   *\n   * @param speed The transition duration (in ms).\n   */\n  @Method()\n  async updateAutoHeight(speed?: number) {\n    const swiper = await this.getSwiper();\n    swiper.updateAutoHeight(speed);\n  }\n\n  /**\n   * Transition to the specified slide.\n   *\n   * @param index The index of the slide to transition to.\n   * @param speed The transition duration (in ms).\n   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.\n   */\n  @Method()\n  async slideTo(index: number, speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slideTo(index, speed, runCallbacks);\n  }\n\n  /**\n   * Transition to the next slide.\n   *\n   * @param speed The transition duration (in ms).\n   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.\n   */\n  @Method()\n  async slideNext(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slideNext(speed!, runCallbacks!);\n  }\n\n  /**\n   * Transition to the previous slide.\n   *\n   * @param speed The transition duration (in ms).\n   * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.\n   */\n  @Method()\n  async slidePrev(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slidePrev(speed, runCallbacks);\n  }\n\n  /**\n   * Get the index of the active slide.\n   */\n  @Method()\n  async getActiveIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.activeIndex;\n  }\n\n  /**\n   * Get the index of the previous slide.\n   */\n  @Method()\n  async getPreviousIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.previousIndex;\n  }\n\n  /**\n   * Get the total number of slides.\n   */\n  @Method()\n  async length(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.slides.length;\n  }\n\n  /**\n   * Get whether or not the current slide is the last slide.\n   */\n  @Method()\n  async isEnd(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isEnd;\n  }\n\n  /**\n   * Get whether or not the current slide is the first slide.\n   */\n  @Method()\n  async isBeginning(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isBeginning;\n  }\n\n  /**\n   * Start auto play.\n   */\n  @Method()\n  async startAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.start();\n    }\n  }\n\n  /**\n   * Stop auto play.\n   */\n  @Method()\n  async stopAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.stop();\n    }\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the next slide.\n   *\n   * @param lock If `true`, disable swiping to the next slide.\n   */\n  @Method()\n  async lockSwipeToNext(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlideNext = !lock;\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the previous slide.\n   *\n   * @param lock If `true`, disable swiping to the previous slide.\n   */\n  @Method()\n  async lockSwipeToPrev(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlidePrev = !lock;\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the next or previous slide.\n   *\n   * @param lock If `true`, disable swiping to the next and previous slide.\n   */\n  @Method()\n  async lockSwipes(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlideNext = !lock;\n    swiper.allowSlidePrev = !lock;\n    swiper.allowTouchMove = !lock;\n  }\n\n  /**\n   * Get the Swiper instance.\n   * Use this to access the full Swiper API.\n   * See https://idangero.us/swiper/api/ for all API options.\n   */\n  @Method()\n  async getSwiper(): Promise<any> {\n    return this.swiper;\n  }\n\n  private async initSwiper() {\n    const finalOptions = this.normalizeOptions();\n\n    // init swiper core\n    await waitForSlides(this.el);\n    // @ts-ignore\n    const swiper = new Swiper(this.el, finalOptions);\n    this.swiperReady = true;\n    this.syncSwiper = swiper;\n    this.readySwiper(swiper);\n  }\n\n  private normalizeOptions(): SwiperOptions {\n    // Base options, can be changed\n    // TODO Add interface SwiperOptions\n    const swiperOptions: SwiperOptions = {\n      effect: undefined,\n      direction: 'horizontal',\n      initialSlide: 0,\n      loop: false,\n      parallax: false,\n      slidesPerView: 1,\n      spaceBetween: 0,\n      speed: 300,\n      grid: {\n        rows: 1,\n        fill: 'column',\n      },\n      slidesPerGroup: 1,\n      centeredSlides: false,\n      slidesOffsetBefore: 0,\n      slidesOffsetAfter: 0,\n      touchEventsTarget: 'container',\n      autoplay: false,\n      freeMode: {\n        enabled: false,\n        momentum: true,\n        momentumRatio: 1,\n        momentumBounce: true,\n        momentumBounceRatio: 1,\n        momentumVelocityRatio: 1,\n        sticky: false,\n        minimumVelocity: 0.02,\n      },\n      autoHeight: false,\n      setWrapperSize: false,\n      zoom: {\n        maxRatio: 3,\n        minRatio: 1,\n        toggle: false,\n      },\n      touchRatio: 1,\n      touchAngle: 45,\n      simulateTouch: true,\n      touchStartPreventDefault: false,\n      shortSwipes: true,\n      longSwipes: true,\n      longSwipesRatio: 0.5,\n      longSwipesMs: 300,\n      followFinger: true,\n      threshold: 0,\n      touchMoveStopPropagation: true,\n      touchReleaseOnEdges: false,\n      resistance: true,\n      resistanceRatio: 0.85,\n      watchSlidesProgress: false,\n      preventClicks: true,\n      preventClicksPropagation: true,\n      slideToClickedSlide: false,\n      loopAdditionalSlides: 0,\n      noSwiping: true,\n      runCallbacksOnInit: true,\n      coverflowEffect: {\n        rotate: 50,\n        stretch: 0,\n        depth: 100,\n        modifier: 1,\n        slideShadows: true,\n      },\n      flipEffect: {\n        slideShadows: true,\n        limitRotation: true,\n      },\n      cubeEffect: {\n        slideShadows: true,\n        shadow: true,\n        shadowOffset: 20,\n        shadowScale: 0.94,\n      },\n      fadeEffect: {\n        crossFade: false,\n      },\n      a11y: {\n        prevSlideMessage: 'Previous slide',\n        nextSlideMessage: 'Next slide',\n        firstSlideMessage: 'This is the first slide',\n        lastSlideMessage: 'This is the last slide',\n      },\n    };\n\n    if (this.pager) {\n      swiperOptions.pagination = {\n        el: this.paginationEl!,\n        type: 'bullets',\n        clickable: true,\n        hideOnClick: false,\n      };\n    }\n\n    // Keep the event options separate, we dont want users\n    // overwriting these\n    const eventOptions: SwiperOptions = {\n      on: {\n        init: () => {\n          setTimeout(() => {\n            this.roadslidesdidload.emit();\n          }, 20);\n        },\n        // @ts-ignore\n        slideChangeTransitionStart: this.roadslidewillchange.emit,\n        // @ts-ignore\n        slideChangeTransitionEnd: this.roadslidedidchange.emit,\n        // @ts-ignore\n        slideNextTransitionStart: this.roadslidenextstart.emit,\n        // @ts-ignore\n        slidePrevTransitionStart: this.roadslideprevstart.emit,\n        // @ts-ignore\n        slideNextTransitionEnd: this.roadslidenextend.emit,\n        // @ts-ignore\n        slidePrevTransitionEnd: this.roadslideprevend.emit,\n        // @ts-ignore\n        transitionStart: this.roadslidetransitionstart.emit,\n        // @ts-ignore\n        transitionEnd: this.roadslidetransitionend.emit,\n        // @ts-ignore\n        sliderMove: this.roadslidedrag.emit,\n        // @ts-ignore\n        reachBeginning: this.roadslidereachstart.emit,\n        // @ts-ignore\n        reachEnd: this.roadslidereachend.emit,\n        // @ts-ignore\n        touchStart: this.roadslidetouchstart.emit,\n        // @ts-ignore\n        touchEnd: this.roadslidetouchend.emit,\n        // @ts-ignore\n        tap: this.roadslidetap.emit,\n        // @ts-ignore\n        doubleTap: this.roadslidedoubletap.emit,\n      },\n    };\n\n    const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};\n\n    // merge \"on\" event listeners, while giving our event listeners priority\n    const mergedEventOptions = { on: { ...customEvents, ...eventOptions.on } };\n\n    // Merge the base, user options, and events together then pas to swiper\n    return { ...swiperOptions, ...this.options, ...mergedEventOptions };\n  }\n\n  render() {\n    return (\n      <Host class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          <slot/>\n        </div>\n        {this.pager && <div class=\"swiper-pagination\" ref={el => this.paginationEl = el}></div>}\n        {this.arrows && (\n          <div class=\"swiper-button-prev\" onClick={() => this.el.slidePrev()}>\n            <road-icon icon={navigationChevron} rotate=\"180\"></road-icon>\n          </div>\n        )}\n        {this.arrows && (\n          <div class=\"swiper-button-next\" onClick={() => this.el.slideNext()}>\n            <road-icon icon={navigationChevron}></road-icon>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nconst waitForSlides = (el: HTMLElement) => {\n  return Promise.all(\n    Array.from(el.querySelectorAll('road-carousel-item')).map(s => s.componentOnReady())\n  );\n};\n"]}

package/dist/collection/components/carousel-item/carousel-item.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 /**
  * @slot - Content of the carousel item, it should be road-img or road-card.
  */

package/dist/collection/components/checkbox/checkbox.js

@@ -1,6 +1,6 @@
-import { Host, h } from '@stencil/core';
-import { checkWide, navigationAddLess } from '../../../icons';
-import './../../utils/polyfill';
+import { Host, h } from "@stencil/core";
+import { checkWide, navigationAddLess } from "../../../icons";
+import "./../../utils/polyfill";
 /**
  * @slot  - Adding additional elements next to the label (e.g. number of items in filters).
  */

package/dist/collection/components/chip/chip.js

@@ -1,6 +1,6 @@
-import { Host, h } from '@stencil/core';
-import { navigationClose } from '../../../icons';
-import './../../utils/polyfill';
+import { Host, h } from "@stencil/core";
+import { navigationClose } from "../../../icons";
+import "./../../utils/polyfill";
 /**
  * @slot - Content of the chip.
  */

package/dist/collection/components/col/col.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @slot  - Content of the column.
  */

package/dist/collection/components/collapse/collapse.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 /**
  * @slot  - Content visible when collapsed.
  * @slot collapsed-content - content not visible when collapsed.

package/dist/collection/components/counter/counter.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class Counter {
   constructor() {
     this.setIsDustbinVisible = (valueInput) => {