kemet-ui 3.0.1 → 4.0.0

package/dist/components/kemet-carousel/kemet-carousel-prev.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-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) {
-            emitEvent(this, 'kemet-carousel-prev', this);
-        }
-    }
-};
-KemetCarouselPrev.styles = [
-    css `
-      :host {
-        cursor: pointer;
-      }
-
-      :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

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

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

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

@@ -1,26 +0,0 @@
-import { LitElement } from 'lit';
-import KemetCarousel from './kemet-carousel';
-/**
- *
- * @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: KemetCarousel | 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,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-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

@@ -1 +0,0 @@
-{"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;oDACuB;AAbZ,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 KemetCarousel from './kemet-carousel';\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: KemetCarousel | 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"]}

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

@@ -1,118 +0,0 @@
-import { LitElement } from 'lit';
-import type KemetCarouselLink from './kemet-carousel-link';
-import type KemetCarouselSlide from './kemet-carousel-slide';
-/**
- *
- * @since 1.1.0
- * @status stable
- *
- * @tagname kemet-carousel
- * @summary The Carousel allows you to click or swipe through content.
- *
- * @prop {number} index - The current slide index.
- * @prop {number} total - The total amount of slides.
- * @prop {string} sliderWidth - The width of the slider.
- * @prop {string} sliderTranslateX - The X position of the slider.
- * @prop {boolean} inner - Displays the toolbar inside the carousel container.
- * @prop {boolean} arrows - Determines whether to display arrows.
- * @prop {object} options - Default options for the carousel.
- * @prop {object} breakpoints - Options at different breakpoints for the carousel. Is mobile first.
- *
- * @event kemet-carousel-change-start - Fires when the slide has begun to change.
- * @event kemet-carousel-change-finished - Fires when a slide has changed and finished animating
- *
- * @slot slides - Place the slide elements here.
- * @slot toolbar - Allows you to construct a toolbar within the carousel. Place things like pagination here.
- * @slot prev - A slot for the previous arrow.
- * @slot next - A slot for the next arrow.
- * @slot information - Allows you to enter custom HTML such as a slide description to be used in the toolbar.
- *
- * @cssproperty --kemet-carousel-width - The width of the carousel.
- * @cssproperty --kemet-carousel-height - The height of the carousel.
- * @cssproperty --kemet-carousel-toolbar-gap - The space between items in the toolbar.
- * @cssproperty --kemet-carousel-toolbar-justify-content - The cross axis alignment of the toolbar.
- * @cssproperty --kemet-carousel-toolbar-padding - The padding of the toolbar.
- * @cssproperty --kemet-carousel-toolbar-inner-width - The inner toolbar width.
- * @cssproperty --kemet-carousel-toolbar-inner-bottom - The bottom position of the inner toolbar.
- * @cssproperty --kemet-carousel-toolbar-inner-top - The top position of the inner toolbar.
- * @cssproperty --kemet-carousel-toolbar-inner-color - The inner toolbar text color.
- * @cssproperty --kemet-carousel-toolbar-inner-background-color - The inner toolbar background color.
- * @cssproperty --kemet-carousel-slides-border - The border around the slides.
- * @cssproperty --kemet-carousel-transition-speed - The transition speed of the slides.
- * @cssproperty --kemet-carousel-arrows-opacity - The arrows start opacity.
- * @cssproperty --kemet-carousel-arrows-opacity-hover - The arrows however opacity.
- * @cssproperty --kemet-carousel-arrows-transition-speed - The arrows transition speed.
- *
- * @csspart container - Contains the slides and toolbar.
- * @csspart slides - Wrapper for the slider.
- * @csspart slider - Contains the slides.
- * @csspart toolbar - Contains the toolbar.
- *
- */
-export default class KemetCarousel extends LitElement {
-    static styles: import("lit").CSSResult[];
-    index: number;
-    total: number;
-    sliderWidth: string;
-    sliderTranslateX: string;
-    inner: boolean;
-    arrows: boolean;
-    options: object;
-    breakpoints: object;
-    /** @internal */
-    slides: KemetCarouselSlide[];
-    /** @internal */
-    links: KemetCarouselLink[];
-    /** @internal */
-    toolbarSlotElement: HTMLElement | null;
-    /** @internal */
-    informationElement: HTMLElement | null;
-    /** @internal */
-    swipeMove: (event: TouchEvent | MouseEvent) => void;
-    /** @internal */
-    handleSlideShow: () => void;
-    /** @internal */
-    slideShowID: number;
-    /** @internal */
-    startX: number;
-    /** @internal */
-    slideWidth: number;
-    /** @internal */
-    informationSlot: HTMLElement;
-    /** @internal */
-    containerElement: HTMLElement;
-    /** @internal */
-    slidesElement: HTMLElement;
-    /** @internal */
-    sliderElement: HTMLElement;
-    /** @internal */
-    toolbarElement: HTMLElement;
-    constructor();
-    firstUpdated(): void;
-    updated(prevProps: Map<string, never>): void;
-    render(): import("lit-html").TemplateResult<1>;
-    swipeStart(event: TouchEvent | MouseEvent): void;
-    swipeEnd(event: TouchEvent | MouseEvent): void;
-    swipeUpdate(event: TouchEvent | MouseEvent): number;
-    swipeLeave(): void;
-    setSlideSize(): void;
-    setToolbarSize(): void;
-    makeToolbar(): import("lit-html").TemplateResult<1>;
-    handleSlotChange(): void;
-    handleArrows(): void;
-    handleFirst(): void;
-    handleLast(): void;
-    handleNext(): void;
-    handlePrev(): void;
-    updateIndex(newIndex: number): void;
-    updateInformation(): void;
-    goToSlide(index: number): void;
-    handleTransitionEnd(): void;
-    handleLink(event: CustomEvent): void;
-    getOption(option: string): any;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-carousel': KemetCarousel;
-    }
-}