@roadtrip/components 2.42.0 → 2.44.0

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

@@ -1,5 +1,7 @@
-import { Component, Element, Event, Host, Method, Prop, Watch, h } from '@stencil/core';
+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]);
 /**
  * @slot  - content of the carousel, it should be road-carousel-item elements.
  */
@@ -43,12 +45,12 @@ export class Carousel {
         childList: true,
         subtree: true,
       });
-      this.el.componentOnReady().then(() => {
-        if (!this.didInit) {
-          this.didInit = true;
-          this.initSwiper();
-        }
-      });
+    }
+  }
+  componentDidLoad() {
+    if (!this.didInit) {
+      this.didInit = true;
+      this.initSwiper();
     }
   }
   disconnectedCallback() {
@@ -221,7 +223,6 @@ export class Carousel {
     // init swiper core
     await waitForSlides(this.el);
     // @ts-ignore
-    const { Swiper } = await import('./swiper/swiper.bundle.js');
     const swiper = new Swiper(this.el, finalOptions);
     this.swiperReady = true;
     this.syncSwiper = swiper;
@@ -370,682 +371,687 @@ export class Carousel {
     return Object.assign(Object.assign(Object.assign({}, swiperOptions), this.options), mergedEventOptions);
   }
   render() {
-    return (h(Host, { class: "swiper-container" },
-      h("div", { class: "swiper-wrapper" },
-        h("slot", null)),
-      this.pager && h("div", { class: "swiper-pagination", ref: el => this.paginationEl = el }),
-      this.arrows && (h("div", { class: "swiper-button-prev", onClick: () => this.el.slidePrev() },
-        h("road-icon", { icon: navigationChevron, rotate: "180" }))),
-      this.arrows && (h("div", { class: "swiper-button-next", onClick: () => this.el.slideNext() },
-        h("road-icon", { icon: navigationChevron })))));
+    return (h(Host, { class: "swiper-container" }, h("div", { class: "swiper-wrapper" }, h("slot", null)), this.pager && h("div", { class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (h("div", { class: "swiper-button-prev", onClick: () => this.el.slidePrev() }, h("road-icon", { icon: navigationChevron, rotate: "180" }))), this.arrows && (h("div", { class: "swiper-button-next", onClick: () => this.el.slideNext() }, h("road-icon", { icon: navigationChevron })))));
   }
   static get is() { return "road-carousel"; }
-  static get originalStyleUrls() { return {
-    "$": ["carousel.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["carousel.css"]
-  }; }
-  static get assetsDirs() { return ["swiper"]; }
-  static get properties() { return {
-    "options": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Options to pass to the swiper instance.\nSee http://idangero.us/swiper/api/ for valid options"
-      },
-      "attribute": "options",
-      "reflect": false,
-      "defaultValue": "{}"
-    },
-    "pager": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, show the pagination."
-      },
-      "attribute": "pager",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "arrows": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, show arrows."
-      },
-      "attribute": "arrows",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "roadslidesdidload",
-      "name": "roadslidesdidload",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted after Swiper initialization"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidetap",
-      "name": "roadslidetap",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user taps/clicks on the slide's container."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidedoubletap",
-      "name": "roadslidedoubletap",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user double taps on the slide's container."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidewillchange",
-      "name": "roadslidewillchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted before the active slide has changed."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidedidchange",
-      "name": "roadslidedidchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted after the active slide has changed."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidenextstart",
-      "name": "roadslidenextstart",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the next slide has started."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslideprevstart",
-      "name": "roadslideprevstart",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the previous slide has started."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidenextend",
-      "name": "roadslidenextend",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the next slide has ended."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslideprevend",
-      "name": "roadslideprevend",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the previous slide has ended."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidetransitionstart",
-      "name": "roadslidetransitionstart",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the slide transition has started."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidetransitionend",
-      "name": "roadslidetransitionend",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the slide transition has ended."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidedrag",
-      "name": "roadslidedrag",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the slider is actively being moved."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidereachstart",
-      "name": "roadslidereachstart",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the slider is at its initial position."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidereachend",
-      "name": "roadslidereachend",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the slider is at the last slide."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidetouchstart",
-      "name": "roadslidetouchstart",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user first touches the slider."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadslidetouchend",
-      "name": "roadslidetouchend",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user releases the touch."
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["carousel.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["carousel.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "options": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Options to pass to the swiper instance.\nSee http://idangero.us/swiper/api/ for valid options"
+        },
+        "attribute": "options",
+        "reflect": false,
+        "defaultValue": "{}"
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "update": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "pager": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, show the pagination."
+        },
+        "attribute": "pager",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "docs": {
-        "text": "Update the underlying slider implementation. Call this if you've added or removed\nchild slides.",
-        "tags": []
+      "arrows": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, show arrows."
+        },
+        "attribute": "arrows",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    },
-    "updateAutoHeight": {
-      "complexType": {
-        "signature": "(speed?: number | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "speed The transition duration (in ms)."
-              }],
-            "text": "The transition duration (in ms)."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "roadslidesdidload",
+        "name": "roadslidesdidload",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted after Swiper initialization"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidetap",
+        "name": "roadslidetap",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user taps/clicks on the slide's container."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidedoubletap",
+        "name": "roadslidedoubletap",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user double taps on the slide's container."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidewillchange",
+        "name": "roadslidewillchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted before the active slide has changed."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidedidchange",
+        "name": "roadslidedidchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted after the active slide has changed."
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidenextstart",
+        "name": "roadslidenextstart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the next slide has started."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslideprevstart",
+        "name": "roadslideprevstart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the previous slide has started."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidenextend",
+        "name": "roadslidenextend",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the next slide has ended."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslideprevend",
+        "name": "roadslideprevend",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the previous slide has ended."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidetransitionstart",
+        "name": "roadslidetransitionstart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the slide transition has started."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidetransitionend",
+        "name": "roadslidetransitionend",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the slide transition has ended."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidedrag",
+        "name": "roadslidedrag",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the slider is actively being moved."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidereachstart",
+        "name": "roadslidereachstart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the slider is at its initial position."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidereachend",
+        "name": "roadslidereachend",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the slider is at the last slide."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidetouchstart",
+        "name": "roadslidetouchstart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user first touches the slider."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadslidetouchend",
+        "name": "roadslidetouchend",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user releases the touch."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "update": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Update the underlying slider implementation. Call this if you've added or removed\nchild slides.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Force swiper to update its height (when autoHeight is enabled) for the duration\nequal to 'speed' parameter.",
-        "tags": [{
-            "name": "param",
-            "text": "speed The transition duration (in ms)."
-          }]
-      }
-    },
-    "slideTo": {
-      "complexType": {
-        "signature": "(index: number, speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "index The index of the slide to transition to."
-              }],
-            "text": "The index of the slide to transition to."
-          }, {
-            "tags": [{
-                "name": "param",
-                "text": "speed The transition duration (in ms)."
-              }],
-            "text": "The transition duration (in ms)."
-          }, {
-            "tags": [{
-                "name": "param",
-                "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
-              }],
-            "text": "If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "updateAutoHeight": {
+        "complexType": {
+          "signature": "(speed?: number) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "speed The transition duration (in ms)."
+                }],
+              "text": "The transition duration (in ms)."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Force swiper to update its height (when autoHeight is enabled) for the duration\nequal to 'speed' parameter.",
+          "tags": [{
+              "name": "param",
+              "text": "speed The transition duration (in ms)."
+            }]
+        }
       },
-      "docs": {
-        "text": "Transition to the specified slide.",
-        "tags": [{
-            "name": "param",
-            "text": "index The index of the slide to transition to."
-          }, {
-            "name": "param",
-            "text": "speed The transition duration (in ms)."
-          }, {
-            "name": "param",
-            "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
-          }]
-      }
-    },
-    "slideNext": {
-      "complexType": {
-        "signature": "(speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "speed The transition duration (in ms)."
-              }],
-            "text": "The transition duration (in ms)."
-          }, {
-            "tags": [{
-                "name": "param",
-                "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
-              }],
-            "text": "If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "slideTo": {
+        "complexType": {
+          "signature": "(index: number, speed?: number, runCallbacks?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "index The index of the slide to transition to."
+                }],
+              "text": "The index of the slide to transition to."
+            }, {
+              "tags": [{
+                  "name": "param",
+                  "text": "speed The transition duration (in ms)."
+                }],
+              "text": "The transition duration (in ms)."
+            }, {
+              "tags": [{
+                  "name": "param",
+                  "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
+                }],
+              "text": "If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Transition to the specified slide.",
+          "tags": [{
+              "name": "param",
+              "text": "index The index of the slide to transition to."
+            }, {
+              "name": "param",
+              "text": "speed The transition duration (in ms)."
+            }, {
+              "name": "param",
+              "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
+            }]
+        }
       },
-      "docs": {
-        "text": "Transition to the next slide.",
-        "tags": [{
-            "name": "param",
-            "text": "speed The transition duration (in ms)."
-          }, {
-            "name": "param",
-            "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
-          }]
-      }
-    },
-    "slidePrev": {
-      "complexType": {
-        "signature": "(speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "speed The transition duration (in ms)."
-              }],
-            "text": "The transition duration (in ms)."
-          }, {
-            "tags": [{
-                "name": "param",
-                "text": "runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events."
-              }],
-            "text": "If true, the transition will produce the [Transition/SlideChange][Start/End] transition events."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "slideNext": {
+        "complexType": {
+          "signature": "(speed?: number, runCallbacks?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "speed The transition duration (in ms)."
+                }],
+              "text": "The transition duration (in ms)."
+            }, {
+              "tags": [{
+                  "name": "param",
+                  "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
+                }],
+              "text": "If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Transition to the next slide.",
+          "tags": [{
+              "name": "param",
+              "text": "speed The transition duration (in ms)."
+            }, {
+              "name": "param",
+              "text": "runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events."
+            }]
+        }
       },
-      "docs": {
-        "text": "Transition to the previous slide.",
-        "tags": [{
-            "name": "param",
-            "text": "speed The transition duration (in ms)."
-          }, {
-            "name": "param",
-            "text": "runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events."
-          }]
-      }
-    },
-    "getActiveIndex": {
-      "complexType": {
-        "signature": "() => Promise<number>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "slidePrev": {
+        "complexType": {
+          "signature": "(speed?: number, runCallbacks?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "speed The transition duration (in ms)."
+                }],
+              "text": "The transition duration (in ms)."
+            }, {
+              "tags": [{
+                  "name": "param",
+                  "text": "runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events."
+                }],
+              "text": "If true, the transition will produce the [Transition/SlideChange][Start/End] transition events."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<number>"
+        "docs": {
+          "text": "Transition to the previous slide.",
+          "tags": [{
+              "name": "param",
+              "text": "speed The transition duration (in ms)."
+            }, {
+              "name": "param",
+              "text": "runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events."
+            }]
+        }
       },
-      "docs": {
-        "text": "Get the index of the active slide.",
-        "tags": []
-      }
-    },
-    "getPreviousIndex": {
-      "complexType": {
-        "signature": "() => Promise<number>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "getActiveIndex": {
+        "complexType": {
+          "signature": "() => Promise<number>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<number>"
         },
-        "return": "Promise<number>"
+        "docs": {
+          "text": "Get the index of the active slide.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Get the index of the previous slide.",
-        "tags": []
-      }
-    },
-    "length": {
-      "complexType": {
-        "signature": "() => Promise<number>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "getPreviousIndex": {
+        "complexType": {
+          "signature": "() => Promise<number>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<number>"
         },
-        "return": "Promise<number>"
+        "docs": {
+          "text": "Get the index of the previous slide.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Get the total number of slides.",
-        "tags": []
-      }
-    },
-    "isEnd": {
-      "complexType": {
-        "signature": "() => Promise<boolean>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "length": {
+        "complexType": {
+          "signature": "() => Promise<number>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<number>"
         },
-        "return": "Promise<boolean>"
+        "docs": {
+          "text": "Get the total number of slides.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Get whether or not the current slide is the last slide.",
-        "tags": []
-      }
-    },
-    "isBeginning": {
-      "complexType": {
-        "signature": "() => Promise<boolean>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "isEnd": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
         },
-        "return": "Promise<boolean>"
+        "docs": {
+          "text": "Get whether or not the current slide is the last slide.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Get whether or not the current slide is the first slide.",
-        "tags": []
-      }
-    },
-    "startAutoplay": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "isBeginning": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Get whether or not the current slide is the first slide.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Start auto play.",
-        "tags": []
-      }
-    },
-    "stopAutoplay": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "startAutoplay": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Start auto play.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Stop auto play.",
-        "tags": []
-      }
-    },
-    "lockSwipeToNext": {
-      "complexType": {
-        "signature": "(lock: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "lock If `true`, disable swiping to the next slide."
-              }],
-            "text": "If `true`, disable swiping to the next slide."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "stopAutoplay": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Stop auto play.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Lock or unlock the ability to slide to the next slide.",
-        "tags": [{
-            "name": "param",
-            "text": "lock If `true`, disable swiping to the next slide."
-          }]
-      }
-    },
-    "lockSwipeToPrev": {
-      "complexType": {
-        "signature": "(lock: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "lock If `true`, disable swiping to the previous slide."
-              }],
-            "text": "If `true`, disable swiping to the previous slide."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "lockSwipeToNext": {
+        "complexType": {
+          "signature": "(lock: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "lock If `true`, disable swiping to the next slide."
+                }],
+              "text": "If `true`, disable swiping to the next slide."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Lock or unlock the ability to slide to the next slide.",
+          "tags": [{
+              "name": "param",
+              "text": "lock If `true`, disable swiping to the next slide."
+            }]
+        }
       },
-      "docs": {
-        "text": "Lock or unlock the ability to slide to the previous slide.",
-        "tags": [{
-            "name": "param",
-            "text": "lock If `true`, disable swiping to the previous slide."
-          }]
-      }
-    },
-    "lockSwipes": {
-      "complexType": {
-        "signature": "(lock: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "lock If `true`, disable swiping to the next and previous slide."
-              }],
-            "text": "If `true`, disable swiping to the next and previous slide."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "lockSwipeToPrev": {
+        "complexType": {
+          "signature": "(lock: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "lock If `true`, disable swiping to the previous slide."
+                }],
+              "text": "If `true`, disable swiping to the previous slide."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Lock or unlock the ability to slide to the previous slide.",
+          "tags": [{
+              "name": "param",
+              "text": "lock If `true`, disable swiping to the previous slide."
+            }]
+        }
       },
-      "docs": {
-        "text": "Lock or unlock the ability to slide to the next or previous slide.",
-        "tags": [{
-            "name": "param",
-            "text": "lock If `true`, disable swiping to the next and previous slide."
-          }]
-      }
-    },
-    "getSwiper": {
-      "complexType": {
-        "signature": "() => Promise<any>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "lockSwipes": {
+        "complexType": {
+          "signature": "(lock: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "lock If `true`, disable swiping to the next and previous slide."
+                }],
+              "text": "If `true`, disable swiping to the next and previous slide."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<any>"
+        "docs": {
+          "text": "Lock or unlock the ability to slide to the next or previous slide.",
+          "tags": [{
+              "name": "param",
+              "text": "lock If `true`, disable swiping to the next and previous slide."
+            }]
+        }
       },
-      "docs": {
-        "text": "Get the Swiper instance.\nUse this to access the full Swiper API.\nSee https://idangero.us/swiper/api/ for all API options.",
-        "tags": []
+      "getSwiper": {
+        "complexType": {
+          "signature": "() => Promise<any>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<any>"
+        },
+        "docs": {
+          "text": "Get the Swiper instance.\nUse this to access the full Swiper API.\nSee https://idangero.us/swiper/api/ for all API options.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "options",
-      "methodName": "optionsChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "options",
+        "methodName": "optionsChanged"
+      }];
+  }
 }
 const waitForSlides = (el) => {
   return Promise.all(Array.from(el.querySelectorAll('road-carousel-item')).map(s => s.componentOnReady()));