kemet-ui 4.0.2 → 5.0.0

package/dist/elements/radios.js

@@ -1,372 +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/radios.ts
-var radios_exports = {};
-__export(radios_exports, {
-  default: () => KemetRadios
-});
-module.exports = __toCommonJS(radios_exports);
-var import_lit2 = require("lit");
-var import_decorators = require("lit/decorators.js");
-
-// src/utilities/form-controller.ts
-var FormSubmitController = class {
-  constructor(host, options = void 0) {
-    (this.host = host).addController(this);
-    this.options = {
-      form: (input) => input.closest("form"),
-      name: (input) => input.name,
-      value: (input) => input.value,
-      disabled: (input) => input.disabled,
-      ...options
-    };
-    this.handleFormData = this.handleFormData.bind(this);
-    this.handleFormSubmit = this.handleFormSubmit.bind(this);
-  }
-  hostConnected() {
-    this.form = this.options.form(this.host);
-    if (this.form) {
-      this.form.addEventListener("formdata", this.handleFormData);
-      this.form.addEventListener("submit", this.handleFormSubmit);
-    }
-  }
-  hostDisconnected() {
-    if (this.form) {
-      this.form.removeEventListener("formdata", this.handleFormData);
-      this.form.removeEventListener("submit", this.handleFormSubmit);
-      this.form = void 0;
-    }
-  }
-  handleFormData(event) {
-    const disabled = this.options.disabled(this.host);
-    const name = this.options.name(this.host);
-    const value = this.options.value(this.host);
-    if (!disabled && typeof name === "string" && typeof value !== "undefined") {
-      event.formData?.append(name, value.toString());
-    }
-  }
-  handleFormSubmit(event) {
-    event.preventDefault();
-    event.stopImmediatePropagation();
-    const disabled = this.options.disabled(this.host);
-    this.form = this.options.form(this.host);
-    if (this.form && !disabled) {
-      const components = this.form.querySelectorAll("kemet-input, kemet-textarea, kemet-select, kemet-checkbox, kemet-radios");
-      components.forEach((component) => {
-        if (component.checkValidity) {
-          component.checkValidity();
-          if (!component.checkValidity()) {
-            component.status = "error";
-            component.invalid = true;
-            component.dispatchEvent(
-              new CustomEvent("kemet-input-status", {
-                bubbles: true,
-                composed: true,
-                detail: {
-                  status: "error",
-                  validity: component.validity ? component.validity : {},
-                  element: component
-                }
-              })
-            );
-          }
-          if (component.checkLimitValidity && !component.checkLimitValidity()) {
-            component.status = "error";
-            component.invalid = true;
-            component.dispatchEvent(
-              new CustomEvent("kemet-input-status", {
-                bubbles: true,
-                composed: true,
-                detail: {
-                  status: "error",
-                  validity: { passedLimit: true },
-                  element: component
-                }
-              })
-            );
-          }
-        }
-      });
-    }
-  }
-  submit() {
-    const button = document.createElement("button");
-    if (this.form) {
-      button.type = "submit";
-      button.style.position = "absolute";
-      button.style.width = "0";
-      button.style.height = "0";
-      button.style.clip = "rect(0 0 0 0)";
-      button.style.clipPath = "inset(50%)";
-      button.style.overflow = "hidden";
-      button.style.whiteSpace = "nowrap";
-      this.form.append(button);
-      button.click();
-      button.remove();
-    }
-  }
-};
-
-// src/utilities/events.ts
-var emitEvent = (element, name, detail, bubbles = true, composed = true) => {
-  element.dispatchEvent(
-    new CustomEvent(name, { bubbles, composed, detail })
-  );
-};
-
-// src/styles/elements/radio.ts
-var import_lit = require("lit");
-var stylesRadio = import_lit.css`
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  :host {
-    --kemet-radio-size: 18px;
-    --kemet-radio-border: 1px solid rgb(var(--kemet-color-foreground));
-    --kemet-radio-dot-color: rgb(var(--kemet-color-primary));
-    --kemet-radio-dot-border: 1px solid rgb(var(--kemet-color-primary));
-    --kemet-radio-dot-border-width: 3px;
-    --kemet-radio-dot-ring-color: rgb(var(--kemet-color-white));
-    --kemet-radio-dot-color-filled: rgb(var(--kemet-color-white));
-    --kemet-radio-dot-border-width: 4px;
-    --kemet-radio-dot-border-color: rgb(var(--kemet-color-primary));
-
-    display: inline-block;
-  }
-
-  :host([disabled]) {
-    opacity: 0.5;
-  }
-
-  label {
-    cursor: pointer;
-    display: inline-flex;
-    gap: 0.5rem;
-    align-items: center;
-    margin-right: 0.5rem;
-  }
-
-  input {
-    cursor: pointer;
-    margin: 0;
-    padding: 0;
-    width: var(--kemet-radio-size);
-    height: var(--kemet-radio-size);
-    position: absolute;
-    opacity: 0;
-  }
-
-  button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--kemet-radio-size);
-    height: var(--kemet-radio-size);
-    padding: 0;
-    border-radius: var(--kemet-border-radius-circle);
-    background: none;
-    border: var(--kemet-radio-border);
-  }
-
-  [part='dot'] {
-    display: inline-flex;
-    border-radius: var(--kemet-border-radius-circle);
-    width: var(--kemet-radio-size);
-    height: var(--kemet-radio-size);
-    background: var(--kemet-radio-dot-color);
-    border: var(--kemet-radio-dot-border);
-    box-shadow: inset 0px 0px 0px var(--kemet-radio-dot-border-width) var(--kemet-radio-dot-ring-color);
-  }
-
-  :host([filled]) [part='dot'] {
-    background: var(--kemet-radio-dot-color-filled);
-    box-shadow: inset 0px 0px 0px var(--kemet-radio-dot-border-width) var(--kemet-radio-dot-border-color);
-  }
-`;
-var stylesRadios = import_lit.css`
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  :host {
-    display: block;
-  }
-
-  fieldset {
-    border: 0;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    gap: 0.5rem;
-  }
-
-  legend {
-    margin-bottom: 1rem;
-  }
-
-  :host([axis='vertical']) fieldset {
-    flex-direction: column;
-  }
-
-  [part='message'] {
-    display: block;
-    margin-top: 0.5rem;
-  }
-
-  :host([status='error']) [part='message'] {
-    color: rgb(var(--kemet-color-error));
-  }
-
-  :host([status='warning']) [part='message'] {
-    color: rgb(var(--kemet-color-error));
-  }
-`;
-
-// src/elements/radios.ts
-var KemetRadios = class extends import_lit2.LitElement {
-  constructor() {
-    super();
-    this.legend = "";
-    this.axis = "horizontal" /* Horizontal */;
-    this.name = "radios";
-    this.status = "standard" /* Standard */;
-    this.formSubmitController = new FormSubmitController(this);
-  }
-  firstUpdated() {
-    this.radios = this.querySelectorAll("kemet-radio");
-    this.setAttribute("role", "radiogroup");
-  }
-  render() {
-    return import_lit2.html`
-      <fieldset part="fieldset">
-        ${this.legend !== "" ? import_lit2.html`<legend part="legend">${this.legend}</legend>` : null}
-        <slot @click=${(event) => this.handleClick(event)} @keydown=${(event) => this.handleKeyDown(event)} @slotchange=${() => this.handleSlotChange()}></slot>
-      </fieldset>
-      ${this.makeMessage()}
-    `;
-  }
-  handleClick(event) {
-    const target = event.target;
-    this.radios.forEach((radio) => {
-      radio.checked = false;
-      radio.tabIndex = radio === target ? 0 : -1;
-      radio.setAttribute("aria-checked", "false");
-    });
-    if (!target.disabled) {
-      target.checked = true;
-      target.setAttribute("aria-checked", "true");
-      this.value = target.value;
-      this.status = "standard" /* Standard */;
-      emitEvent(this, "kemet-change", this);
-    }
-  }
-  handleKeyDown(event) {
-    const radios = Array.from(this.radios);
-    const arrowKeys = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"];
-    const forwardKeys = ["ArrowRight", "ArrowDown"];
-    const shift = forwardKeys.includes(event.key) ? 1 : -1;
-    const checkedIndex = radios.findIndex((radio) => radio.checked) ?? radios[0];
-    let index;
-    if (typeof checkedIndex === "number") {
-      index = checkedIndex + shift;
-    } else {
-      index = shift;
-    }
-    if (arrowKeys.includes(event.key)) {
-      if (index < 0) {
-        index = radios.length - 1;
-      }
-      if (index > radios.length - 1) {
-        index = 0;
-      }
-      this.radios.forEach((radio) => {
-        radio.checked = false;
-        radio.tabIndex = -1;
-      });
-      this.radios[index].focus();
-      this.radios[index].checked = true;
-      this.radios[index].tabIndex = 0;
-    }
-  }
-  handleSlotChange() {
-    const radios = Array.from(this.radios);
-    const checkedRadio = radios.find((radio) => radio.checked);
-    this.radios.forEach((radio) => {
-      radio.tabIndex = -1;
-      radio.input.tabIndex = -1;
-    });
-    if (checkedRadio) {
-      checkedRadio.tabIndex = 0;
-    }
-  }
-  makeMessage() {
-    if (this.status === "error" || this.status === "warning") {
-      return import_lit2.html`<span part="message">${this.message}</span>`;
-    }
-    return null;
-  }
-  checkValidity() {
-    if (this.required) {
-      return !!this.value;
-    }
-    return true;
-  }
-};
-KemetRadios.styles = [stylesRadios];
-__decorateClass([
-  (0, import_decorators.property)({ type: String })
-], KemetRadios.prototype, "legend", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: String, reflect: true })
-], KemetRadios.prototype, "axis", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: String })
-], KemetRadios.prototype, "value", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: String })
-], KemetRadios.prototype, "name", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: String, reflect: true })
-], KemetRadios.prototype, "status", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: String })
-], KemetRadios.prototype, "message", 2);
-__decorateClass([
-  (0, import_decorators.property)({ type: Boolean })
-], KemetRadios.prototype, "required", 2);
-__decorateClass([
-  (0, import_decorators.state)()
-], KemetRadios.prototype, "radios", 2);
-KemetRadios = __decorateClass([
-  (0, import_decorators.customElement)("kemet-radios")
-], KemetRadios);
-//# sourceMappingURL=radios.js.map

package/dist/elements/radios.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/elements/radios.ts","../../src/utilities/form-controller.ts","../../src/utilities/events.ts","../../src/styles/elements/radio.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { FormSubmitController } from '../utilities/form-controller';\nimport { emitEvent } from '../utilities/events';\nimport { EnumAxis, EnumStatuses, TypeAxis, TypeStatus } from '../utilities/constants';\nimport type KemetRadio from './radio';\n\nimport { stylesRadios } from '../styles/elements/radio';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-radios\n * @summary A group of radio buttons.\n *\n * @prop {string} legend - The legend text for the fieldset\n * @prop {TypeAxis} axis - The direction of the button's layout\n * @prop {string} value - The value of the selected radio button\n * @prop {string} name - The name of the radio button set\n * @prop {TypeStatus} status - The status of the radio button set\n * @prop {string} message - Validation message for the user\n * @prop {boolean} required - Determines whether the radio button set is required\n *\n * @csspart fieldset - The fieldset element.\n * @csspart legend - The legend element.\n *\n * @event kemet-change - Fires when the state of the checkbox changes\n *\n */\n\n@customElement('kemet-radios')\nexport default class KemetRadios extends LitElement {\n  formSubmitController: FormSubmitController;\n\n  static styles = [stylesRadios];\n\n  @property({ type: String })\n  legend: string = '';\n\n  @property({ type: String, reflect: true })\n  axis: TypeAxis = EnumAxis.Horizontal;\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  name: string = 'radios';\n\n  @property({ type: String, reflect: true })\n  status: TypeStatus = EnumStatuses.Standard;\n\n  @property({ type: String })\n  message: string;\n\n  @property({ type: Boolean })\n  required: boolean;\n\n  @state()\n  radios: NodeListOf<KemetRadio>;\n\n  constructor() {\n    super();\n\n    /** @internal */\n    this.formSubmitController = new FormSubmitController(this);\n  }\n\n  firstUpdated() {\n    this.radios = this.querySelectorAll('kemet-radio');\n    this.setAttribute('role', 'radiogroup');\n  }\n\n  render() {\n    return html`\n      <fieldset part=\"fieldset\">\n        ${this.legend !== '' ? html`<legend part=\"legend\">${this.legend}</legend>` : null}\n        <slot @click=${(event: MouseEvent) => this.handleClick(event)} @keydown=${(event: KeyboardEvent) => this.handleKeyDown(event)} @slotchange=${() => this.handleSlotChange()}></slot>\n      </fieldset>\n      ${this.makeMessage()}\n    `;\n  }\n\n  handleClick(event: MouseEvent) {\n    const target = event.target as KemetRadio;\n\n    this.radios.forEach((radio) => {\n      radio.checked = false;\n      radio.tabIndex = radio === target ? 0 : -1;\n      radio.setAttribute('aria-checked', 'false');\n    });\n\n    if (!target.disabled) {\n      target.checked = true;\n      target.setAttribute('aria-checked', 'true');\n      this.value = target.value;\n      this.status = EnumStatuses.Standard;\n\n      emitEvent(this, 'kemet-change', this);\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    const radios = Array.from(this.radios);\n    const arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];\n    const forwardKeys = ['ArrowRight', 'ArrowDown'];\n    const shift: number = forwardKeys.includes(event.key) ? 1 : -1;\n    const checkedIndex: number | KemetRadio = radios.findIndex((radio: KemetRadio) => radio.checked) ?? radios[0];\n\n    let index: number;\n\n    if (typeof checkedIndex === 'number') {\n      index = checkedIndex + shift;\n    } else {\n      index = shift;\n    }\n\n    if (arrowKeys.includes(event.key)) {\n      if (index < 0) {\n        index = radios.length - 1;\n      }\n\n      if (index > radios.length - 1) {\n        index = 0;\n      }\n\n      this.radios.forEach((radio) => {\n        radio.checked = false;\n        radio.tabIndex = -1;\n      });\n\n      this.radios[index].focus();\n      this.radios[index].checked = true;\n      this.radios[index].tabIndex = 0;\n    }\n  }\n\n  handleSlotChange() {\n    const radios = Array.from(this.radios);\n    const checkedRadio = radios.find((radio: KemetRadio) => radio.checked) as KemetRadio;\n\n    this.radios.forEach((radio: KemetRadio) => {\n      radio.tabIndex = -1;\n      radio.input.tabIndex = -1;\n    });\n\n    if (checkedRadio) {\n      checkedRadio.tabIndex = 0;\n    }\n  }\n\n  makeMessage() {\n    if (this.status === 'error' || this.status === 'warning') {\n      return html`<span part=\"message\">${this.message}</span>`;\n    }\n\n    return null;\n  }\n\n  checkValidity() {\n    if (this.required) {\n      return !!this.value;\n    }\n\n    return true;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-radios': KemetRadios\n  }\n}\n","export class FormSubmitController {\n  host;\n  form;\n  options;\n\n  constructor(host, options = undefined) {\n    (this.host = host).addController(this);\n\n    this.options = {\n      form: input => input.closest('form'),\n      name: input => input.name,\n      value: input => input.value,\n      disabled: input => input.disabled,\n      ...options,\n    };\n\n    this.handleFormData = this.handleFormData.bind(this);\n    this.handleFormSubmit = this.handleFormSubmit.bind(this);\n  }\n\n  hostConnected() {\n    this.form = this.options.form(this.host);\n\n    if (this.form) {\n      this.form.addEventListener('formdata', this.handleFormData);\n      this.form.addEventListener('submit', this.handleFormSubmit);\n    }\n  }\n\n  hostDisconnected() {\n    if (this.form) {\n      this.form.removeEventListener('formdata', this.handleFormData);\n      this.form.removeEventListener('submit', this.handleFormSubmit);\n      this.form = undefined;\n    }\n  }\n\n  handleFormData(event) {\n    const disabled = this.options.disabled(this.host);\n    const name = this.options.name(this.host);\n    const value = this.options.value(this.host);\n\n    if (!disabled && typeof name === 'string' && typeof value !== 'undefined') {\n      // TODO recreate a scenario where value will be an array\n      // if (Array.isArray(value)) {\n      //   value.forEach((val) => {\n      //     event.formData?.append(name, val.toString());\n      //   });\n      // } else {\n      //   event.formData?.append(name, value.toString());\n      // }\n      event.formData?.append(name, value.toString());\n    }\n  }\n\n  handleFormSubmit(event) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n\n    const disabled = this.options.disabled(this.host);\n    this.form = this.options.form(this.host);\n\n    if (this.form && !disabled) {\n      const components = this.form.querySelectorAll('kemet-input, kemet-textarea, kemet-select, kemet-checkbox, kemet-radios');\n\n      components.forEach((component) => {\n        if (component.checkValidity) {\n          component.checkValidity();\n\n          if (!component.checkValidity()) {\n            component.status = 'error';\n            component.invalid = true;\n\n            component.dispatchEvent(\n              new CustomEvent('kemet-input-status', {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  status: 'error',\n                  validity: component.validity ? component.validity : {},\n                  element: component,\n                },\n              }),\n            );\n          }\n\n          if (component.checkLimitValidity && !component.checkLimitValidity()) {\n            component.status = 'error';\n            component.invalid = true;\n\n            component.dispatchEvent(\n              new CustomEvent('kemet-input-status', {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  status: 'error',\n                  validity: { passedLimit: true },\n                  element: component,\n                },\n              }),\n            );\n          }\n        }\n      });\n    }\n  }\n\n  submit() {\n    const button = document.createElement('button');\n\n    if (this.form) {\n      button.type = 'submit';\n      button.style.position = 'absolute';\n      button.style.width = '0';\n      button.style.height = '0';\n      button.style.clip = 'rect(0 0 0 0)';\n      button.style.clipPath = 'inset(50%)';\n      button.style.overflow = 'hidden';\n      button.style.whiteSpace = 'nowrap';\n      this.form.append(button);\n      button.click();\n      button.remove();\n    }\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 stylesRadio = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-radio-size: 18px;\n    --kemet-radio-border: 1px solid rgb(var(--kemet-color-foreground));\n    --kemet-radio-dot-color: rgb(var(--kemet-color-primary));\n    --kemet-radio-dot-border: 1px solid rgb(var(--kemet-color-primary));\n    --kemet-radio-dot-border-width: 3px;\n    --kemet-radio-dot-ring-color: rgb(var(--kemet-color-white));\n    --kemet-radio-dot-color-filled: rgb(var(--kemet-color-white));\n    --kemet-radio-dot-border-width: 4px;\n    --kemet-radio-dot-border-color: rgb(var(--kemet-color-primary));\n\n    display: inline-block;\n  }\n\n  :host([disabled]) {\n    opacity: 0.5;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    gap: 0.5rem;\n    align-items: center;\n    margin-right: 0.5rem;\n  }\n\n  input {\n    cursor: pointer;\n    margin: 0;\n    padding: 0;\n    width: var(--kemet-radio-size);\n    height: var(--kemet-radio-size);\n    position: absolute;\n    opacity: 0;\n  }\n\n  button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--kemet-radio-size);\n    height: var(--kemet-radio-size);\n    padding: 0;\n    border-radius: var(--kemet-border-radius-circle);\n    background: none;\n    border: var(--kemet-radio-border);\n  }\n\n  [part='dot'] {\n    display: inline-flex;\n    border-radius: var(--kemet-border-radius-circle);\n    width: var(--kemet-radio-size);\n    height: var(--kemet-radio-size);\n    background: var(--kemet-radio-dot-color);\n    border: var(--kemet-radio-dot-border);\n    box-shadow: inset 0px 0px 0px var(--kemet-radio-dot-border-width) var(--kemet-radio-dot-ring-color);\n  }\n\n  :host([filled]) [part='dot'] {\n    background: var(--kemet-radio-dot-color-filled);\n    box-shadow: inset 0px 0px 0px var(--kemet-radio-dot-border-width) var(--kemet-radio-dot-border-color);\n  }\n`;\n\nexport const stylesRadios = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  :host {\n    display: block;\n  }\n\n  fieldset {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    gap: 0.5rem;\n  }\n\n  legend {\n    margin-bottom: 1rem;\n  }\n\n  :host([axis='vertical']) fieldset {\n    flex-direction: column;\n  }\n\n  [part='message'] {\n    display: block;\n    margin-top: 0.5rem;\n  }\n\n  :host([status='error']) [part='message'] {\n    color: rgb(var(--kemet-color-error));\n  }\n\n  :host([status='warning']) [part='message'] {\n    color: rgb(var(--kemet-color-error));\n  }\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,cAAiC;AACjC,wBAA+C;;;ACDxC,IAAM,uBAAN,MAA2B;AAAA,EAKhC,YAAY,MAAM,UAAU,QAAW;AACrC,KAAC,KAAK,OAAO,MAAM,cAAc,IAAI;AAErC,SAAK,UAAU;AAAA,MACb,MAAM,WAAS,MAAM,QAAQ,MAAM;AAAA,MACnC,MAAM,WAAS,MAAM;AAAA,MACrB,OAAO,WAAS,MAAM;AAAA,MACtB,UAAU,WAAS,MAAM;AAAA,MACzB,GAAG;AAAA,IACL;AAEA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,mBAAmB,KAAK,iBAAiB,KAAK,IAAI;AAAA,EACzD;AAAA,EAEA,gBAAgB;AACd,SAAK,OAAO,KAAK,QAAQ,KAAK,KAAK,IAAI;AAEvC,QAAI,KAAK,MAAM;AACb,WAAK,KAAK,iBAAiB,YAAY,KAAK,cAAc;AAC1D,WAAK,KAAK,iBAAiB,UAAU,KAAK,gBAAgB;AAAA,IAC5D;AAAA,EACF;AAAA,EAEA,mBAAmB;AACjB,QAAI,KAAK,MAAM;AACb,WAAK,KAAK,oBAAoB,YAAY,KAAK,cAAc;AAC7D,WAAK,KAAK,oBAAoB,UAAU,KAAK,gBAAgB;AAC7D,WAAK,OAAO;AAAA,IACd;AAAA,EACF;AAAA,EAEA,eAAe,OAAO;AACpB,UAAM,WAAW,KAAK,QAAQ,SAAS,KAAK,IAAI;AAChD,UAAM,OAAO,KAAK,QAAQ,KAAK,KAAK,IAAI;AACxC,UAAM,QAAQ,KAAK,QAAQ,MAAM,KAAK,IAAI;AAE1C,QAAI,CAAC,YAAY,OAAO,SAAS,YAAY,OAAO,UAAU,aAAa;AASzE,YAAM,UAAU,OAAO,MAAM,MAAM,SAAS,CAAC;AAAA,IAC/C;AAAA,EACF;AAAA,EAEA,iBAAiB,OAAO;AACtB,UAAM,eAAe;AACrB,UAAM,yBAAyB;AAE/B,UAAM,WAAW,KAAK,QAAQ,SAAS,KAAK,IAAI;AAChD,SAAK,OAAO,KAAK,QAAQ,KAAK,KAAK,IAAI;AAEvC,QAAI,KAAK,QAAQ,CAAC,UAAU;AAC1B,YAAM,aAAa,KAAK,KAAK,iBAAiB,yEAAyE;AAEvH,iBAAW,QAAQ,CAAC,cAAc;AAChC,YAAI,UAAU,eAAe;AAC3B,oBAAU,cAAc;AAExB,cAAI,CAAC,UAAU,cAAc,GAAG;AAC9B,sBAAU,SAAS;AACnB,sBAAU,UAAU;AAEpB,sBAAU;AAAA,cACR,IAAI,YAAY,sBAAsB;AAAA,gBACpC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ;AAAA,kBACN,QAAQ;AAAA,kBACR,UAAU,UAAU,WAAW,UAAU,WAAW,CAAC;AAAA,kBACrD,SAAS;AAAA,gBACX;AAAA,cACF,CAAC;AAAA,YACH;AAAA,UACF;AAEA,cAAI,UAAU,sBAAsB,CAAC,UAAU,mBAAmB,GAAG;AACnE,sBAAU,SAAS;AACnB,sBAAU,UAAU;AAEpB,sBAAU;AAAA,cACR,IAAI,YAAY,sBAAsB;AAAA,gBACpC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ;AAAA,kBACN,QAAQ;AAAA,kBACR,UAAU,EAAE,aAAa,KAAK;AAAA,kBAC9B,SAAS;AAAA,gBACX;AAAA,cACF,CAAC;AAAA,YACH;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,SAAS,SAAS,cAAc,QAAQ;AAE9C,QAAI,KAAK,MAAM;AACb,aAAO,OAAO;AACd,aAAO,MAAM,WAAW;AACxB,aAAO,MAAM,QAAQ;AACrB,aAAO,MAAM,SAAS;AACtB,aAAO,MAAM,OAAO;AACpB,aAAO,MAAM,WAAW;AACxB,aAAO,MAAM,WAAW;AACxB,aAAO,MAAM,aAAa;AAC1B,WAAK,KAAK,OAAO,MAAM;AACvB,aAAO,MAAM;AACb,aAAO,OAAO;AAAA,IAChB;AAAA,EACF;AACF;;;AC5HO,IAAM,YAAY,CAAC,SAAS,MAAM,QAAQ,UAAU,MAAM,WAAW,SAAS;AACnF,UAAQ;AAAA,IACN,IAAI,YAAY,MAAM,EAAE,SAAS,UAAU,OAAO,CAAC;AAAA,EACrD;AACF;;;ACJA,iBAAoB;AAEb,IAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AHzC5B,IAAqB,cAArB,cAAyC,uBAAW;AAAA,EA6BlD,cAAc;AACZ,UAAM;AAxBR,kBAAiB;AAGjB;AAMA,gBAAe;AAGf;AAeE,SAAK,uBAAuB,IAAI,qBAAqB,IAAI;AAAA,EAC3D;AAAA,EAEA,eAAe;AACb,SAAK,SAAS,KAAK,iBAAiB,aAAa;AACjD,SAAK,aAAa,QAAQ,YAAY;AAAA,EACxC;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA,UAED,KAAK,WAAW,KAAK,yCAA6B,KAAK,MAAM,cAAc,IAAI;AAAA,uBAClE,CAAC,UAAsB,KAAK,YAAY,KAAK,CAAC,aAAa,CAAC,UAAyB,KAAK,cAAc,KAAK,CAAC,gBAAgB,MAAM,KAAK,iBAAiB,CAAC;AAAA;AAAA,QAE1K,KAAK,YAAY,CAAC;AAAA;AAAA,EAExB;AAAA,EAEA,YAAY,OAAmB;AAC7B,UAAM,SAAS,MAAM;AAErB,SAAK,OAAO,QAAQ,CAAC,UAAU;AAC7B,YAAM,UAAU;AAChB,YAAM,WAAW,UAAU,SAAS,IAAI;AACxC,YAAM,aAAa,gBAAgB,OAAO;AAAA,IAC5C,CAAC;AAED,QAAI,CAAC,OAAO,UAAU;AACpB,aAAO,UAAU;AACjB,aAAO,aAAa,gBAAgB,MAAM;AAC1C,WAAK,QAAQ,OAAO;AACpB,WAAK;AAEL,gBAAU,MAAM,gBAAgB,IAAI;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,cAAc,OAAsB;AAClC,UAAM,SAAS,MAAM,KAAK,KAAK,MAAM;AACrC,UAAM,YAAY,CAAC,WAAW,cAAc,aAAa,WAAW;AACpE,UAAM,cAAc,CAAC,cAAc,WAAW;AAC9C,UAAM,QAAgB,YAAY,SAAS,MAAM,GAAG,IAAI,IAAI;AAC5D,UAAM,eAAoC,OAAO,UAAU,CAAC,UAAsB,MAAM,OAAO,KAAK,OAAO,CAAC;AAE5G,QAAI;AAEJ,QAAI,OAAO,iBAAiB,UAAU;AACpC,cAAQ,eAAe;AAAA,IACzB,OAAO;AACL,cAAQ;AAAA,IACV;AAEA,QAAI,UAAU,SAAS,MAAM,GAAG,GAAG;AACjC,UAAI,QAAQ,GAAG;AACb,gBAAQ,OAAO,SAAS;AAAA,MAC1B;AAEA,UAAI,QAAQ,OAAO,SAAS,GAAG;AAC7B,gBAAQ;AAAA,MACV;AAEA,WAAK,OAAO,QAAQ,CAAC,UAAU;AAC7B,cAAM,UAAU;AAChB,cAAM,WAAW;AAAA,MACnB,CAAC;AAED,WAAK,OAAO,KAAK,EAAE,MAAM;AACzB,WAAK,OAAO,KAAK,EAAE,UAAU;AAC7B,WAAK,OAAO,KAAK,EAAE,WAAW;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,mBAAmB;AACjB,UAAM,SAAS,MAAM,KAAK,KAAK,MAAM;AACrC,UAAM,eAAe,OAAO,KAAK,CAAC,UAAsB,MAAM,OAAO;AAErE,SAAK,OAAO,QAAQ,CAAC,UAAsB;AACzC,YAAM,WAAW;AACjB,YAAM,MAAM,WAAW;AAAA,IACzB,CAAC;AAED,QAAI,cAAc;AAChB,mBAAa,WAAW;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,QAAI,KAAK,WAAW,WAAW,KAAK,WAAW,WAAW;AACxD,aAAO,wCAA4B,KAAK,OAAO;AAAA,IACjD;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,gBAAgB;AACd,QAAI,KAAK,UAAU;AACjB,aAAO,CAAC,CAAC,KAAK;AAAA,IAChB;AAEA,WAAO;AAAA,EACT;AACF;AAtIqB,YAGZ,SAAS,CAAC,YAAY;AAG7B;AAAA,MADC,4BAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GALP,YAMnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GARtB,YASnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAXP,YAYnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAdP,YAenB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAjBtB,YAkBnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GApBP,YAqBnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAvBR,YAwBnB;AAGA;AAAA,MADC,yBAAM;AAAA,GA1BY,YA2BnB;AA3BmB,cAArB;AAAA,MADC,iCAAc,cAAc;AAAA,GACR;","names":["import_lit"]}

package/dist/elements/radios.mjs

@@ -1,12 +0,0 @@
-import {
-  KemetRadios
-} from "../chunk-6T73EOKO.mjs";
-import "../chunk-GPBOM3MJ.mjs";
-import "../chunk-LHEY3UOF.mjs";
-import "../chunk-42U43NKG.mjs";
-import "../chunk-VDX3OED3.mjs";
-import "../chunk-SAWN7RJP.mjs";
-export {
-  KemetRadios as default
-};
-//# sourceMappingURL=radios.mjs.map

package/dist/elements/radios.mjs.map

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

package/dist/elements/rotator.d.mts

@@ -1,56 +0,0 @@
-import * as lit_html from 'lit-html';
-import * as lit from 'lit';
-import { LitElement } from 'lit';
-
-declare const effects: readonly ["fade", "flip"];
-declare enum EnumEffects {
-    Fade = "fade",
-    Flip = "flip"
-}
-type TypeEffects = typeof effects[number];
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-rotator
- * @summary A component that rotates through an array of text.
- *
- * @prop {number} activeSlide - The index number for the current slide.
- * @prop {string} width - The width of the rotator block.
- * @prop {string} height - The height of the rotator block.
- * @prop {array} messages - Text in the rotator. Supports HTML.
- * @prop {TypeEffects} effect - The transition effect type.
- * @prop {number} rotationSpeed - How fast, in seconds, each slide lasts. Stop the rotator with 0.
- *
- * @cssproperty --kemet-rotator-transition-speed - How long, in css time units, the transition effect lasts.
- *
- */
-declare class KemetRotator extends LitElement {
-    static styles: lit.CSSResult[];
-    activeSlide: number;
-    width: string;
-    height: string;
-    messages: string[];
-    effect: TypeEffects;
-    rotationSpeed: number;
-    prevSlide: number | null;
-    firstUpdated(): void;
-    updated(changed: Map<string, never>): void;
-    render(): lit_html.TemplateResult<1>;
-    makeMessages(): lit_html.TemplateResult<1>[];
-    setDimensions(): void;
-    /**
-     * Rotates to the next slide.
-     * @public
-     * @method nextSlide
-     * @returns {void}
-     */
-    nextSlide(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-rotator': KemetRotator;
-    }
-}
-
-export { EnumEffects, type TypeEffects, KemetRotator as default, effects };

package/dist/elements/rotator.d.ts

@@ -1,56 +0,0 @@
-import * as lit_html from 'lit-html';
-import * as lit from 'lit';
-import { LitElement } from 'lit';
-
-declare const effects: readonly ["fade", "flip"];
-declare enum EnumEffects {
-    Fade = "fade",
-    Flip = "flip"
-}
-type TypeEffects = typeof effects[number];
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-rotator
- * @summary A component that rotates through an array of text.
- *
- * @prop {number} activeSlide - The index number for the current slide.
- * @prop {string} width - The width of the rotator block.
- * @prop {string} height - The height of the rotator block.
- * @prop {array} messages - Text in the rotator. Supports HTML.
- * @prop {TypeEffects} effect - The transition effect type.
- * @prop {number} rotationSpeed - How fast, in seconds, each slide lasts. Stop the rotator with 0.
- *
- * @cssproperty --kemet-rotator-transition-speed - How long, in css time units, the transition effect lasts.
- *
- */
-declare class KemetRotator extends LitElement {
-    static styles: lit.CSSResult[];
-    activeSlide: number;
-    width: string;
-    height: string;
-    messages: string[];
-    effect: TypeEffects;
-    rotationSpeed: number;
-    prevSlide: number | null;
-    firstUpdated(): void;
-    updated(changed: Map<string, never>): void;
-    render(): lit_html.TemplateResult<1>;
-    makeMessages(): lit_html.TemplateResult<1>[];
-    setDimensions(): void;
-    /**
-     * Rotates to the next slide.
-     * @public
-     * @method nextSlide
-     * @returns {void}
-     */
-    nextSlide(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-rotator': KemetRotator;
-    }
-}
-
-export { EnumEffects, type TypeEffects, KemetRotator as default, effects };