kemet-ui 1.3.1 → 2.0.0

package/dist/components/kemet-carousel/kemet-carousel-link.js

@@ -1,59 +1,64 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-
-export default class KemetCarouselLink extends LitElement {
-  static get properties() {
-    return {
-      slide: {
-        type: Number,
-        reflect: true,
-      },
-      selected: {
-        type: Boolean,
-        reflect: true,
-      },
-      disabled: {
-        type: Boolean,
-        reflect: true,
-      },
-    };
-  }
-
-  static get styles() {
-    return [
-      css`
-        :host([selected]) {
-          color: var(--kemet-carousel-link-selected-color, var(--kemet-color-primary));
-        }
-
-        :host(:not([selected])) {
-          cursor: pointer;
-        }
-
-        :host([disabled]) {
-          cursor: not-allowed;
-        }
-      `,
-    ];
-  }
-
-  render() {
-    return html`
+import { customElement, property } from 'lit/decorators.js';
+import { emitEvent } from '../../utilities/misc/events';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-link
+ * @summary Zero-based index link to a slide in the carousel.
+ *
+ * @prop {number} slide
+ * @prop {boolean} selected - Automatically applied when link is active slide.
+ * @prop {boolean} disabled - Deactivates the button.
+ *
+ * @event kemet-carousel-link
+ *
+ * @cssproperty --kemet-carousel-link-selected-color - The color of an selected link. Default: var(--kemet-color-primary).
+ *
+ */
+let KemetCarouselLink = class KemetCarouselLink extends LitElement {
+    render() {
+        return html `
       <span tabindex="0" @keyup=${() => this.changed()} @click=${() => this.changed()}>
         <slot></slot>
       </span>
     `;
-  }
-
-  changed() {
-    if (!this.disabled) {
-      this.dispatchEvent(new CustomEvent('kemet-carousel-link', {
-        bubbles: true,
-        composed: true,
-        detail: this,
-      }));
     }
-  }
-}
+    changed() {
+        if (!this.disabled) {
+            emitEvent(this, 'kemet-carousel-link', this);
+        }
+    }
+};
+KemetCarouselLink.styles = [
+    css `
+      :host([selected]) {
+        color: var(--kemet-carousel-link-selected-color, var(--kemet-color-primary));
+      }
+
+      :host(:not([selected])) {
+        cursor: pointer;
+      }
 
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-carousel-link') || customElements.define('kemet-carousel-link', KemetCarouselLink);
+      :host([disabled]) {
+        cursor: not-allowed;
+      }
+    `,
+];
+__decorate([
+    property({ type: Number, reflect: true })
+], KemetCarouselLink.prototype, "slide", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], KemetCarouselLink.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], KemetCarouselLink.prototype, "disabled", void 0);
+KemetCarouselLink = __decorate([
+    customElement('kemet-carousel-link')
+], KemetCarouselLink);
+export default KemetCarouselLink;
+//# sourceMappingURL=kemet-carousel-link.js.map

package/dist/components/kemet-carousel/kemet-carousel-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-carousel-link.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD;;;;;;;;;;;;;;;;GAgBG;AAGH,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IA0BvD,MAAM;QACJ,OAAO,IAAI,CAAA;kCACmB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;;;KAGhF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,SAAS,CAAC,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;SAC9C;IACH,CAAC;CACF,CAAA;AAtCQ,wBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;KAYF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC5B;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACzB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACzB;AAxBC,iBAAiB;IADrC,aAAa,CAAC,qBAAqB,CAAC;GAChB,iBAAiB,CAuCrC;eAvCoB,iBAAiB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { emitEvent } from '../../utilities/misc/events';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-link\n * @summary Zero-based index link to a slide in the carousel.\n *\n * @prop {number} slide\n * @prop {boolean} selected - Automatically applied when link is active slide.\n * @prop {boolean} disabled - Deactivates the button.\n *\n * @event kemet-carousel-link\n *\n * @cssproperty --kemet-carousel-link-selected-color - The color of an selected link. Default: var(--kemet-color-primary).\n *\n */\n\n@customElement('kemet-carousel-link')\nexport default class KemetCarouselLink extends LitElement {\n  static styles = [\n    css`\n      :host([selected]) {\n        color: var(--kemet-carousel-link-selected-color, var(--kemet-color-primary));\n      }\n\n      :host(:not([selected])) {\n        cursor: pointer;\n      }\n\n      :host([disabled]) {\n        cursor: not-allowed;\n      }\n    `,\n  ];\n\n  @property({ type: Number, reflect: true })\n  slide: number;\n\n  @property({ type: Boolean, reflect: true })\n  selected: boolean;\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean;\n\n  render() {\n    return html`\n      <span tabindex=\"0\" @keyup=${() => this.changed()} @click=${() => this.changed()}>\n        <slot></slot>\n      </span>\n    `;\n  }\n\n  changed() {\n    if (!this.disabled) {\n      emitEvent(this, 'kemet-carousel-link', this);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-link': KemetCarouselLink\n  }\n}\n"]}

package/dist/components/kemet-carousel/kemet-carousel-next.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-next
+ * @summary A link to the next slide in the carousel.
+ *
+ * @prop {boolean} disabled - Deactivates the button.
+ *
+ * @event kemet-carousel-next
+ *
+ */
+export default class KemetCarouselNext extends LitElement {
+    static styles: import("lit").CSSResult[];
+    disabled: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    next(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-next': KemetCarouselNext;
+    }
+}

package/dist/components/kemet-carousel/kemet-carousel-next.js

@@ -1,47 +1,50 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-
-export default class KemetCarouselNext extends LitElement {
-  static get styles() {
-    return [
-      css`
-        :host {
-          cursor: pointer;
-        }
-
-        :host([disabled]) {
-          cursor: not-allowed;
-        }
-      `,
-    ];
-  }
-
-  static get properties() {
-    return {
-      disabled: {
-        type: Boolean,
-        reflect: true,
-      },
-    };
-  }
-
-  render() {
-    return html`
+import { customElement, property } from 'lit/decorators.js';
+import { emitEvent } from '../../utilities/misc/events';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-next
+ * @summary A link to the next slide in the carousel.
+ *
+ * @prop {boolean} disabled - Deactivates the button.
+ *
+ * @event kemet-carousel-next
+ *
+ */
+let KemetCarouselNext = class KemetCarouselNext extends LitElement {
+    render() {
+        return html `
       <span tabindex="0" @keyup=${() => this.next()} @click=${() => this.next()}>
         <slot></slot>
       </span>
     `;
-  }
-
-  next() {
-    if (!this.disabled) {
-      this.dispatchEvent(new CustomEvent('kemet-carousel-next', {
-        bubbles: true,
-        composed: true,
-        detail: this,
-      }));
     }
-  }
-}
+    next() {
+        if (!this.disabled) {
+            emitEvent(this, 'kemet-carousel-next', this);
+        }
+    }
+};
+KemetCarouselNext.styles = [
+    css `
+      :host {
+        cursor: pointer;
+      }
 
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-carousel-next') || customElements.define('kemet-carousel-next', KemetCarouselNext);
+      :host([disabled]) {
+        cursor: not-allowed;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], KemetCarouselNext.prototype, "disabled", void 0);
+KemetCarouselNext = __decorate([
+    customElement('kemet-carousel-next')
+], KemetCarouselNext);
+export default KemetCarouselNext;
+//# sourceMappingURL=kemet-carousel-next.js.map

package/dist/components/kemet-carousel/kemet-carousel-next.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-carousel-next.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-next.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD;;;;;;;;;;;;GAYG;AAGH,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IAgBvD,MAAM;QACJ,OAAO,IAAI,CAAA;kCACmB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;;;KAG1E,CAAC;IACJ,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,SAAS,CAAC,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;SAC9C;IACH,CAAC;CACF,CAAA;AA5BQ,wBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;KAQF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACzB;AAdC,iBAAiB;IADrC,aAAa,CAAC,qBAAqB,CAAC;GAChB,iBAAiB,CA6BrC;eA7BoB,iBAAiB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { emitEvent } from '../../utilities/misc/events';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-next\n * @summary A link to the next slide in the carousel.\n *\n * @prop {boolean} disabled - Deactivates the button.\n *\n * @event kemet-carousel-next\n *\n */\n\n@customElement('kemet-carousel-next')\nexport default class KemetCarouselNext extends LitElement {\n  static styles = [\n    css`\n      :host {\n        cursor: pointer;\n      }\n\n      :host([disabled]) {\n        cursor: not-allowed;\n      }\n    `,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean;\n\n  render() {\n    return html`\n      <span tabindex=\"0\" @keyup=${() => this.next()} @click=${() => this.next()}>\n        <slot></slot>\n      </span>\n    `;\n  }\n\n  next() {\n    if (!this.disabled) {\n      emitEvent(this, 'kemet-carousel-next', this);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-next': KemetCarouselNext\n  }\n}\n"]}

package/dist/components/kemet-carousel/kemet-carousel-prev.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-prev
+ * @summary A link to the previous slide in the carousel.
+ *
+ * @prop {boolean} disabled - Deactivates the button.
+ *
+ * @event kemet-carousel-prev
+ *
+ */
+export default class KemetCarouselPrev extends LitElement {
+    static styles: import("lit").CSSResult[];
+    disabled: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    prev(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-prev': KemetCarouselPrev;
+    }
+}

package/dist/components/kemet-carousel/kemet-carousel-prev.js

@@ -1,47 +1,50 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-
-export class KemetCarouselPrev extends LitElement {
-  static get styles() {
-    return [
-      css`
-        :host {
-          cursor: pointer;
-        }
-
-        :host([disabled]) {
-          cursor: not-allowed;
-        }
-      `,
-    ];
-  }
-
-  static get properties() {
-    return {
-      disabled: {
-        type: Boolean,
-        reflect: true,
-      },
-    };
-  }
-
-  render() {
-    return html`
+import { customElement, property } from 'lit/decorators.js';
+import { emitEvent } from '../../utilities/misc/events';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-prev
+ * @summary A link to the previous slide in the carousel.
+ *
+ * @prop {boolean} disabled - Deactivates the button.
+ *
+ * @event kemet-carousel-prev
+ *
+ */
+let KemetCarouselPrev = class KemetCarouselPrev extends LitElement {
+    render() {
+        return html `
       <span tabindex="0" @keyup=${() => this.prev()} @click=${() => this.prev()}>
         <slot></slot>
       </span>
     `;
-  }
-
-  prev() {
-    if (!this.disabled) {
-      this.dispatchEvent(new CustomEvent('kemet-carousel-prev', {
-        bubbles: true,
-        composed: true,
-        detail: this,
-      }));
     }
-  }
-}
+    prev() {
+        if (!this.disabled) {
+            emitEvent(this, 'kemet-carousel-prev', this);
+        }
+    }
+};
+KemetCarouselPrev.styles = [
+    css `
+      :host {
+        cursor: pointer;
+      }
 
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-carousel-prev') || customElements.define('kemet-carousel-prev', KemetCarouselPrev);
+      :host([disabled]) {
+        cursor: not-allowed;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], KemetCarouselPrev.prototype, "disabled", void 0);
+KemetCarouselPrev = __decorate([
+    customElement('kemet-carousel-prev')
+], KemetCarouselPrev);
+export default KemetCarouselPrev;
+//# sourceMappingURL=kemet-carousel-prev.js.map

package/dist/components/kemet-carousel/kemet-carousel-prev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-carousel-prev.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-prev.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD;;;;;;;;;;;;GAYG;AAGH,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IAgBvD,MAAM;QACJ,OAAO,IAAI,CAAA;kCACmB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;;;KAG1E,CAAC;IACJ,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,SAAS,CAAC,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;SAC9C;IACH,CAAC;CACF,CAAA;AA5BQ,wBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;KAQF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACzB;AAdC,iBAAiB;IADrC,aAAa,CAAC,qBAAqB,CAAC;GAChB,iBAAiB,CA6BrC;eA7BoB,iBAAiB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { emitEvent } from '../../utilities/misc/events';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-prev\n * @summary A link to the previous slide in the carousel.\n *\n * @prop {boolean} disabled - Deactivates the button.\n *\n * @event kemet-carousel-prev\n *\n */\n\n@customElement('kemet-carousel-prev')\nexport default class KemetCarouselPrev extends LitElement {\n  static styles = [\n    css`\n      :host {\n        cursor: pointer;\n      }\n\n      :host([disabled]) {\n        cursor: not-allowed;\n      }\n    `,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean;\n\n  render() {\n    return html`\n      <span tabindex=\"0\" @keyup=${() => this.prev()} @click=${() => this.prev()}>\n        <slot></slot>\n      </span>\n    `;\n  }\n\n  prev() {\n    if (!this.disabled) {\n      emitEvent(this, 'kemet-carousel-prev', this);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-prev': KemetCarouselPrev\n  }\n}\n"]}

package/dist/components/kemet-carousel/kemet-carousel-slide.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-slide
+ * @summary A container for a slide in the carousel.
+ *
+ * @prop {boolean} selected - Determines if the slide is selected.
+ *
+ */
+export default class KemetCarouselSlide extends LitElement {
+    static styles: import("lit").CSSResult[];
+    selected: boolean;
+    static get properties(): {
+        'aria-hidden': {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-slide': KemetCarouselSlide;
+    }
+}

package/dist/components/kemet-carousel/kemet-carousel-slide.js

@@ -1,51 +1,53 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-
-export default class KemetCarouselSlide extends LitElement {
-  static get styles() {
-    return [
-      css`
-        :host,
-        :host *,
-        :host *::before,
-        *::after {
-          box-sizing: border-box;
-        }
-
-        :host {
-          flex: 0 0 auto;
-        }
-      `,
-    ];
-  }
-
-  static get properties() {
-    return {
-      /**
-       * Determines if the slide is selected
-       */
-      selected: {
-        type: Boolean,
-        reflect: true,
-      },
-      'aria-hidden': {
-        type: String,
-        reflect: true,
-      },
-    };
-  }
-
-  constructor() {
-    super();
-    this.selected = false;
-    this['aria-hidden'] = 'true';
-  }
-
-  render() {
-    return html`
+import { customElement, property } from 'lit/decorators.js';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-slide
+ * @summary A container for a slide in the carousel.
+ *
+ * @prop {boolean} selected - Determines if the slide is selected.
+ *
+ */
+let KemetCarouselSlide = class KemetCarouselSlide extends LitElement {
+    constructor() {
+        super();
+        this.selected = false;
+        this['aria-hidden'] = 'true';
+    }
+    static get properties() {
+        return {
+            'aria-hidden': { type: String, reflect: true },
+        };
+    }
+    render() {
+        return html `
       <slot></slot>
     `;
-  }
-}
+    }
+};
+KemetCarouselSlide.styles = [
+    css `
+      :host,
+      :host *,
+      :host *::before,
+      *::after {
+        box-sizing: border-box;
+      }
 
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-carousel-slide') || customElements.define('kemet-carousel-slide', KemetCarouselSlide);
+      :host {
+        flex: 0 0 auto;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], KemetCarouselSlide.prototype, "selected", void 0);
+KemetCarouselSlide = __decorate([
+    customElement('kemet-carousel-slide')
+], KemetCarouselSlide);
+export default KemetCarouselSlide;
+//# sourceMappingURL=kemet-carousel-slide.js.map

package/dist/components/kemet-carousel/kemet-carousel-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-carousel-slide.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-slide.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;GAUG;AAGH,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,UAAU;IAyBxD;QACE,KAAK,EAAE,CAAC;QATV,aAAQ,GAAY,KAAK,CAAC;QAUxB,IAAI,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC;IAC/B,CAAC;IATD,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;SAC/C,CAAC;IACJ,CAAC;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;CACF,CAAA;AAlCQ,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;KAWF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAjBP,kBAAkB;IADtC,aAAa,CAAC,sBAAsB,CAAC;GACjB,kBAAkB,CAmCtC;eAnCoB,kBAAkB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-slide\n * @summary A container for a slide in the carousel.\n *\n * @prop {boolean} selected - Determines if the slide is selected.\n *\n */\n\n@customElement('kemet-carousel-slide')\nexport default class KemetCarouselSlide extends LitElement {\n  static styles = [\n    css`\n      :host,\n      :host *,\n      :host *::before,\n      *::after {\n        box-sizing: border-box;\n      }\n\n      :host {\n        flex: 0 0 auto;\n      }\n    `,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  selected: boolean = false;\n\n  static get properties() {\n    return {\n      'aria-hidden': { type: String, reflect: true },\n    };\n  }\n\n  constructor() {\n    super();\n    this['aria-hidden'] = 'true';\n  }\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-slide': KemetCarouselSlide\n  }\n}\n"]}

package/dist/components/kemet-carousel/kemet-carousel-total.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+import { KemetCarouselInterface } from './types';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-total
+ * @summary Displays the total slide number.
+ *
+ * @prop {number} total - The total number of slides.
+ *
+ */
+export default class KemetCarouselTotal extends LitElement {
+    static styles: import("lit").CSSResult[];
+    total: number | undefined;
+    carousel: KemetCarouselInterface | null;
+    firstUpdated(): void;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-carousel-total': KemetCarouselTotal;
+    }
+}

package/dist/components/kemet-carousel/kemet-carousel-total.js

@@ -1,36 +1,44 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-
-export class KemetCarouselTotal extends LitElement {
-  static get styles() {
-    return [
-      css`
-        :host {
-          display: inline-block;
-        }
-      `,
-    ];
-  }
-
-  static get properties() {
-    return {
-      total: {
-        type: Number,
-      },
-    };
-  }
-
-  firstUpdated() {
-    this.carousel = this.closest('kemet-carousel');
-  }
-
-  updated() {
-    this.total = this.carousel.total;
-  }
-
-  render() {
-    return html`${this.total}`;
-  }
-}
-
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-carousel-total') || customElements.define('kemet-carousel-total', KemetCarouselTotal);
+import { customElement, property, state } from 'lit/decorators.js';
+/**
+ *
+ * @since 1.1.0
+ * @status stable
+ *
+ * @tagname kemet-carousel-total
+ * @summary Displays the total slide number.
+ *
+ * @prop {number} total - The total number of slides.
+ *
+ */
+let KemetCarouselTotal = class KemetCarouselTotal extends LitElement {
+    firstUpdated() {
+        this.carousel = this.closest('kemet-carousel');
+    }
+    updated() {
+        var _a;
+        this.total = (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.total;
+    }
+    render() {
+        return html `${this.total}`;
+    }
+};
+KemetCarouselTotal.styles = [
+    css `
+      :host {
+        display: inline-block;
+      }
+    `,
+];
+__decorate([
+    property({ type: Number })
+], KemetCarouselTotal.prototype, "total", void 0);
+__decorate([
+    state()
+], KemetCarouselTotal.prototype, "carousel", void 0);
+KemetCarouselTotal = __decorate([
+    customElement('kemet-carousel-total')
+], KemetCarouselTotal);
+export default KemetCarouselTotal;
+//# sourceMappingURL=kemet-carousel-total.js.map

package/dist/components/kemet-carousel/kemet-carousel-total.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-carousel-total.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-total.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGnE;;;;;;;;;;GAUG;AAGH,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,UAAU;IAexD,YAAY;QACV,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC;IAED,OAAO;;QACL,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC;CACF,CAAA;AAzBQ,yBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACD;AAG1B;IADC,KAAK,EAAE;oDACgC;AAbrB,kBAAkB;IADtC,aAAa,CAAC,sBAAsB,CAAC;GACjB,kBAAkB,CA0BtC;eA1BoB,kBAAkB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { KemetCarouselInterface } from './types';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-total\n * @summary Displays the total slide number.\n *\n * @prop {number} total - The total number of slides.\n *\n */\n\n@customElement('kemet-carousel-total')\nexport default class KemetCarouselTotal extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n      }\n    `,\n  ];\n\n  @property({ type: Number })\n  total: number | undefined;\n\n  @state()\n  carousel: KemetCarouselInterface | null;\n\n  firstUpdated() {\n    this.carousel = this.closest('kemet-carousel');\n  }\n\n  updated() {\n    this.total = this.carousel?.total;\n  }\n\n  render() {\n    return html`${this.total}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-total': KemetCarouselTotal\n  }\n}\n"]}