@roadtrip/components 3.44.0 → 3.45.1

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

@@ -1,16 +1,17 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { navigationChevron } from "../../../icons";
-import Swiper, { Autoplay, Pagination, Scrollbar, Keyboard, Zoom } from "swiper";
+import Swiper, { Autoplay, Pagination, Scrollbar, Keyboard, Zoom, } from "swiper";
 Swiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);
 export class Carousel {
     constructor() {
         this.swiperReady = false;
-        this.swiper = new Promise(resolve => {
+        this.swiper = new Promise((resolve) => {
             this.readySwiper = resolve;
         });
         this.didInit = false;
         this.options = {};
         this.pager = true;
+        this.pagertype = "bullets";
         this.arrows = false;
     }
     async optionsChanged() {
@@ -21,12 +22,12 @@ export class Carousel {
         }
     }
     connectedCallback() {
-        if (typeof MutationObserver !== 'undefined') {
-            const mut = this.mutationO = new MutationObserver(() => {
+        if (typeof MutationObserver !== "undefined") {
+            const mut = (this.mutationO = new MutationObserver(() => {
                 if (this.swiperReady) {
                     this.update();
                 }
-            });
+            }));
             mut.observe(this.el, {
                 childList: true,
                 subtree: true,
@@ -40,6 +41,9 @@ export class Carousel {
         }
         this.setupKeyboardNavigation();
     }
+    componentDidUpdate() {
+        this.initSwiper();
+    }
     disconnectedCallback() {
         if (this.mutationO) {
             this.mutationO.disconnect();
@@ -48,7 +52,7 @@ export class Carousel {
         const swiper = this.syncSwiper;
         if (swiper !== undefined) {
             swiper.destroy(true, true);
-            this.swiper = new Promise(resolve => {
+            this.swiper = new Promise((resolve) => {
                 this.readySwiper = resolve;
             });
             this.swiperReady = false;
@@ -59,7 +63,7 @@ export class Carousel {
     async update() {
         const [swiper] = await Promise.all([
             this.getSwiper(),
-            waitForSlides(this.el)
+            waitForSlides(this.el),
         ]);
         swiper.update();
     }
@@ -129,6 +133,8 @@ export class Carousel {
         return this.swiper;
     }
     async initSwiper() {
+        var _a;
+        (_a = this.syncSwiper) === null || _a === void 0 ? void 0 : _a.destroy();
         const finalOptions = this.normalizeOptions();
         await waitForSlides(this.el);
         const swiper = new Swiper(this.el, finalOptions);
@@ -139,7 +145,7 @@ export class Carousel {
     normalizeOptions() {
         const swiperOptions = {
             effect: undefined,
-            direction: 'horizontal',
+            direction: "horizontal",
             initialSlide: 0,
             loop: false,
             parallax: false,
@@ -148,13 +154,13 @@ export class Carousel {
             speed: 300,
             grid: {
                 rows: 1,
-                fill: 'column',
+                fill: "column",
             },
             slidesPerGroup: 1,
             centeredSlides: false,
             slidesOffsetBefore: 0,
             slidesOffsetAfter: 0,
-            touchEventsTarget: 'container',
+            touchEventsTarget: "container",
             autoplay: false,
             freeMode: {
                 enabled: false,
@@ -215,16 +221,16 @@ export class Carousel {
                 crossFade: false,
             },
             a11y: {
-                prevSlideMessage: 'Previous slide',
-                nextSlideMessage: 'Next slide',
-                firstSlideMessage: 'This is the first slide',
-                lastSlideMessage: 'This is the last slide',
+                prevSlideMessage: "Previous slide",
+                nextSlideMessage: "Next slide",
+                firstSlideMessage: "This is the first slide",
+                lastSlideMessage: "This is the last slide",
             },
         };
         if (this.pager) {
             swiperOptions.pagination = {
                 el: this.paginationEl,
-                type: 'bullets',
+                type: this.pagertype,
                 clickable: true,
                 hideOnClick: false,
             };
@@ -253,24 +259,24 @@ export class Carousel {
                 doubleTap: () => this.roadslidedoubletap.emit(),
             },
         };
-        const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};
+        const customEvents = !!this.options && !!this.options.on ? this.options.on : {};
         const mergedEventOptions = { on: Object.assign(Object.assign({}, customEvents), eventOptions.on) };
         return Object.assign(Object.assign(Object.assign({}, swiperOptions), this.options), mergedEventOptions);
     }
     setupKeyboardNavigation() {
-        this.el.addEventListener('keydown', (event) => {
+        this.el.addEventListener("keydown", (event) => {
             switch (event.key) {
-                case 'ArrowLeft':
+                case "ArrowLeft":
                     this.slidePrev();
                     break;
-                case 'ArrowRight':
+                case "ArrowRight":
                     this.slideNext();
                     break;
             }
         });
     }
     render() {
-        return (h(Host, { key: 'ade421fc79d745727fe78ca3e95fe16e3415137e', class: "swiper-container", tabindex: "0" }, h("div", { key: 'd52f527ab0a2a4bd64e2098cc588f3ae6b874bcb', class: "swiper-wrapper" }, h("slot", { key: '0f9426dca0b1ba1341793bd04e847f261f2c1046' })), this.pager && h("div", { key: '3479c07552381ba5a162e012b52fc7da06f41172', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (h("div", { key: '9a9b215a9e21380b57b75e4ba371c2c0e2176d56', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, h("road-icon", { key: '1f78835d575dcad28f3bd6cf55a9f0d34d90f809', icon: navigationChevron, rotate: "180" }))), this.arrows && (h("div", { key: '287a27ab8483e6833bd27aeceeb62d51313ee606', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, h("road-icon", { key: 'de2b38ddb9afd1e8140f1233a9da42ae12b4793e', icon: navigationChevron })))));
+        return (h(Host, { key: 'fc3ffdd804e5891f91fdc8686f556e595e772e1c', class: "swiper-container", tabindex: "0" }, h("div", { key: '847514ac112594e8fcfc9eac30ffba016104672a', class: "swiper-wrapper" }, h("slot", { key: '0d0bdec966329e10668feeb889002144921fa838' })), this.pager && (h("div", { key: 'a301eb072380dc9a9a05564f269e7ffd2fb35dda', class: "swiper-pagination", ref: (el) => (this.paginationEl = el) })), this.arrows && (h("div", { key: '84b80a05177fa4301a32968ab168a5d87f18a609', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, h("road-icon", { key: 'f5d6134e5e58ee0ab5cc189582ed4e46e8e1313b', icon: navigationChevron, rotate: "180" }))), this.arrows && (h("div", { key: 'bbc274b30ef7a90efc0938a077299e15b3653d14', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, h("road-icon", { key: '3b0a8040718466b1ecca612e42cb3b013cc583b8', icon: navigationChevron })))));
     }
     static get is() { return "road-carousel"; }
     static get encapsulation() { return "shadow"; }
@@ -326,6 +332,26 @@ export class Carousel {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "pagertype": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"bullets\" | \"fraction\"",
+                    "resolved": "\"bullets\" | \"fraction\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "pagertype",
+                "reflect": false,
+                "defaultValue": "\"bullets\""
+            },
             "arrows": {
                 "type": "boolean",
                 "mutable": false,
@@ -920,6 +946,6 @@ export class Carousel {
     }
 }
 const waitForSlides = (el) => {
-    return Promise.all(Array.from(el.querySelectorAll('road-carousel-item')).map(s => s.componentOnReady()));
+    return Promise.all(Array.from(el.querySelectorAll("road-carousel-item")).map((s) => s.componentOnReady()));
 };
 //# sourceMappingURL=carousel.js.map

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@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  @Prop() options: any = {};\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  @Prop() pager = true;\n  @Prop() arrows = false;\n\n  @Event() roadslidesdidload!: EventEmitter<void>;\n  @Event() roadslidetap!: EventEmitter<void>;\n  @Event() roadslidedoubletap!: EventEmitter<void>;\n  @Event() roadslidewillchange!: EventEmitter<void>;\n  @Event() roadslidedidchange!: EventEmitter<void>;\n  @Event() roadslidenextstart!: EventEmitter<void>;\n  @Event() roadslideprevstart!: EventEmitter<void>;\n  @Event() roadslidenextend!: EventEmitter<void>;\n  @Event() roadslideprevend!: EventEmitter<void>;\n  @Event() roadslidetransitionstart!: EventEmitter<void>;\n  @Event() roadslidetransitionend!: EventEmitter<void>;\n  @Event() roadslidedrag!: EventEmitter<void>;\n  @Event() roadslidereachstart!: EventEmitter<void>;\n  @Event() roadslidereachend!: EventEmitter<void>;\n  @Event() roadslidetouchstart!: EventEmitter<void>;\n  @Event() roadslidetouchend!: EventEmitter<void>;\n\n  connectedCallback() {\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    this.setupKeyboardNavigation();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationO) {\n      this.mutationO.disconnect();\n      this.mutationO = undefined;\n    }\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  @Method()\n  async update() {\n    const [swiper] = await Promise.all([\n      this.getSwiper(),\n      waitForSlides(this.el)\n    ]);\n    swiper.update();\n  }\n\n  @Method()\n  async updateAutoHeight(speed?: number) {\n    const swiper = await this.getSwiper();\n    swiper.updateAutoHeight(speed);\n  }\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  @Method()\n  async slideNext(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slideNext(speed!, runCallbacks!);\n  }\n\n  @Method()\n  async slidePrev(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slidePrev(speed, runCallbacks);\n  }\n\n  @Method()\n  async getActiveIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.activeIndex;\n  }\n\n  @Method()\n  async getPreviousIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.previousIndex;\n  }\n\n  @Method()\n  async length(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.slides.length;\n  }\n\n  @Method()\n  async isEnd(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isEnd;\n  }\n\n  @Method()\n  async isBeginning(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isBeginning;\n  }\n\n  @Method()\n  async startAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.start();\n    }\n  }\n\n  @Method()\n  async stopAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.stop();\n    }\n  }\n\n  @Method()\n  async lockSwipeToNext(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlideNext = !lock;\n  }\n\n  @Method()\n  async lockSwipeToPrev(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlidePrev = !lock;\n  }\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  @Method()\n  async getSwiper(): Promise<any> {\n    return this.swiper;\n  }\n\n  private async initSwiper() {\n    const finalOptions = this.normalizeOptions();\n\n    await waitForSlides(this.el);\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    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    const eventOptions: SwiperOptions = {\n      on: {\n        init: () => {\n          setTimeout(() => {\n            this.roadslidesdidload.emit();\n          }, 20);\n        },\n        slideChangeTransitionStart: () => this.roadslidewillchange.emit(),\n        slideChangeTransitionEnd: () => this.roadslidedidchange.emit(),\n        slideNextTransitionStart: () => this.roadslidenextstart.emit(),\n        slidePrevTransitionStart: () => this.roadslideprevstart.emit(),\n        slideNextTransitionEnd: () => this.roadslidenextend.emit(),\n        slidePrevTransitionEnd: () => this.roadslideprevend.emit(),\n        transitionStart: () => this.roadslidetransitionstart.emit(),\n        transitionEnd: () => this.roadslidetransitionend.emit(),\n        sliderMove: () => this.roadslidedrag.emit(),\n        reachBeginning: () => this.roadslidereachstart.emit(),\n        reachEnd: () => this.roadslidereachend.emit(),\n        touchStart: () => this.roadslidetouchstart.emit(),\n        touchEnd: () => this.roadslidetouchend.emit(),\n        tap: () => this.roadslidetap.emit(),\n        doubleTap: () => this.roadslidedoubletap.emit(),\n      },\n    };\n\n    const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};\n    const mergedEventOptions = { on: { ...customEvents, ...eventOptions.on } };\n\n    return { ...swiperOptions, ...this.options, ...mergedEventOptions };\n  }\n\n  private setupKeyboardNavigation() {\n    this.el.addEventListener('keydown', (event: KeyboardEvent) => {\n      switch (event.key) {\n        case 'ArrowLeft':\n          this.slidePrev();\n          break;\n        case 'ArrowRight':\n          this.slideNext();\n          break;\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host class=\"swiper-container\" tabindex=\"0\">\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 role=\"button\" class=\"swiper-button-prev\" tabindex=\"0\" aria-label=\"Previous slide\" onClick={() => this.slidePrev()}>\n            <road-icon icon={navigationChevron} rotate=\"180\"></road-icon>\n          </div>\n        )}\n        {this.arrows && (\n          <div role=\"button\" class=\"swiper-button-next\" tabindex=\"0\" aria-label=\"Next slide\" onClick={() => this.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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport { navigationChevron } from \"../../../icons\";\nimport Swiper, {\n  SwiperOptions,\n  Autoplay,\n  Pagination,\n  Scrollbar,\n  Keyboard,\n  Zoom,\n} from \"swiper\";\n\nSwiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);\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  @Prop() options: any = {};\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  @Prop() pager = true;\n  @Prop() pagertype: \"bullets\" | \"fraction\" = \"bullets\";\n  @Prop() arrows = false;\n\n  @Event() roadslidesdidload!: EventEmitter<void>;\n  @Event() roadslidetap!: EventEmitter<void>;\n  @Event() roadslidedoubletap!: EventEmitter<void>;\n  @Event() roadslidewillchange!: EventEmitter<void>;\n  @Event() roadslidedidchange!: EventEmitter<void>;\n  @Event() roadslidenextstart!: EventEmitter<void>;\n  @Event() roadslideprevstart!: EventEmitter<void>;\n  @Event() roadslidenextend!: EventEmitter<void>;\n  @Event() roadslideprevend!: EventEmitter<void>;\n  @Event() roadslidetransitionstart!: EventEmitter<void>;\n  @Event() roadslidetransitionend!: EventEmitter<void>;\n  @Event() roadslidedrag!: EventEmitter<void>;\n  @Event() roadslidereachstart!: EventEmitter<void>;\n  @Event() roadslidereachend!: EventEmitter<void>;\n  @Event() roadslidetouchstart!: EventEmitter<void>;\n  @Event() roadslidetouchend!: EventEmitter<void>;\n\n  connectedCallback() {\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    this.setupKeyboardNavigation();\n  }\n\n  componentDidUpdate() {\n    this.initSwiper();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationO) {\n      this.mutationO.disconnect();\n      this.mutationO = undefined;\n    }\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  @Method()\n  async update() {\n    const [swiper] = await Promise.all([\n      this.getSwiper(),\n      waitForSlides(this.el),\n    ]);\n    swiper.update();\n  }\n\n  @Method()\n  async updateAutoHeight(speed?: number) {\n    const swiper = await this.getSwiper();\n    swiper.updateAutoHeight(speed);\n  }\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  @Method()\n  async slideNext(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slideNext(speed!, runCallbacks!);\n  }\n\n  @Method()\n  async slidePrev(speed?: number, runCallbacks?: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.slidePrev(speed, runCallbacks);\n  }\n\n  @Method()\n  async getActiveIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.activeIndex;\n  }\n\n  @Method()\n  async getPreviousIndex(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.previousIndex;\n  }\n\n  @Method()\n  async length(): Promise<number> {\n    const swiper = await this.getSwiper();\n    return swiper.slides.length;\n  }\n\n  @Method()\n  async isEnd(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isEnd;\n  }\n\n  @Method()\n  async isBeginning(): Promise<boolean> {\n    const swiper = await this.getSwiper();\n    return swiper.isBeginning;\n  }\n\n  @Method()\n  async startAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.start();\n    }\n  }\n\n  @Method()\n  async stopAutoplay() {\n    const swiper = await this.getSwiper();\n    if (swiper.autoplay) {\n      swiper.autoplay.stop();\n    }\n  }\n\n  @Method()\n  async lockSwipeToNext(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlideNext = !lock;\n  }\n\n  @Method()\n  async lockSwipeToPrev(lock: boolean) {\n    const swiper = await this.getSwiper();\n    swiper.allowSlidePrev = !lock;\n  }\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  @Method()\n  async getSwiper(): Promise<any> {\n    return this.swiper;\n  }\n\n  private async initSwiper() {\n    this.syncSwiper?.destroy();\n    const finalOptions = this.normalizeOptions();\n\n    await waitForSlides(this.el);\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    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: this.pagertype,\n        clickable: true,\n        hideOnClick: false,\n      };\n    }\n\n    const eventOptions: SwiperOptions = {\n      on: {\n        init: () => {\n          setTimeout(() => {\n            this.roadslidesdidload.emit();\n          }, 20);\n        },\n        slideChangeTransitionStart: () => this.roadslidewillchange.emit(),\n        slideChangeTransitionEnd: () => this.roadslidedidchange.emit(),\n        slideNextTransitionStart: () => this.roadslidenextstart.emit(),\n        slidePrevTransitionStart: () => this.roadslideprevstart.emit(),\n        slideNextTransitionEnd: () => this.roadslidenextend.emit(),\n        slidePrevTransitionEnd: () => this.roadslideprevend.emit(),\n        transitionStart: () => this.roadslidetransitionstart.emit(),\n        transitionEnd: () => this.roadslidetransitionend.emit(),\n        sliderMove: () => this.roadslidedrag.emit(),\n        reachBeginning: () => this.roadslidereachstart.emit(),\n        reachEnd: () => this.roadslidereachend.emit(),\n        touchStart: () => this.roadslidetouchstart.emit(),\n        touchEnd: () => this.roadslidetouchend.emit(),\n        tap: () => this.roadslidetap.emit(),\n        doubleTap: () => this.roadslidedoubletap.emit(),\n      },\n    };\n\n    const customEvents =\n      !!this.options && !!this.options.on ? this.options.on : {};\n    const mergedEventOptions = { on: { ...customEvents, ...eventOptions.on } };\n\n    return { ...swiperOptions, ...this.options, ...mergedEventOptions };\n  }\n\n  private setupKeyboardNavigation() {\n    this.el.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n      switch (event.key) {\n        case \"ArrowLeft\":\n          this.slidePrev();\n          break;\n        case \"ArrowRight\":\n          this.slideNext();\n          break;\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host class=\"swiper-container\" tabindex=\"0\">\n        <div class=\"swiper-wrapper\">\n          <slot />\n        </div>\n        {this.pager && (\n          <div\n            class=\"swiper-pagination\"\n            ref={(el) => (this.paginationEl = el)}\n          ></div>\n        )}\n        {this.arrows && (\n          <div\n            role=\"button\"\n            class=\"swiper-button-prev\"\n            tabindex=\"0\"\n            aria-label=\"Previous slide\"\n            onClick={() => this.slidePrev()}\n          >\n            <road-icon icon={navigationChevron} rotate=\"180\"></road-icon>\n          </div>\n        )}\n        {this.arrows && (\n          <div\n            role=\"button\"\n            class=\"swiper-button-next\"\n            tabindex=\"0\"\n            aria-label=\"Next slide\"\n            onClick={() => this.slideNext()}\n          >\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) =>\n      s.componentOnReady()\n    )\n  );\n};\n"]}

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

@@ -1,32 +1,31 @@
-import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
+import { html } from "lit";
+import { unsafeHTML } from "lit-html/directives/unsafe-html.js";
 
 export default {
-  title: 'Listing/Carousel',
-  component: 'road-carousel',
+  title: "Listing/Carousel",
+  component: "road-carousel",
   subcomponents: {
-    'road-carousel-item': 'road-carousel-item',
+    "road-carousel-item": "road-carousel-item",
   },
   parameters: {
     actions: {
       handles: [
-        'roadslidesdidload',
-        'roadslidetap',
-        'roadslidedoubletap',
-        'roadslidewillchange',
-        'roadslidedidchange',
-        'roadslidenextstart',
-        'roadslideprevstart',
-        'roadslidenextend',
-        'roadslideprevend',
-        'roadslidetransitionstart',
-        'roadslidetransitionend',
-        'roadslidedrag',
-        'roadslidereachstart',
-        'roadslidereachend',
-        'roadslidetouchstart',
-        'roadslidetouchend',
+        "roadslidesdidload",
+        "roadslidetap",
+        "roadslidedoubletap",
+        "roadslidewillchange",
+        "roadslidedidchange",
+        "roadslidenextstart",
+        "roadslideprevstart",
+        "roadslidenextend",
+        "roadslideprevend",
+        "roadslidetransitionstart",
+        "roadslidetransitionend",
+        "roadslidedrag",
+        "roadslidereachstart",
+        "roadslidereachend",
+        "roadslidetouchstart",
+        "roadslidetouchend",
       ],
     },
     docs: {
@@ -37,112 +36,172 @@ export default {
   },
   argTypes: {
     pager: {
-      control: 'boolean',
-      description: 'Shows pagination bullets below the carousel.',
+      control: "boolean",
+      description: "Shows pagination bullets below the carousel.",
+    },
+    pagertype: {
+      description: "Progress calculation base for step display.\n",
+      options: ["bullets", "fraction"],
+      control: {
+        type: "select",
+      },
+      table: {
+        defaultValue: { summary: "bullets" },
+      },
     },
     arrows: {
-      control: 'boolean',
-      description: 'Displays navigation arrows for manual slide transitions.',
+      control: "boolean",
+      description: "Displays navigation arrows for manual slide transitions.",
     },
     options: {
-      control: 'object',
-      description: 'Configuration object for the Swiper instance.',
+      control: "object",
+      description: "Configuration object for the Swiper instance.",
     },
-    ' ': {
-      control: 'text',
-      description: 'Content inside the carousel, usually multiple `<road-carousel-item>` elements.',
+    " ": {
+      control: "text",
+      description:
+        "Content inside the carousel, usually multiple `<road-carousel-item>` elements.",
     },
     // 🔹 Méthodes accessibles depuis Storybook
     getActiveIndex: {
-      description: 'Returns the index of the active slide.',
-      table: { category: 'Methods', type: { summary: '() => Promise<number>' } },
+      description: "Returns the index of the active slide.",
+      table: {
+        category: "Methods",
+        type: { summary: "() => Promise<number>" },
+      },
     },
     getPreviousIndex: {
-      description: 'Returns the index of the previous slide.',
-      table: { category: 'Methods', type: { summary: '() => Promise<number>' } },
+      description: "Returns the index of the previous slide.",
+      table: {
+        category: "Methods",
+        type: { summary: "() => Promise<number>" },
+      },
     },
     getSwiper: {
-      description: 'Returns the Swiper instance. See Swiper API for more details.',
-      table: { category: 'Methods', type: { summary: '() => Promise<any>' } },
+      description:
+        "Returns the Swiper instance. See Swiper API for more details.",
+      table: { category: "Methods", type: { summary: "() => Promise<any>" } },
     },
     isBeginning: {
-      description: 'Checks if the current slide is the first slide.',
-      table: { category: 'Methods', type: { summary: '() => Promise<boolean>' } },
+      description: "Checks if the current slide is the first slide.",
+      table: {
+        category: "Methods",
+        type: { summary: "() => Promise<boolean>" },
+      },
     },
     isEnd: {
-      description: 'Checks if the current slide is the last slide.',
-      table: { category: 'Methods', type: { summary: '() => Promise<boolean>' } },
+      description: "Checks if the current slide is the last slide.",
+      table: {
+        category: "Methods",
+        type: { summary: "() => Promise<boolean>" },
+      },
     },
     length: {
-      description: 'Returns the total number of slides.',
-      table: { category: 'Methods', type: { summary: '() => Promise<number>' } },
+      description: "Returns the total number of slides.",
+      table: {
+        category: "Methods",
+        type: { summary: "() => Promise<number>" },
+      },
     },
     lockSwipeToNext: {
-      description: 'Locks the ability to slide to the next slide.',
-      table: { category: 'Methods', type: { summary: '(lock: boolean) => Promise<void>' } },
+      description: "Locks the ability to slide to the next slide.",
+      table: {
+        category: "Methods",
+        type: { summary: "(lock: boolean) => Promise<void>" },
+      },
     },
     lockSwipeToPrev: {
-      description: 'Locks the ability to slide to the previous slide.',
-      table: { category: 'Methods', type: { summary: '(lock: boolean) => Promise<void>' } },
+      description: "Locks the ability to slide to the previous slide.",
+      table: {
+        category: "Methods",
+        type: { summary: "(lock: boolean) => Promise<void>" },
+      },
     },
     lockSwipes: {
-      description: 'Locks the ability to swipe in either direction.',
-      table: { category: 'Methods', type: { summary: '(lock: boolean) => Promise<void>' } },
+      description: "Locks the ability to swipe in either direction.",
+      table: {
+        category: "Methods",
+        type: { summary: "(lock: boolean) => Promise<void>" },
+      },
     },
     slideNext: {
-      description: 'Transitions to the next slide.',
-      table: { category: 'Methods', type: { summary: '(speed?: number, runCallbacks?: boolean) => Promise<void>' } },
+      description: "Transitions to the next slide.",
+      table: {
+        category: "Methods",
+        type: {
+          summary: "(speed?: number, runCallbacks?: boolean) => Promise<void>",
+        },
+      },
     },
     slidePrev: {
-      description: 'Transitions to the previous slide.',
-      table: { category: 'Methods', type: { summary: '(speed?: number, runCallbacks?: boolean) => Promise<void>' } },
+      description: "Transitions to the previous slide.",
+      table: {
+        category: "Methods",
+        type: {
+          summary: "(speed?: number, runCallbacks?: boolean) => Promise<void>",
+        },
+      },
     },
     slideTo: {
-      description: 'Transitions to a specified slide index.',
-      table: { category: 'Methods', type: { summary: '(index: number, speed?: number, runCallbacks?: boolean) => Promise<void>' } },
+      description: "Transitions to a specified slide index.",
+      table: {
+        category: "Methods",
+        type: {
+          summary:
+            "(index: number, speed?: number, runCallbacks?: boolean) => Promise<void>",
+        },
+      },
     },
     startAutoplay: {
-      description: 'Starts automatic slide transition.',
-      table: { category: 'Methods', type: { summary: '() => Promise<void>' } },
+      description: "Starts automatic slide transition.",
+      table: { category: "Methods", type: { summary: "() => Promise<void>" } },
     },
     stopAutoplay: {
-      description: 'Stops automatic slide transition.',
-      table: { category: 'Methods', type: { summary: '() => Promise<void>' } },
+      description: "Stops automatic slide transition.",
+      table: { category: "Methods", type: { summary: "() => Promise<void>" } },
     },
     update: {
-      description: 'Updates the carousel when slides are added or removed.',
-      table: { category: 'Methods', type: { summary: '() => Promise<void>' } },
+      description: "Updates the carousel when slides are added or removed.",
+      table: { category: "Methods", type: { summary: "() => Promise<void>" } },
     },
     updateAutoHeight: {
-      description: 'Updates carousel height when `autoHeight` is enabled.',
-      table: { category: 'Methods', type: { summary: '(speed?: number) => Promise<void>' } },
+      description: "Updates carousel height when `autoHeight` is enabled.",
+      table: {
+        category: "Methods",
+        type: { summary: "(speed?: number) => Promise<void>" },
+      },
     },
   },
   args: {
-    pager: false,
+    pager: true,
+    pagertype: "fraction",
     arrows: false,
-    ' ': `
+    " ": `
       <road-carousel-item>
-        <road-img src="https://via.placeholder.com/800x400?text=Slide+1" alt="Slide 1"></road-img>
+        <road-img src="https://placehold.co/800x400?text=Slide+1" alt="Slide 1"></road-img>
       </road-carousel-item>
       <road-carousel-item>
-        <road-img src="https://via.placeholder.com/800x400?text=Slide+2" alt="Slide 2"></road-img>
+        <road-img src="https://placehold.co/800x400?text=Slide+2" alt="Slide 2"></road-img>
       </road-carousel-item>
       <road-carousel-item>
-        <road-img src="https://via.placeholder.com/800x400?text=Slide+3" alt="Slide 3"></road-img>
+        <road-img src="https://placehold.co/800x400?text=Slide+3" alt="Slide 3"></road-img>
       </road-carousel-item>
     `,
   },
 };
 
-const Template = (args) => html`
-<road-carousel 
-  ?pager="${args.pager}" 
-  ?arrows="${args.arrows}" 
-  .options="${args.options}">
-  ${unsafeHTML(args[' '])}
-</road-carousel>
-`;
+const Template = (args) => {
+  return html`
+    <road-carousel
+      pager="${args.pager}"
+      pagertype="${args.pagertype}"
+      arrows="${args.arrows}"
+      options="${args.options}"
+    >
+      ${unsafeHTML(args[" "])}
+    </road-carousel>
+  `;
+};
 
 export const Playground = Template.bind({});
 

package/dist/collection/components/drawer/drawer.css

@@ -74,8 +74,13 @@
 /* DRAWER
  -------------------- */
 
-.drawer-dialog {
-  position: relative;
+.road-drawer-wrapper {
+  width: 100%;
+}
+
+.road-drawer-wrapper .drawer-dialog {
+  position: absolute;
+  right: 0;
   width: 100%;
   pointer-events: none;
   transition: transform 0.3s ease-out;
@@ -89,7 +94,7 @@
   justify-content: flex-end;
 }
 
-:host(.drawer-right) .drawer-dialog {
+:host(.drawer-right) .road-drawer-wrapper .drawer-dialog {
   transform: translateX(100%);
 }
 
@@ -101,7 +106,7 @@
   align-items: flex-end;
 }
 
-:host(.drawer-bottom) .drawer-dialog {
+:host(.drawer-bottom) .road-drawer-wrapper .drawer-dialog {
   width: 100%;
   max-height: var(--max-height);
   transform: translateY(100%);
@@ -266,6 +271,6 @@
   opacity: 1;
 }
 
-:host(.drawer-open) .drawer-dialog {
+:host(.drawer-open) .road-drawer-wrapper .drawer-dialog {
   transform: none;
 }