kemet-ui 3.0.1 → 4.0.0

package/dist/components/kemet-carousel/docs/stories.js

@@ -1,180 +0,0 @@
-import { html } from 'lit';
-import '../kemet-carousel';
-import '../kemet-carousel-link';
-import '../kemet-carousel-first';
-import '../kemet-carousel-last';
-import '../kemet-carousel-next';
-import '../kemet-carousel-prev';
-import '../kemet-carousel-slide';
-import '../kemet-carousel-current';
-import '../kemet-carousel-total';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-import '../../kemet-badge/kemet-badge';
-import '../../kemet-icon/kemet-icon';
-const meta = {
-    title: 'Components / Carousel',
-    component: 'kemet-carousel',
-    args: {
-        numOfSlides: 5,
-        toolbarType: 'none',
-        options: {
-            perView: 1,
-            perMove: 1,
-            gap: 12,
-            slideshow: 0,
-            rewind: true,
-            center: false,
-        },
-        breakpoints: {
-            768: {
-                perView: 2,
-                gap: 24,
-                rewind: false,
-            },
-            1280: {
-                perView: 2.5,
-                center: true,
-            },
-        },
-    },
-    argTypes: {
-        toolbarType: {
-            control: { type: 'radio' },
-            options: ['none', 'pagination', 'description'],
-        },
-        options: {
-            control: { type: 'object' },
-        },
-        breakpoints: {
-            control: { type: 'object' },
-        },
-    }
-};
-export default meta;
-const Template = (args) => {
-    const makeSlides = () => {
-        const slides = [];
-        for (let i = 0; i < args.numOfSlides; i += 1) {
-            const slideNumber = i + 1;
-            slides.push(html `
-        <kemet-carousel-slide slot="slides">
-          <figure kemet-border="all-1 solid gray-50" kemet-margin="none" kemet-padding="2xl" kemet-elevation="layer-4">
-            <h3 kemet-margin="none">Slide ${slideNumber}</h3>
-            <img src="https://via.placeholder.com/1920x1080" alt="a placeholder" style="max-width:100%" />
-            <figcaption>An image in a carousel.</figcaption>
-          </figure>
-          <span slot="information"><a href="https://google.com" target="_blank">Title</a>. An image of slide ${slideNumber}. </span>
-        </kemet-carousel-slide>
-      `);
-        }
-        return slides;
-    };
-    const makePrevArrow = () => {
-        if (args.arrows) {
-            return html `
-        <kemet-carousel-prev slot="prev">
-          <kemet-icon icon="chevron-left" size="72"></kemet-icon>
-        </kemet-carousel-prev>
-      `;
-        }
-        return null;
-    };
-    const makeNextArrow = () => {
-        if (args.arrows) {
-            return html `
-        <kemet-carousel-next slot="next">
-          <kemet-icon icon="chevron-right" size="72"></kemet-icon>
-        </kemet-carousel-next>
-      `;
-        }
-        return null;
-    };
-    const makePagination = () => {
-        if (args.toolbarType === 'pagination') {
-            const pages = [];
-            for (let i = 0; i < args.numOfSlides; i += 1) {
-                pages.push(html `
-          <kemet-carousel-link slide="${i}" slot="toolbar">${i + 1}</kemet-carousel-link>
-        `);
-            }
-            return html `
-        <kemet-carousel-first slot="toolbar">
-          <kemet-icon icon="chevron-double-left"></kemet-icon>
-        </kemet-carousel-first>
-        <kemet-carousel-prev slot="toolbar">
-          <kemet-icon icon="chevron-left"></kemet-icon>
-        </kemet-carousel-prev>
-        ${pages}
-        <kemet-carousel-next slot="toolbar">
-          <kemet-icon icon="chevron-right"></kemet-icon>
-        </kemet-carousel-next>
-        <kemet-carousel-last slot="toolbar">
-          <kemet-icon icon="chevron-double-right"></kemet-icon>
-        </kemet-carousel-last>
-      `;
-        }
-        return null;
-    };
-    const makeDescription = () => {
-        if (args.toolbarType === 'description') {
-            return html `
-        <div slot="toolbar" kemet-layout="flexrow" kemet-align="middle" kemet-gutters>
-          <div>
-            <kemet-carousel-current></kemet-carousel-current>
-            &nbsp;of&nbsp;
-            <kemet-carousel-total></kemet-carousel-total>
-            :&nbsp;
-            <kemet-carousel-information></kemet-carousel-information>
-          </div>
-          <kemet-carousel-prev kemet-breakpoint="tiny:content">
-            <kemet-badge circle kemet-padding="sm"><kemet-icon icon="chevron-left"></kemet-icon></kemet-badge>
-          </kemet-carousel-prev>
-          <kemet-carousel-next kemet-breakpoint="tiny:content">
-            <kemet-badge circle kemet-padding="sm"><kemet-icon icon="chevron-right"></kemet-icon></kemet-badge>
-          </kemet-carousel-next>
-        </div>
-      `;
-        }
-        return null;
-    };
-    return html `
-    <kemet-carousel index="${args.index}" ?inner=${args.inner} .options=${args.options} .breakpoints=${args.breakpoints}>
-      ${makePrevArrow()}
-      ${makeSlides()}
-      ${makeNextArrow()}
-      ${makePagination()}
-      ${makeDescription()}
-    </kemet-carousel>
-  `;
-};
-export const Standard = {
-    render: (args) => Template(args),
-};
-export const DescriptionToolbar = {
-    render: (args) => Template(args),
-    args: {
-        toolbarType: 'description',
-    }
-};
-export const PaginationToolbar = {
-    render: (args) => Template(args),
-    args: {
-        toolbarType: 'pagination',
-    }
-};
-export const InnerToolbar = {
-    render: (args) => Template(args),
-    args: {
-        inner: true,
-        toolbarType: 'pagination',
-    }
-};
-export const Arrows = {
-    render: (args) => Template(args),
-    args: {
-        arrows: true,
-    }
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/kemet-carousel/docs/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-carousel/docs/stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\n\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-carousel';\nimport '../kemet-carousel-link';\nimport '../kemet-carousel-first';\nimport '../kemet-carousel-last';\nimport '../kemet-carousel-next';\nimport '../kemet-carousel-prev';\nimport '../kemet-carousel-slide';\nimport '../kemet-carousel-current';\nimport '../kemet-carousel-total';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nimport '../../kemet-badge/kemet-badge';\nimport '../../kemet-icon/kemet-icon';\n\nconst meta: Meta = {\n  title: 'Components / Carousel',\n  component: 'kemet-carousel',\n  args: {\n    numOfSlides: 5,\n    toolbarType: 'none',\n    options: {\n      perView: 1,\n      perMove: 1,\n      gap: 12,\n      slideshow: 0,\n      rewind: true,\n      center: false,\n    },\n    breakpoints: {\n      768: {\n        perView: 2,\n        gap: 24,\n        rewind: false,\n      },\n      1280: {\n        perView: 2.5,\n        center: true,\n      },\n    },\n  },\n  argTypes: {\n    toolbarType: {\n      control: { type: 'radio' },\n      options: ['none', 'pagination', 'description'],\n    },\n    options: {\n      control: { type: 'object' },\n    },\n    breakpoints: {\n      control: { type: 'object' },\n    },\n  }\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = (args) => {\n  const makeSlides = () => {\n    const slides = [];\n\n    for (let i = 0; i < args.numOfSlides; i += 1) {\n      const slideNumber = i + 1;\n\n      slides.push(html`\n        <kemet-carousel-slide slot=\"slides\">\n          <figure kemet-border=\"all-1 solid gray-50\" kemet-margin=\"none\" kemet-padding=\"2xl\" kemet-elevation=\"layer-4\">\n            <h3 kemet-margin=\"none\">Slide ${slideNumber}</h3>\n            <img src=\"https://via.placeholder.com/1920x1080\" alt=\"a placeholder\" style=\"max-width:100%\" />\n            <figcaption>An image in a carousel.</figcaption>\n          </figure>\n          <span slot=\"information\"><a href=\"https://google.com\" target=\"_blank\">Title</a>. An image of slide ${slideNumber}. </span>\n        </kemet-carousel-slide>\n      `);\n    }\n\n    return slides;\n  };\n\n  const makePrevArrow = () => {\n    if (args.arrows) {\n      return html`\n        <kemet-carousel-prev slot=\"prev\">\n          <kemet-icon icon=\"chevron-left\" size=\"72\"></kemet-icon>\n        </kemet-carousel-prev>\n      `;\n    }\n\n    return null;\n  };\n\n  const makeNextArrow = () => {\n    if (args.arrows) {\n      return html`\n        <kemet-carousel-next slot=\"next\">\n          <kemet-icon icon=\"chevron-right\" size=\"72\"></kemet-icon>\n        </kemet-carousel-next>\n      `;\n    }\n\n    return null;\n  };\n\n  const makePagination = () => {\n    if (args.toolbarType === 'pagination') {\n      const pages = [];\n\n      for (let i = 0; i < args.numOfSlides; i += 1) {\n        pages.push(html`\n          <kemet-carousel-link slide=\"${i}\" slot=\"toolbar\">${i + 1}</kemet-carousel-link>\n        `);\n      }\n\n      return html`\n        <kemet-carousel-first slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-double-left\"></kemet-icon>\n        </kemet-carousel-first>\n        <kemet-carousel-prev slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-left\"></kemet-icon>\n        </kemet-carousel-prev>\n        ${pages}\n        <kemet-carousel-next slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-right\"></kemet-icon>\n        </kemet-carousel-next>\n        <kemet-carousel-last slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-double-right\"></kemet-icon>\n        </kemet-carousel-last>\n      `;\n    }\n\n    return null;\n  };\n\n  const makeDescription = () => {\n    if (args.toolbarType === 'description') {\n      return html`\n        <div slot=\"toolbar\" kemet-layout=\"flexrow\" kemet-align=\"middle\" kemet-gutters>\n          <div>\n            <kemet-carousel-current></kemet-carousel-current>\n            &nbsp;of&nbsp;\n            <kemet-carousel-total></kemet-carousel-total>\n            :&nbsp;\n            <kemet-carousel-information></kemet-carousel-information>\n          </div>\n          <kemet-carousel-prev kemet-breakpoint=\"tiny:content\">\n            <kemet-badge circle kemet-padding=\"sm\"><kemet-icon icon=\"chevron-left\"></kemet-icon></kemet-badge>\n          </kemet-carousel-prev>\n          <kemet-carousel-next kemet-breakpoint=\"tiny:content\">\n            <kemet-badge circle kemet-padding=\"sm\"><kemet-icon icon=\"chevron-right\"></kemet-icon></kemet-badge>\n          </kemet-carousel-next>\n        </div>\n      `;\n    }\n\n    return null;\n  };\n\n  return html`\n    <kemet-carousel index=\"${args.index}\" ?inner=${args.inner} .options=${args.options} .breakpoints=${args.breakpoints}>\n      ${makePrevArrow()}\n      ${makeSlides()}\n      ${makeNextArrow()}\n      ${makePagination()}\n      ${makeDescription()}\n    </kemet-carousel>\n  `;\n};\n\nexport const Standard: Story = {\n  render: (args: any) => Template(args),\n};\n\nexport const DescriptionToolbar: Story = {\n  render: (args: any) => Template(args),\n  args: {\n    toolbarType: 'description',\n  }\n};\n\nexport const PaginationToolbar: Story = {\n  render: (args: any) => Template(args),\n  args: {\n    toolbarType: 'pagination',\n  }\n};\n\nexport const InnerToolbar: Story = {\n  render: (args: any) => Template(args),\n  args: {\n    inner: true,\n    toolbarType: 'pagination',\n  }\n};\n\nexport const Arrows: Story = {\n  render: (args: any) => Template(args),\n  args: {\n    arrows: true,\n  }\n};\n"]}

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

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

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

@@ -1,44 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-/**
- *
- * @since 1.1.0
- * @status stable
- *
- * @tagname kemet-carousel-current
- * @summary Displays the active slide number.
- *
- * @prop {number} current - The current slide number.
- *
- */
-let KemetCarouselCurrent = class KemetCarouselCurrent extends LitElement {
-    firstUpdated() {
-        this.carousel = this.closest('kemet-carousel');
-    }
-    updated() {
-        var _a;
-        this.current = ((_a = this.carousel) === null || _a === void 0 ? void 0 : _a.index) + 1;
-    }
-    render() {
-        return html `${this.current}`;
-    }
-};
-KemetCarouselCurrent.styles = [
-    css `
-      :host {
-        display: inline-block;
-      }
-    `,
-];
-__decorate([
-    property({ type: Number })
-], KemetCarouselCurrent.prototype, "current", void 0);
-__decorate([
-    state()
-], KemetCarouselCurrent.prototype, "carousel", void 0);
-KemetCarouselCurrent = __decorate([
-    customElement('kemet-carousel-current')
-], KemetCarouselCurrent);
-export default KemetCarouselCurrent;
-//# sourceMappingURL=kemet-carousel-current.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-carousel-current.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-current.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,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,UAAU;IAe1D,YAAY;QACV,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC;IAED,OAAO;;QACL,IAAI,CAAC,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAe,IAAG,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAC/B,CAAC;CACF,CAAA;AAzBQ,2BAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACX;AAGhB;IADC,KAAK,EAAE;sDACuB;AAbZ,oBAAoB;IADxC,aAAa,CAAC,wBAAwB,CAAC;GACnB,oBAAoB,CA0BxC;eA1BoB,oBAAoB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type KemetCarousel from './kemet-carousel';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel-current\n * @summary Displays the active slide number.\n *\n * @prop {number} current - The current slide number.\n *\n */\n\n@customElement('kemet-carousel-current')\nexport default class KemetCarouselCurrent extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n      }\n    `,\n  ];\n\n  @property({ type: Number })\n  current: number;\n\n  @state()\n  carousel: KemetCarousel | null;\n\n  firstUpdated() {\n    this.carousel = this.closest('kemet-carousel');\n  }\n\n  updated() {\n    this.current = this.carousel?.index as number + 1;\n  }\n\n  render() {\n    return html`${this.current}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-current': KemetCarouselCurrent\n  }\n}\n"]}

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

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

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

@@ -1,50 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { emitEvent } from '../../utilities/misc/events';
-/**
- *
- * @since 1.1.0
- * @status stable
- *
- * @tagname kemet-carousel-first
- * @summary A link to the first slide in the carousel.
- *
- * @prop {boolean} disabled - Deactivates the button.
- *
- * @event kemet-carousel-first
- *
- */
-let KemetCarouselFirst = class KemetCarouselFirst extends LitElement {
-    render() {
-        return html `
-      <span tabindex="0" @keyup=${() => this.first()} @click=${() => this.first()}>
-        <slot></slot>
-      </span>
-    `;
-    }
-    first() {
-        if (!this.disabled) {
-            emitEvent(this, 'kemet-carousel-first', this);
-        }
-    }
-};
-KemetCarouselFirst.styles = [
-    css `
-      :host {
-        cursor: pointer;
-      }
-
-      :host([disabled]) {
-        cursor: not-allowed;
-      }
-    `,
-];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], KemetCarouselFirst.prototype, "disabled", void 0);
-KemetCarouselFirst = __decorate([
-    customElement('kemet-carousel-first')
-], KemetCarouselFirst);
-export default KemetCarouselFirst;
-//# sourceMappingURL=kemet-carousel-first.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-carousel-first.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-first.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,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,UAAU;IAgBxD,MAAM;QACJ,OAAO,IAAI,CAAA;kCACmB,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;;;KAG5E,CAAC;IACJ,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,SAAS,CAAC,IAAI,EAAE,sBAAsB,EAAE,IAAI,CAAC,CAAC;SAC/C;IACH,CAAC;CACF,CAAA;AA5BQ,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;KAQF;CACF,CAAC;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACzB;AAdC,kBAAkB;IADtC,aAAa,CAAC,sBAAsB,CAAC;GACjB,kBAAkB,CA6BtC;eA7BoB,kBAAkB","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-first\n * @summary A link to the first slide in the carousel.\n *\n * @prop {boolean} disabled - Deactivates the button.\n *\n * @event kemet-carousel-first\n *\n */\n\n@customElement('kemet-carousel-first')\nexport default class KemetCarouselFirst 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.first()} @click=${() => this.first()}>\n        <slot></slot>\n      </span>\n    `;\n  }\n\n  first() {\n    if (!this.disabled) {\n      emitEvent(this, 'kemet-carousel-first', this);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-first': KemetCarouselFirst\n  }\n}\n"]}

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

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

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

@@ -1,50 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { emitEvent } from '../../utilities/misc/events';
-/**
- *
- * @since 1.1.0
- * @status stable
- *
- * @tagname kemet-carousel-last
- * @summary A link to the last slide in the carousel.
- *
- * @prop {boolean} disabled - Deactivates the button.
- *
- * @event kemet-carousel-last
- *
- */
-let KemetCarouselLast = class KemetCarouselLast extends LitElement {
-    render() {
-        return html `
-      <span tabindex="0" @keyup=${() => this.last()} @click=${() => this.last()}>
-        <slot></slot>
-      </span>
-    `;
-    }
-    last() {
-        if (!this.disabled) {
-            emitEvent(this, 'kemet-carousel-last', this);
-        }
-    }
-};
-KemetCarouselLast.styles = [
-    css `
-      :host {
-        cursor: pointer;
-      }
-
-      :host([disabled]) {
-        cursor: not-allowed;
-      }
-    `,
-];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], KemetCarouselLast.prototype, "disabled", void 0);
-KemetCarouselLast = __decorate([
-    customElement('kemet-carousel-last')
-], KemetCarouselLast);
-export default KemetCarouselLast;
-//# sourceMappingURL=kemet-carousel-last.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-carousel-last.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel-last.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-last\n * @summary A link to the last slide in the carousel.\n *\n * @prop {boolean} disabled - Deactivates the button.\n *\n * @event kemet-carousel-last\n *\n */\n\n@customElement('kemet-carousel-last')\nexport default class KemetCarouselLast 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.last()} @click=${() => this.last()}>\n        <slot></slot>\n      </span>\n    `;\n  }\n\n  last() {\n    if (!this.disabled) {\n      emitEvent(this, 'kemet-carousel-last', this);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel-last': KemetCarouselLast\n  }\n}\n"]}

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

@@ -1,31 +0,0 @@
-import { LitElement } from 'lit';
-/**
- *
- * @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).
- *
- */
-export default class KemetCarouselLink extends LitElement {
-    static styles: import("lit").CSSResult[];
-    slide: number;
-    selected: boolean;
-    disabled: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    changed(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-carousel-link': KemetCarouselLink;
-    }
-}

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

@@ -1,64 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-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) {
-            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;
-      }
-
-      :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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-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,50 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-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) {
-            emitEvent(this, 'kemet-carousel-next', this);
-        }
-    }
-};
-KemetCarouselNext.styles = [
-    css `
-      :host {
-        cursor: pointer;
-      }
-
-      :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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-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;
-    }
-}