kemet-ui 4.0.2 → 5.0.0

package/dist/elements/scroll-snap.js

@@ -1,210 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-
-// src/elements/scroll-snap.ts
-var scroll_snap_exports = {};
-__export(scroll_snap_exports, {
-  default: () => KemetScrollSnap
-});
-module.exports = __toCommonJS(scroll_snap_exports);
-var import_lit2 = require("lit");
-var import_decorators = require("lit/decorators.js");
-
-// src/utilities/events.ts
-var emitEvent = (element, name, detail, bubbles = true, composed = true) => {
-  element.dispatchEvent(
-    new CustomEvent(name, { bubbles, composed, detail })
-  );
-};
-
-// src/styles/elements/scroll-snap.ts
-var import_lit = require("lit");
-var stylesScrollSnap = import_lit.css`
-  *,
-  *::after,
-  *::before {
-    box-sizing: border-box;
-  }
-
-  :host {
-    --kemet-scroll-snap-horizontal-max-width: 1024px;
-    --kemet-scroll-snap-vertical-height: 100vh;
-    --kemet-scroll-snap-slides-vertical-padding: 0 2rem;
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-
-  :host([axis='horizontal']) {
-    margin: auto;
-    max-width: var(--kemet-scroll-snap-horizontal-max-width);
-  }
-
-  :host([pagination="left"]),
-  :host([pagination="right"]) {
-    flex-direction: row;
-  }
-
-  :host([pagination="none"]) ::slotted([slot="pagination"]) {
-    display: none;
-  }
-
-  :host([pagination="top"]) ::slotted([slot="pagination"]),
-  :host([pagination="left"]) ::slotted([slot="pagination"]) {
-    order: -1;
-  }
-
-
-  ::slotted([slot="slides"]) {
-    display: flex;
-    gap: var(--kemet-scroll-snap-gap, 1.5rem);
-    scroll-snap-type: x mandatory;
-    overflow-x: scroll;
-  }
-
-  /* vertical */
-  :host([axis="vertical"]) {
-    height: var(--kemet-scroll-snap-vertical-height);
-  }
-
-  :host([axis="vertical"]) ::slotted([slot="slides"]) {
-    flex-direction: column;
-    overflow-x: hidden;
-    scroll-snap-type: y mandatory;
-    padding: var(--kemet-scroll-snap-slides-vertical-padding);
-  }
-`;
-var stylesScrollSnapPaginator = import_lit.css`
-  :host {
-    --kemet-scroll-snap-paginator-padding: 1rem 0;
-    --kemet-scroll-snap-paginator-gap: 0.5rem;
-    --kemet-scroll-snap-paginator-link-color: rgb(var(--kemet-color-primary));
-
-    margin: auto;
-    padding: var(--kemet-scroll-snap-paginator-padding);
-  }
-
-  nav {
-    display: flex;
-    gap: var(--kemet-scroll-snap-paginator-gap);
-  }
-
-  :host([center]) nav {
-    justify-content: center;
-  }
-
-  .link {
-    cursor: pointer;
-    color: var(--kemet-scroll-snap-paginator-link-color);
-  }
-`;
-
-// src/elements/scroll-snap.ts
-var KemetScrollSnap = class extends import_lit2.LitElement {
-  constructor() {
-    super();
-    this.axis = "horizontal" /* Horizontal */;
-    this.pagination = "bottom" /* Bottom */;
-    this.addEventListener("kemet-focus", (event) => {
-      this.focusSlide(event.detail);
-    });
-  }
-  firstUpdated() {
-    this.isTouchDevice = "ontouchstart" in document.documentElement;
-    this.slides = [];
-    this.setFocusedSlides();
-  }
-  updated() {
-    this.setVerticalAttribute();
-  }
-  render() {
-    return import_lit2.html`
-      <slot name="slides"></slot>
-      <slot name="pagination"></slot>
-    `;
-  }
-  setFocusedSlides() {
-    const slides = this.querySelectorAll("kemet-scroll-snap-slide");
-    const container = this.querySelector('[slot="slides"]');
-    const options = {
-      root: container,
-      rootMargin: "0px",
-      threshold: 0.5
-    };
-    const callback = (entries) => {
-      entries.forEach((entry) => {
-        const target = entry.target;
-        target.focused = entry.intersectionRatio >= 0.5;
-      });
-      this.makeSlides();
-    };
-    const observer = new IntersectionObserver(callback, options);
-    slides.forEach((slide) => {
-      observer.observe(slide);
-    });
-  }
-  makeSlides() {
-    const slides = [];
-    this.querySelectorAll("kemet-scroll-snap-slide").forEach((element, index) => {
-      const slide = element;
-      slide.index = index;
-      slides.push({
-        id: index,
-        focused: slide.focused,
-        label: slide.label
-      });
-    });
-    this.slides = slides;
-    emitEvent(this, "kemet-make-slides", this.slides);
-  }
-  focusSlide(index) {
-    const activeSlide = this.querySelector(`kemet-scroll-snap-slide[index="${index}"]`);
-    activeSlide.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }
-  setVerticalAttribute() {
-    if (this.axis === "vertical") {
-      document.querySelector("html").setAttribute("kemet-scroll-snap-axis", "vertical");
-    }
-  }
-};
-KemetScrollSnap.styles = [stylesScrollSnap];
-__decorateClass([
-  (0, import_decorators.property)({ type: String, reflect: true })
-], KemetScrollSnap.prototype, "axis", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: String, reflect: true })
-], KemetScrollSnap.prototype, "pagination", 2);
-__decorateClass([
-  (0, import_decorators.state)()
-], KemetScrollSnap.prototype, "isTouchDevice", 2);
-__decorateClass([
-  (0, import_decorators.state)()
-], KemetScrollSnap.prototype, "slides", 2);
-KemetScrollSnap = __decorateClass([
-  (0, import_decorators.customElement)("kemet-scroll-snap")
-], KemetScrollSnap);
-//# sourceMappingURL=scroll-snap.js.map

package/dist/elements/scroll-snap.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/elements/scroll-snap.ts","../../src/utilities/events.ts","../../src/styles/elements/scroll-snap.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { emitEvent } from '../utilities/events';\nimport { stylesScrollSnap } from '../styles/elements/scroll-snap';\nimport KemetScrollSnapSlide from './scroll-snap-slide';\nimport { EnumAxis, EnumDirections, TypeAxis, TypeDirection } from '../utilities/constants';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-scroll-snap\n * @summary A scroll-snap implementation for responsive sliders.\n *\n * @prop {TypeAxis} axis - Determines the direction the component flows. Values include: (horizontal | vertical)\n * @prop {TypeDirection} pagination - Determines where to display the paginator. Values include: (top | right | bottom | left)\n *\n * @slot slides - Place your slides here.\n * @slot pagination - Place the paginator component here if you want one.\n *\n * @csspart slides - The slides container.\n * @csspart pagination - The pagination element.\n *\n * @cssproperty --kemet-scroll-snap-gap - Space between the slides.\n * @cssproperty --kemet-scroll-snap-horizontal-max-width - The horizontal max width of the container.\n * @cssproperty --kemet-scroll-snap-vertical-height - The vertical height of the container.\n * @cssproperty --kemet-scroll-snap-slides-vertical-padding - Padding on the vertical axis.\n *\n * @event kemet-make-slides - Fires when slide data has been created.\n *\n */\n\n@customElement('kemet-scroll-snap')\nexport default class KemetScrollSnap extends LitElement {\n  static styles = [stylesScrollSnap];\n\n  @property({ type: String, reflect: true })\n  axis: TypeAxis = EnumAxis.Horizontal;\n\n  @property({ type: String, reflect: true })\n  pagination: TypeDirection = EnumDirections.Bottom;\n\n  @state()\n  isTouchDevice: boolean;\n\n  @state()\n  slides: KemetScrollSnapSlide[];\n\n  constructor() {\n    super();\n\n    this.addEventListener('kemet-focus', (event: CustomEvent) => {\n      this.focusSlide(event.detail);\n    });\n  }\n\n  firstUpdated() {\n    // standard properties\n    this.isTouchDevice = 'ontouchstart' in document.documentElement;\n    this.slides = [];\n\n    this.setFocusedSlides();\n  }\n\n  updated() {\n    this.setVerticalAttribute();\n  }\n\n  render() {\n    return html`\n      <slot name=\"slides\"></slot>\n      <slot name=\"pagination\"></slot>\n    `;\n  }\n\n  setFocusedSlides() {\n    // reference: https://24ways.org/2019/beautiful-scrolling-experiences-without-libraries/\n    // reference: https://css-tricks.com/an-explanation-of-how-the-intersection-observer-watches/\n    const slides = this.querySelectorAll('kemet-scroll-snap-slide');\n    const container = this.querySelector('[slot=\"slides\"]');\n\n    const options = {\n      root: container,\n      rootMargin: '0px',\n      threshold: 0.5,\n    };\n\n    const callback = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((entry: IntersectionObserverEntry) => {\n        const target = entry.target as KemetScrollSnapSlide;\n        target.focused = entry.intersectionRatio >= 0.5;\n      });\n\n      this.makeSlides();\n    };\n\n    const observer = new IntersectionObserver(callback, options);\n\n    slides.forEach((slide) => {\n      observer.observe(slide);\n    });\n  }\n\n  makeSlides() {\n    const slides = [];\n\n    this.querySelectorAll('kemet-scroll-snap-slide').forEach((element, index) => {\n      const slide = element as KemetScrollSnapSlide;\n\n      slide.index = index;\n      slides.push({\n        id: index,\n        focused: slide.focused,\n        label: slide.label,\n      });\n    });\n\n    this.slides = slides;\n    emitEvent(this, 'kemet-make-slides', this.slides);\n  }\n\n  focusSlide(index: number) {\n    const activeSlide = this.querySelector(`kemet-scroll-snap-slide[index=\"${index}\"]`);\n    activeSlide.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n  }\n\n  setVerticalAttribute() {\n    if (this.axis === 'vertical') {\n      document.querySelector('html').setAttribute('kemet-scroll-snap-axis', 'vertical');\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-scroll-snap': KemetScrollSnap\n  }\n}\n","export const emitEvent = (element, name, detail, bubbles = true, composed = true) => {\n  element.dispatchEvent(\n    new CustomEvent(name, { bubbles, composed, detail }),\n  );\n};\n","import { css } from 'lit';\n\nexport const stylesScrollSnap = css`\n  *,\n  *::after,\n  *::before {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-scroll-snap-horizontal-max-width: 1024px;\n    --kemet-scroll-snap-vertical-height: 100vh;\n    --kemet-scroll-snap-slides-vertical-padding: 0 2rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  :host([axis='horizontal']) {\n    margin: auto;\n    max-width: var(--kemet-scroll-snap-horizontal-max-width);\n  }\n\n  :host([pagination=\"left\"]),\n  :host([pagination=\"right\"]) {\n    flex-direction: row;\n  }\n\n  :host([pagination=\"none\"]) ::slotted([slot=\"pagination\"]) {\n    display: none;\n  }\n\n  :host([pagination=\"top\"]) ::slotted([slot=\"pagination\"]),\n  :host([pagination=\"left\"]) ::slotted([slot=\"pagination\"]) {\n    order: -1;\n  }\n\n\n  ::slotted([slot=\"slides\"]) {\n    display: flex;\n    gap: var(--kemet-scroll-snap-gap, 1.5rem);\n    scroll-snap-type: x mandatory;\n    overflow-x: scroll;\n  }\n\n  /* vertical */\n  :host([axis=\"vertical\"]) {\n    height: var(--kemet-scroll-snap-vertical-height);\n  }\n\n  :host([axis=\"vertical\"]) ::slotted([slot=\"slides\"]) {\n    flex-direction: column;\n    overflow-x: hidden;\n    scroll-snap-type: y mandatory;\n    padding: var(--kemet-scroll-snap-slides-vertical-padding);\n  }\n`;\n\nexport const stylesScrollSnapPaginator = css`\n  :host {\n    --kemet-scroll-snap-paginator-padding: 1rem 0;\n    --kemet-scroll-snap-paginator-gap: 0.5rem;\n    --kemet-scroll-snap-paginator-link-color: rgb(var(--kemet-color-primary));\n\n    margin: auto;\n    padding: var(--kemet-scroll-snap-paginator-padding);\n  }\n\n  nav {\n    display: flex;\n    gap: var(--kemet-scroll-snap-paginator-gap);\n  }\n\n  :host([center]) nav {\n    justify-content: center;\n  }\n\n  .link {\n    cursor: pointer;\n    color: var(--kemet-scroll-snap-paginator-link-color);\n  }\n`;\n"],"mappings":"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","names":["import_lit"]}

package/dist/elements/scroll-snap.mjs

@@ -1,11 +0,0 @@
-import {
-  KemetScrollSnap
-} from "../chunk-G5OGR6EP.mjs";
-import "../chunk-MZO4Q7DU.mjs";
-import "../chunk-LHEY3UOF.mjs";
-import "../chunk-42U43NKG.mjs";
-import "../chunk-SAWN7RJP.mjs";
-export {
-  KemetScrollSnap as default
-};
-//# sourceMappingURL=scroll-snap.mjs.map

package/dist/elements/scroll-snap.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/elements/select.d.mts

@@ -1,124 +0,0 @@
-import * as lit from 'lit';
-import { LitElement, TemplateResult } from 'lit';
-import { F as FormSubmitController } from '../form-controller-BR0gZhrG.mjs';
-import KemetOption from './option.mjs';
-import { a as TypeRoundedSizes, K as KemetField } from '../constants-BEtO8uLN.mjs';
-import 'lit-html';
-
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-select
- * @summary An enhanced select element.
- *
- * @prop {string} slug - A string the uniquely identifies the select
- * @prop {string} name - The name of the select
- * @prop {string} value - The value of the select
- * @prop {array} options - The options the select contains
- * @prop {string} status - The status of the select
- * @prop {boolean} required - Determines whether the field is required
- * @prop {boolean} disabled - Determines whether the field is disabled
- * @prop {boolean} multiple - Support of multiple choice selections
- * @prop {string} icon - The dropdown icon
- * @prop {number} iconSize - The dropdown icon size
- * @prop {boolean} filled - Displays a filled select
- * @prop {TypeRoundedSizes} rounded - Displays rounded corners
- *
- * @csspart select
- *
- * @cssproperty --kemet-select-padding - The padding on the textarea.
- * @cssproperty --kemet-select-border - The border of the textarea.
- * @cssproperty --kemet-select-border-color-error - The border of the error state.
- * @cssproperty --kemet-select-border-color-success - The border of the success state.
- * @cssproperty --kemet-select-border-color-warning - The border of the warning state.
- * @cssproperty --kemet-select-border-radius-rounded - The border radius on rounded.
- * @cssproperty --kemet-select-border-filled - The border on filled.
- * @cssproperty --kemet-select-color-filled - The color on filled.
- * @cssproperty --kemet-select-background-color-filled - The background-color on filled.
- * @cssproperty --kemet-select-background-color-error - The error state background color.
- * @cssproperty --kemet-select-background-color-success - The success state background color.
- * @cssproperty --kemet-select-background-color-warning - The warning state background color.
- * @cssproperty --kemet-select-icon-right - The space on the right of the icon.
- *
- * @event kemet-focus - Fires when the input receives focus
- * @event kemet-blur - Fires when the input loses focus
- * @event kemet-status-change - Fires when there's a change in status
- * @event kemet-change - Fires when the select input changes
- *
- */
-interface IOptions {
-    label: string;
-    value: string;
-    disabled: boolean;
-    selected: boolean;
-}
-declare class KemetSelect extends LitElement {
-    formSubmitController: FormSubmitController;
-    static styles: lit.CSSResult[];
-    slug: string;
-    name: string;
-    value: string;
-    options: IOptions[];
-    status: string;
-    required: boolean;
-    disabled: boolean;
-    multiple: boolean;
-    icon: string;
-    iconSize: number;
-    filled: boolean;
-    rounded: TypeRoundedSizes;
-    invalid: boolean;
-    control: KemetField;
-    select: HTMLSelectElement;
-    selectedOption: HTMLOptionElement;
-    optionElements: NodeListOf<KemetOption>;
-    hasFocus: boolean;
-    constructor();
-    firstUpdated(): void;
-    render(): TemplateResult<1>;
-    /**
-     * Generates the option elements
-     * @private
-     * @returns {TemplateResult} An option element
-     */
-    makeOptions(): TemplateResult<1>[];
-    /**
-     * Generates a dropdown icon
-     * @private
-     */
-    makeIcon(): TemplateResult<1>;
-    /**
-     * Handles when the input receives focus
-     * @private
-     */
-    handleFocus(): void;
-    /**
-     * Handles when the input loses focus
-     * @private
-     */
-    handleBlur(): void;
-    /**
-     * Handles when the input changes value
-     * @private
-     */
-    handleChange(event: Event): void;
-    /**
-     * Handles when the input has an error
-     * @private
-     */
-    handleInvalid(): void;
-    /**
-     * Checks the validity of the standard select
-     * @public
-     * @returns {boolean}
-     */
-    checkValidity(): boolean;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-select': KemetSelect;
-    }
-}
-
-export { KemetSelect as default };

package/dist/elements/select.d.ts

@@ -1,124 +0,0 @@
-import * as lit from 'lit';
-import { LitElement, TemplateResult } from 'lit';
-import { F as FormSubmitController } from '../form-controller-BR0gZhrG.js';
-import KemetOption from './option.js';
-import { a as TypeRoundedSizes, K as KemetField } from '../constants-CcB9aXsT.js';
-import 'lit-html';
-
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-select
- * @summary An enhanced select element.
- *
- * @prop {string} slug - A string the uniquely identifies the select
- * @prop {string} name - The name of the select
- * @prop {string} value - The value of the select
- * @prop {array} options - The options the select contains
- * @prop {string} status - The status of the select
- * @prop {boolean} required - Determines whether the field is required
- * @prop {boolean} disabled - Determines whether the field is disabled
- * @prop {boolean} multiple - Support of multiple choice selections
- * @prop {string} icon - The dropdown icon
- * @prop {number} iconSize - The dropdown icon size
- * @prop {boolean} filled - Displays a filled select
- * @prop {TypeRoundedSizes} rounded - Displays rounded corners
- *
- * @csspart select
- *
- * @cssproperty --kemet-select-padding - The padding on the textarea.
- * @cssproperty --kemet-select-border - The border of the textarea.
- * @cssproperty --kemet-select-border-color-error - The border of the error state.
- * @cssproperty --kemet-select-border-color-success - The border of the success state.
- * @cssproperty --kemet-select-border-color-warning - The border of the warning state.
- * @cssproperty --kemet-select-border-radius-rounded - The border radius on rounded.
- * @cssproperty --kemet-select-border-filled - The border on filled.
- * @cssproperty --kemet-select-color-filled - The color on filled.
- * @cssproperty --kemet-select-background-color-filled - The background-color on filled.
- * @cssproperty --kemet-select-background-color-error - The error state background color.
- * @cssproperty --kemet-select-background-color-success - The success state background color.
- * @cssproperty --kemet-select-background-color-warning - The warning state background color.
- * @cssproperty --kemet-select-icon-right - The space on the right of the icon.
- *
- * @event kemet-focus - Fires when the input receives focus
- * @event kemet-blur - Fires when the input loses focus
- * @event kemet-status-change - Fires when there's a change in status
- * @event kemet-change - Fires when the select input changes
- *
- */
-interface IOptions {
-    label: string;
-    value: string;
-    disabled: boolean;
-    selected: boolean;
-}
-declare class KemetSelect extends LitElement {
-    formSubmitController: FormSubmitController;
-    static styles: lit.CSSResult[];
-    slug: string;
-    name: string;
-    value: string;
-    options: IOptions[];
-    status: string;
-    required: boolean;
-    disabled: boolean;
-    multiple: boolean;
-    icon: string;
-    iconSize: number;
-    filled: boolean;
-    rounded: TypeRoundedSizes;
-    invalid: boolean;
-    control: KemetField;
-    select: HTMLSelectElement;
-    selectedOption: HTMLOptionElement;
-    optionElements: NodeListOf<KemetOption>;
-    hasFocus: boolean;
-    constructor();
-    firstUpdated(): void;
-    render(): TemplateResult<1>;
-    /**
-     * Generates the option elements
-     * @private
-     * @returns {TemplateResult} An option element
-     */
-    makeOptions(): TemplateResult<1>[];
-    /**
-     * Generates a dropdown icon
-     * @private
-     */
-    makeIcon(): TemplateResult<1>;
-    /**
-     * Handles when the input receives focus
-     * @private
-     */
-    handleFocus(): void;
-    /**
-     * Handles when the input loses focus
-     * @private
-     */
-    handleBlur(): void;
-    /**
-     * Handles when the input changes value
-     * @private
-     */
-    handleChange(event: Event): void;
-    /**
-     * Handles when the input has an error
-     * @private
-     */
-    handleInvalid(): void;
-    /**
-     * Checks the validity of the standard select
-     * @public
-     * @returns {boolean}
-     */
-    checkValidity(): boolean;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-select': KemetSelect;
-    }
-}
-
-export { KemetSelect as default };