@pushengineering/umg-web-components 2.0.10 → 3.0.2

package/dist/components/slider/index.d.ts

@@ -1,2 +1,3 @@
 import { Slider } from './slider';
 export { Slider };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/slider/slide.d.ts

@@ -6,3 +6,4 @@ export declare class Slide extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=slide.d.ts.map

package/dist/components/slider/slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAW3C,qBAEa,KAAM,SAAQ,UAAU;IAGjC,WAAW,SAAW;IAGtB,MAAM,UAAQ;IAEd,OAAO;IAqBP,MAAM;IAMN,MAAM,CAAC,MAAM,+BAaX;CACL"}

package/dist/components/slider/slide.js

@@ -1,25 +1,27 @@
-import { css as d, LitElement as a, html as p } from "lit";
-import { property as c } from "lit/decorators/property.js";
-import { customElement as f } from "lit/decorators/custom-element.js";
-import { global as h } from "../../styles/global.js";
-import { settings as u } from "../../scripts/settings.js";
-import { mergeStyles as v } from "../../scripts/mergeStyles.js";
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (m, r, o, s) => {
-  for (var e = s > 1 ? void 0 : s ? _(r, o) : r, i = m.length - 1, l; i >= 0; i--)
-    (l = m[i]) && (e = (s ? l(r, o, e) : l(e)) || e);
-  return s && e && y(r, o, e), e;
-};
-const { prefix: g } = u;
-let t = class extends a {
-  constructor() {
-    super(...arguments), this.contentType = "slider", this.active = !1;
-  }
-  content() {
-    return this.contentType === "slider" ? p`
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { property } from 'lit/decorators/property.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let Slide = class Slide extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.contentType = 'slider';
+        this.active = false;
+    }
+    content() {
+        if (this.contentType === 'slider') {
+            return html `
                 <li class="slide grid__item" part="slide">
                     <slot></slot>
                 </li>
-            ` : p`
+            `;
+        }
+        return html `
             <div
                 class="slide grid__item"
                 part="slide"
@@ -30,16 +32,16 @@ let t = class extends a {
                 <slot></slot>
             </div>
         `;
-  }
-  render() {
-    return p`
+    }
+    render() {
+        return html `
             ${this.content()}
         `;
-  }
+    }
 };
-t.styles = v([
-  h,
-  d`
+Slide.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: block;
             }
@@ -49,17 +51,17 @@ t.styles = v([
             ::slotted(*) {
                 height: 100%;
             }
-        `
+        `,
 ]);
-n([
-  c()
-], t.prototype, "contentType", 2);
-n([
-  c({ type: Boolean })
-], t.prototype, "active", 2);
-t = n([
-  f(`${g}-slide`)
-], t);
-export {
-  t as Slide
-};
+__decorate([
+    property()
+], Slide.prototype, "contentType", void 0);
+__decorate([
+    property({ type: Boolean })
+], Slide.prototype, "active", void 0);
+Slide = __decorate([
+    customElement(`${prefix}-slide`)
+], Slide);
+
+export { Slide };
+//# sourceMappingURL=slide.js.map

package/dist/components/slider/slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.js","sources":["../../../src/components/slider/slide.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AASA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAGH,IAAW,CAAA,WAAA,GAAG,QAAQ,CAAA;QAGtB,IAAM,CAAA,MAAA,GAAG,KAAK,CAAA;KA2CjB;IAzCG,OAAO,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;AAC/B,YAAA,OAAO,IAAI,CAAA,CAAA;;;;aAIV,CAAA;SACJ;AACD,QAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;;;;SAUV,CAAA;KACJ;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;cACL,IAAI,CAAC,OAAO,EAAE,CAAA;SACnB,CAAA;KACJ;;AAEM,KAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;AAUF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AA7CF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACW,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACd,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AANL,KAAK,GAAA,UAAA,CAAA;AAFjB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,MAAA,CAAQ,CAAC;AAEpB,CAAA,EAAA,KAAK,CAiDjB;;;;"}

package/dist/components/slider/slider-controls.d.ts

@@ -25,3 +25,4 @@ export declare class SliderControls extends LitElement {
     render(): import("lit").TemplateResult<1> | undefined;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=slider-controls.d.ts.map

package/dist/components/slider/slider-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-controls.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider-controls.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAiB/C,qBAEa,cAAe,SAAQ,UAAU;IAG1C,QAAQ,SAAK;IAGb,WAAW,SAAY;IAGvB,eAAe,SAAU;IAGzB,cAAc,SAAI;IAGlB,aAAa,SAAI;IAGjB,WAAW,SAAI;IAGf,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,OAAO,UAAO;IAGd,UAAU,UAAQ;IAGlB,eAAe,UAAQ;IAGvB,iBAAiB,EAAE,oBAAoB,GAAG,SAAS,CAAA;IAEnD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAgB3C,OAAO,CAAC,iBAAiB,CAWxB;IAED,OAAO,CAAC,sBAAsB;IAoD9B,cAAc;IAcd,cAAc;IAQd,aAAa;IA2Bb,UAAU;IA2BV,iBAAiB;IAmCjB,eAAe;IAkCf,gBAAgB,CAAC,SAAS,EAAE,MAAM;IA2ClC,MAAM;IAeN,MAAM,CAAC,MAAM,+BAIX;CACL"}

package/dist/components/slider/slider-controls.js

@@ -1,111 +1,172 @@
-import { LitElement as m, html as o, nothing as f } from "lit";
-import { property as l } from "lit/decorators/property.js";
-import { state as b } from "lit/decorators.js";
-import { customElement as y } from "lit/decorators/custom-element.js";
-import { map as c } from "lit/directives/map.js";
-import { range as d } from "lit/directives/range.js";
-import { classMap as h } from "lit/directives/class-map.js";
-import { global as _ } from "../../styles/global.js";
-import { controls as v } from "./styles/controls.js";
-import { linkState as g } from "../../styles/link.js";
-import { settings as $ } from "../../scripts/settings.js";
-import { mergeStyles as P } from "../../scripts/mergeStyles.js";
-var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (t, e, r, n) => {
-  for (var u = n > 1 ? void 0 : n ? k(e, r) : e, a = t.length - 1, p; a >= 0; a--)
-    (p = t[a]) && (u = (n ? p(e, r, u) : p(u)) || u);
-  return n && u && C(e, r, u), u;
-};
-const { prefix: O } = $;
-let s = class extends m {
-  constructor() {
-    super(...arguments), this.sliderId = "", this.controlType = "counter", this.controlPosition = "under", this.numberOfSlides = 1, this.slidesPerPage = 1, this.currentPage = 1, this.autoPlay = !1, this.loopSlides = !1, this.playing = !0, this._pauseHold = !1, this._positionInside = !1, this._positionControls = (t) => {
-      t.forEach((e) => {
-        this === e.target && (!e.isIntersecting ? this._positionInside = !0 : this._positionInside = !1);
-      });
-    };
-  }
-  updated(t) {
-    if (super.updated(t), this.controlPosition === "outside") {
-      const e = {
-        root: document.querySelector("document"),
-        rootMargin: "0px -112px 0px -112px",
-        threshold: 1
-      };
-      !this._overflowObserver && this && (this._overflowObserver = new IntersectionObserver(this._positionControls, e), this._overflowObserver.observe(this));
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { LitElement, html, nothing } from 'lit';
+import { property } from 'lit/decorators/property.js';
+import { state } from 'lit/decorators.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { map } from 'lit/directives/map.js';
+import { range } from 'lit/directives/range.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { global } from '../../styles/global.js';
+import { controls } from './styles/controls.js';
+import { linkState } from '../../styles/link.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let SliderControls = class SliderControls extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.sliderId = '';
+        this.controlType = 'counter';
+        this.controlPosition = 'under';
+        this.numberOfSlides = 1;
+        this.slidesPerPage = 1;
+        this.currentPage = 1;
+        this.autoPlay = false;
+        this.loopSlides = false;
+        this.playing = true;
+        this._pauseHold = false;
+        this._positionInside = false;
+        this._positionControls = (entries) => {
+            entries.forEach((entry) => {
+                if (this === entry.target) {
+                    const isOverflowing = !entry.isIntersecting;
+                    if (isOverflowing) {
+                        this._positionInside = true;
+                    }
+                    else {
+                        this._positionInside = false;
+                    }
+                }
+            });
+        };
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (this.controlPosition === 'outside') {
+            const options = {
+                root: document.querySelector('document'),
+                rootMargin: '0px -112px 0px -112px',
+                threshold: 1,
+            };
+            if (!this._overflowObserver && this) {
+                this._overflowObserver = new IntersectionObserver(this._positionControls, options);
+                this._overflowObserver.observe(this);
+            }
+        }
+    }
+    _dispatchControlAction(e, action) {
+        const button = e.currentTarget;
+        if (button && button.getAttribute('disabled')) {
+            return;
+        }
+        if ('onscrollend' in window === false) {
+            button.style.setProperty('pointer-events', 'none');
+            setTimeout(() => { button.style.setProperty('pointer-events', 'auto'); }, 1100 / this.slidesPerPage);
+        }
+        if (action === 'pause-slider' || action === 'play-slider') {
+            this.dispatchEvent(new CustomEvent(action, { bubbles: true, composed: true }));
+        }
+        if (action === 'previous-slide' || action === 'next-slide') {
+            this.dispatchEvent(new CustomEvent(action, { bubbles: true, composed: true }));
+        }
+        if (action === 'pause-over') {
+            this.dispatchEvent(new CustomEvent(action, { bubbles: true, composed: true }));
+            this.playing ? this._pauseHold = true : this._pauseHold = false;
+        }
+        if (action === 'pause-out') {
+            if (this.playing) {
+                this.dispatchEvent(new CustomEvent(action, { bubbles: true, composed: true }));
+                this._pauseHold = false;
+            }
+        }
+        if (action === 'slide-link') {
+            const button = e.currentTarget;
+            const slideNumber = button ? button.dataset.slide : null;
+            this.dispatchEvent(new CustomEvent(action, {
+                detail: {
+                    slideNumber: slideNumber,
+                },
+                bubbles: true,
+                composed: true
+            }));
+        }
+        return;
+    }
+    controlClasses() {
+        const classes = {};
+        if (this.controlPosition === 'outside' && !this._positionInside) {
+            classes['slider-controls--outside'] = true;
+        }
+        else if (this.controlPosition === 'outside' && this._positionInside) {
+            classes['slider-controls--inside'] = true;
+        }
+        else if (this.controlPosition === 'inside') {
+            classes['slider-controls--inside'] = true;
+        }
+        return classes;
     }
-  }
-  _dispatchControlAction(t, e) {
-    const r = t.currentTarget;
-    if (!(r && r.getAttribute("disabled")) && ("onscrollend" in window || (r.style.setProperty("pointer-events", "none"), setTimeout(() => {
-      r.style.setProperty("pointer-events", "auto");
-    }, 1100 / this.slidesPerPage)), (e === "pause-slider" || e === "play-slider") && this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), (e === "previous-slide" || e === "next-slide") && this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), e === "pause-over" && (this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), this.playing ? this._pauseHold = !0 : this._pauseHold = !1), e === "pause-out" && this.playing && (this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), this._pauseHold = !1), e === "slide-link")) {
-      const n = t.currentTarget, u = n ? n.dataset.slide : null;
-      this.dispatchEvent(
-        new CustomEvent(
-          e,
-          {
-            detail: {
-              slideNumber: u
-            },
-            bubbles: !0,
-            composed: !0
-          }
-        )
-      );
+    counterClasses() {
+        const classes = {};
+        classes['slider-counter--' + this.controlType] = true;
+        classes['caption'] = this.controlType === 'counter' || this.controlType === 'numbers' ? true : false;
+        return classes;
     }
-  }
-  controlClasses() {
-    const t = {};
-    return this.controlPosition === "outside" && !this._positionInside ? t["slider-controls--outside"] = !0 : (this.controlPosition === "outside" && this._positionInside || this.controlPosition === "inside") && (t["slider-controls--inside"] = !0), t;
-  }
-  counterClasses() {
-    const t = {};
-    return t["slider-counter--" + this.controlType] = !0, t.caption = this.controlType === "counter" || this.controlType === "numbers", t;
-  }
-  numberButtons() {
-    return o`
-            ${c(d(1, this.numberOfSlides + 1, 1), (t) => t === this.currentPage ? o`
+    numberButtons() {
+        return html `
+            ${map(range(1, this.numberOfSlides + 1, 1), (i) => {
+            if (i === this.currentPage) {
+                return html `
                         <button
                             class="slider-counter__link slider-counter__link--numbers link link--active"
-                            @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
-                            data-slide=${t}
+                            @click="${(e) => this._dispatchControlAction(e, 'slide-link')}"
+                            data-slide=${i}
                             >
-                            ${t}
+                            ${i}
                         </button>
-                    ` : o`
+                    `;
+            }
+            return html `
                     <button
                         class="slider-counter__link slider-counter__link--numbers link"
-                        @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
-                        data-slide=${t}
+                        @click="${(e) => this._dispatchControlAction(e, 'slide-link')}"
+                        data-slide=${i}
                         >
-                        ${t}
+                        ${i}
                     </button>
-                `)}
+                `;
+        })}
         `;
-  }
-  dotButtons() {
-    return o`
-            ${c(d(1, this.numberOfSlides + 1, 1), (t) => t === this.currentPage ? o`
+    }
+    dotButtons() {
+        return html `
+            ${map(range(1, this.numberOfSlides + 1, 1), (i) => {
+            if (i === this.currentPage) {
+                return html `
                         <button
                             class="slider-counter__link slider-counter__link--dots slider-counter__link--active link"
-                            @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
-                            data-slide="${t}"
+                            @click="${(e) => this._dispatchControlAction(e, 'slide-link')}"
+                            data-slide="${i}"
                             >
                             <span class="dot"></span>
                         </button>
-                    ` : o`
+                    `;
+            }
+            return html `
                     <button
                         class="slider-counter__link slider-counter__link--dots link"
-                        @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
-                        data-slide="${t}"
+                        @click="${(e) => this._dispatchControlAction(e, 'slide-link')}"
+                        data-slide="${i}"
                         >
                         <span class="dot"></span>
                     </button>
-                `)}
+                `;
+        })}
         `;
-  }
-  controlVisualType() {
-    return this.controlType === "counter" ? o`
+    }
+    controlVisualType() {
+        if (this.controlType === 'counter') {
+            return html `
                 <span
                     class="slider-counter--current"
                     part="counter-current"
@@ -125,132 +186,152 @@ let s = class extends m {
                     >
                     ${this.numberOfSlides}
                 </span>
-            ` : this.controlType === "numbers" ? o`
+            `;
+        }
+        else {
+            if (this.controlType === 'numbers') {
+                return html `
                     ${this.numberButtons()}
-                ` : o`
+                `;
+            }
+            return html `
                 ${this.dotButtons()}
             `;
-  }
-  autoPlayButtons() {
-    return this.autoPlay && this.playing ? o`
+        }
+    }
+    autoPlayButtons() {
+        if (this.autoPlay && this.playing) {
+            return html `
             <div class="autoplay-buttons" part="autoplay-container">
                 <umg-button-icon
                     for=${this.sliderId}
                     label="Pause slides"
-                    icon=${this._pauseHold === !0 ? "play-pause" : "pause"}
+                    icon=${this._pauseHold === true ? 'play-pause' : 'pause'}
                     size="small"
-                    @click="${(t) => this._dispatchControlAction(t, "pause-slider")}"
-                    @mouseover="${(t) => this._dispatchControlAction(t, "pause-over")}"
-                    @mouseout="${(t) => this._dispatchControlAction(t, "pause-out")}"
-                    @focusin="${(t) => this._dispatchControlAction(t, "pause-over")}"
-                    @focusout="${(t) => this._dispatchControlAction(t, "pause-out")}"
+                    @click="${(e) => this._dispatchControlAction(e, 'pause-slider')}"
+                    @mouseover="${(e) => this._dispatchControlAction(e, 'pause-over')}"
+                    @mouseout="${(e) => this._dispatchControlAction(e, 'pause-out')}"
+                    @focusin="${(e) => this._dispatchControlAction(e, 'pause-over')}"
+                    @focusout="${(e) => this._dispatchControlAction(e, 'pause-out')}"
                     >
                 </umg-button-icon>
             </div>
-            ` : this.autoPlay && !this.playing ? o`
+            `;
+        }
+        else if (this.autoPlay && !this.playing) {
+            return html `
                 <umg-button-icon
                     class="autoplay-buttons"
                     for=${this.sliderId}
                     label="Autoplay slides"
                     icon="play"
                     size="small"
-                    @click="${(t) => this._dispatchControlAction(t, "play-slider")}"
+                    @click="${(e) => this._dispatchControlAction(e, 'play-slider')}"
                     >
                 </umg-button-icon>
-            ` : f;
-  }
-  navigationButton(t) {
-    const e = t === "next" ? !this.loopSlides && this.currentPage === this.numberOfSlides : !this.loopSlides && this.currentPage === 1, r = t === "next" ? "next-slide" : "previous-slide";
-    return this.controlPosition === "under" ? o`
+            `;
+        }
+        return nothing;
+    }
+    navigationButton(direction) {
+        const disabled = direction === 'next'
+            ? !this.loopSlides
+                && this.currentPage === this.numberOfSlides : !this.loopSlides && this.currentPage === 1;
+        const action = direction === 'next' ? 'next-slide' : 'previous-slide';
+        if (this.controlPosition === 'under') {
+            return html `
                 <umg-button-icon
-                    class="${t}-button"
+                    class="${direction}-button"
                     for=${this.sliderId}
                     label="Next"
-                    icon="chevron-${t === "next" ? "right" : "left"}"
+                    icon="chevron-${direction === 'next' ? 'right' : 'left'}"
                     size="small"
-                    ?disabled=${e}
-                    @click="${(n) => this._dispatchControlAction(n, r)}"
+                    ?disabled=${disabled}
+                    @click="${(e) => this._dispatchControlAction(e, action)}"
                     >
                 </umg-button-icon>
-            ` : o`
+            `;
+        }
+        return html `
             <umg-button-icon
                 id="OuterButton"
-                class="${t}-button"
+                class="${direction}-button"
                 for=${this.sliderId}
                 label="Next"
-                icon="chevron-${t === "next" ? "right" : "left"}"
+                icon="chevron-${direction === 'next' ? 'right' : 'left'}"
                 size="large"
                 padding="12"
-                ?disabled=${e}
+                ?disabled=${disabled}
                 colorText="255,255,255"
                 colorBg="0,0,0"
                 colorBgOpacity="0.3"
                 border
                 borderWidth="10"
                 borderRadius="40"
-                @click="${(n) => this._dispatchControlAction(n, r)}"
+                @click="${(e) => this._dispatchControlAction(e, action)}"
                 >
             </umg-button-icon>
         `;
-  }
-  render() {
-    if (this.numberOfSlides > 1)
-      return o`
-                <div class="slider-controls${h(this.controlClasses())}" part="slider-controls">
-                    ${this.navigationButton("previous")}
-                    <div class="slider-counter${h(this.counterClasses())}" part="slider-counter">
+    }
+    render() {
+        if (this.numberOfSlides > 1) {
+            return html `
+                <div class="slider-controls${classMap(this.controlClasses())}" part="slider-controls">
+                    ${this.navigationButton('previous')}
+                    <div class="slider-counter${classMap(this.counterClasses())}" part="slider-counter">
                         ${this.controlVisualType()}
                     </div>
-                    ${this.navigationButton("next")}
+                    ${this.navigationButton('next')}
                     ${this.autoPlayButtons()}
                 </div>
             `;
-  }
+        }
+    }
 };
-s.styles = P([
-  _,
-  v,
-  g
+SliderControls.styles = mergeStyles([
+    global,
+    controls,
+    linkState,
 ]);
-i([
-  l()
-], s.prototype, "sliderId", 2);
-i([
-  l()
-], s.prototype, "controlType", 2);
-i([
-  l()
-], s.prototype, "controlPosition", 2);
-i([
-  l({ type: Number })
-], s.prototype, "numberOfSlides", 2);
-i([
-  l({ type: Number })
-], s.prototype, "slidesPerPage", 2);
-i([
-  l({ type: Number })
-], s.prototype, "currentPage", 2);
-i([
-  l({ type: Boolean })
-], s.prototype, "autoPlay", 2);
-i([
-  l({ type: Boolean })
-], s.prototype, "loopSlides", 2);
-i([
-  l({ type: Boolean })
-], s.prototype, "playing", 2);
-i([
-  l({ state: !0, type: Boolean })
-], s.prototype, "_pauseHold", 2);
-i([
-  b()
-], s.prototype, "_positionInside", 2);
-i([
-  b()
-], s.prototype, "_overflowObserver", 2);
-s = i([
-  y(`${O}-slider-controls`)
-], s);
-export {
-  s as SliderControls
-};
+__decorate([
+    property()
+], SliderControls.prototype, "sliderId", void 0);
+__decorate([
+    property()
+], SliderControls.prototype, "controlType", void 0);
+__decorate([
+    property()
+], SliderControls.prototype, "controlPosition", void 0);
+__decorate([
+    property({ type: Number })
+], SliderControls.prototype, "numberOfSlides", void 0);
+__decorate([
+    property({ type: Number })
+], SliderControls.prototype, "slidesPerPage", void 0);
+__decorate([
+    property({ type: Number })
+], SliderControls.prototype, "currentPage", void 0);
+__decorate([
+    property({ type: Boolean })
+], SliderControls.prototype, "autoPlay", void 0);
+__decorate([
+    property({ type: Boolean })
+], SliderControls.prototype, "loopSlides", void 0);
+__decorate([
+    property({ type: Boolean })
+], SliderControls.prototype, "playing", void 0);
+__decorate([
+    property({ state: true, type: Boolean })
+], SliderControls.prototype, "_pauseHold", void 0);
+__decorate([
+    state()
+], SliderControls.prototype, "_positionInside", void 0);
+__decorate([
+    state()
+], SliderControls.prototype, "_overflowObserver", void 0);
+SliderControls = __decorate([
+    customElement(`${prefix}-slider-controls`)
+], SliderControls);
+
+export { SliderControls };
+//# sourceMappingURL=slider-controls.js.map