kemet-ui 3.1.0 → 4.0.1

package/dist/chunk-6KGFENNL.mjs

@@ -0,0 +1,74 @@
+import {
+  stylesKemetTab
+} from "./chunk-5LCSEF3N.mjs";
+import {
+  emitEvent
+} from "./chunk-LHEY3UOF.mjs";
+import {
+  __decorateClass
+} from "./chunk-SAWN7RJP.mjs";
+
+// src/elements/tab.ts
+import { LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var KemetTab = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.selected = false;
+  }
+  firstUpdated() {
+    this.addEventListener("click", this.select.bind(this));
+  }
+  updated() {
+    this.a11y();
+  }
+  render() {
+    return html`
+      <slot></slot>
+      ${this.makeCloseable()}
+    `;
+  }
+  select() {
+    emitEvent(this, "kemet-selected", this);
+  }
+  a11y() {
+    this.setAttribute("role", "tab");
+    if (this.selected) {
+      this.setAttribute("aria-selected", "true");
+      this.setAttribute("tabindex", "0");
+    } else {
+      this.setAttribute("aria-selected", "false");
+      this.setAttribute("tabindex", "-1");
+    }
+  }
+  makeCloseable() {
+    if (this.closable) {
+      return html`&nbsp;<kemet-icon-bootstrap icon="x-lg" size="16" @click=${() => this.handleClosable()}></kemet-icon-bootstrap>`;
+    }
+    return null;
+  }
+  handleClosable() {
+    emitEvent(this, "kemet-closed", this);
+  }
+};
+KemetTab.styles = [stylesKemetTab];
+__decorateClass([
+  property({ type: Number })
+], KemetTab.prototype, "index", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], KemetTab.prototype, "selected", 2);
+__decorateClass([
+  property({ type: String })
+], KemetTab.prototype, "link", 2);
+__decorateClass([
+  property({ type: Boolean })
+], KemetTab.prototype, "closable", 2);
+KemetTab = __decorateClass([
+  customElement("kemet-tab")
+], KemetTab);
+
+export {
+  KemetTab
+};
+//# sourceMappingURL=chunk-6KGFENNL.mjs.map

package/dist/chunk-6KGFENNL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/tab.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { emitEvent } from '../utilities/events';\nimport { stylesKemetTab } from '../styles/elements/tabs';\nimport './icon-bootstrap';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-tab\n * @summary A tab in a set of tabs.\n *\n * @prop {boolean} selected - Is true when the tab is selected\n * @prop {string} link - Links to a panel name\n * @prop {boolean} closable - Determines if the tab can be closed\n *\n * @cssproperty --kemet-tab-padding - The padding of the tab.\n * @cssproperty --kemet-tab-color - The color of the selected tab.\n *\n * @event kemet-selected - Fires when a tab is selected\n * @event kemet-closed - Fires when the tab should close\n *\n */\n\n@customElement('kemet-tab')\nexport default class KemetTab extends LitElement {\n  static styles = [stylesKemetTab];\n\n  @property({ type: Number })\n  index: number;\n\n  @property({ type: Boolean, reflect: true })\n  selected: boolean = false;\n\n  @property({ type: String })\n  link: string;\n\n  @property({ type: Boolean })\n  closable: boolean;\n\n  firstUpdated() {\n    this.addEventListener('click', this.select.bind(this));\n  }\n\n  updated() {\n    this.a11y();\n  }\n\n  render() {\n    return html`\n      <slot></slot>\n      ${this.makeCloseable()}\n    `;\n  }\n\n  select() {\n    emitEvent(this, 'kemet-selected', this);\n  }\n\n  a11y() {\n    this.setAttribute('role', 'tab');\n\n    if (this.selected) {\n      this.setAttribute('aria-selected', 'true');\n      this.setAttribute('tabindex', '0');\n    } else {\n      this.setAttribute('aria-selected', 'false');\n      this.setAttribute('tabindex', '-1');\n    }\n  }\n\n  makeCloseable() {\n    if (this.closable) {\n      return html`&nbsp;<kemet-icon-bootstrap icon=\"x-lg\" size=\"16\" @click=${() => this.handleClosable()}></kemet-icon-bootstrap>`;\n    }\n\n    return null;\n  }\n\n  handleClosable() {\n    emitEvent(this, 'kemet-closed', this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-tab': KemetTab\n  }\n}\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,YAAY,YAAY;AACjC,SAAS,eAAe,gBAAgB;AAyBxC,IAAqB,WAArB,cAAsC,WAAW;AAAA,EAAjD;AAAA;AAOE,oBAAoB;AAAA;AAAA,EAQpB,eAAe;AACb,SAAK,iBAAiB,SAAS,KAAK,OAAO,KAAK,IAAI,CAAC;AAAA,EACvD;AAAA,EAEA,UAAU;AACR,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA,QAEH,KAAK,cAAc,CAAC;AAAA;AAAA,EAE1B;AAAA,EAEA,SAAS;AACP,cAAU,MAAM,kBAAkB,IAAI;AAAA,EACxC;AAAA,EAEA,OAAO;AACL,SAAK,aAAa,QAAQ,KAAK;AAE/B,QAAI,KAAK,UAAU;AACjB,WAAK,aAAa,iBAAiB,MAAM;AACzC,WAAK,aAAa,YAAY,GAAG;AAAA,IACnC,OAAO;AACL,WAAK,aAAa,iBAAiB,OAAO;AAC1C,WAAK,aAAa,YAAY,IAAI;AAAA,IACpC;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,QAAI,KAAK,UAAU;AACjB,aAAO,gEAAgE,MAAM,KAAK,eAAe,CAAC;AAAA,IACpG;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,iBAAiB;AACf,cAAU,MAAM,gBAAgB,IAAI;AAAA,EACtC;AACF;AAzDqB,SACZ,SAAS,CAAC,cAAc;AAG/B;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAHP,SAInB;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GANvB,SAOnB;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GATP,SAUnB;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAZR,SAanB;AAbmB,WAArB;AAAA,EADC,cAAc,WAAW;AAAA,GACL;","names":[]}

package/dist/chunk-6T73EOKO.mjs

@@ -0,0 +1,138 @@
+import {
+  stylesRadios
+} from "./chunk-GPBOM3MJ.mjs";
+import {
+  emitEvent
+} from "./chunk-LHEY3UOF.mjs";
+import {
+  FormSubmitController
+} from "./chunk-VDX3OED3.mjs";
+import {
+  __decorateClass
+} from "./chunk-SAWN7RJP.mjs";
+
+// src/elements/radios.ts
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+var KemetRadios = class extends 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 html`
+      <fieldset part="fieldset">
+        ${this.legend !== "" ? 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 html`<span part="message">${this.message}</span>`;
+    }
+    return null;
+  }
+  checkValidity() {
+    if (this.required) {
+      return !!this.value;
+    }
+    return true;
+  }
+};
+KemetRadios.styles = [stylesRadios];
+__decorateClass([
+  property({ type: String })
+], KemetRadios.prototype, "legend", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], KemetRadios.prototype, "axis", 2);
+__decorateClass([
+  property({ type: String })
+], KemetRadios.prototype, "value", 2);
+__decorateClass([
+  property({ type: String })
+], KemetRadios.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], KemetRadios.prototype, "status", 2);
+__decorateClass([
+  property({ type: String })
+], KemetRadios.prototype, "message", 2);
+__decorateClass([
+  property({ type: Boolean })
+], KemetRadios.prototype, "required", 2);
+__decorateClass([
+  state()
+], KemetRadios.prototype, "radios", 2);
+KemetRadios = __decorateClass([
+  customElement("kemet-radios")
+], KemetRadios);
+
+export {
+  KemetRadios
+};
+//# sourceMappingURL=chunk-6T73EOKO.mjs.map

package/dist/chunk-6T73EOKO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/radios.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"],"mappings":"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","names":[]}

package/dist/chunk-6VG2IYDS.mjs

@@ -0,0 +1,133 @@
+import {
+  emitEvent
+} from "./chunk-LHEY3UOF.mjs";
+import {
+  __decorateClass
+} from "./chunk-SAWN7RJP.mjs";
+
+// src/elements/draggable.ts
+import { html, css, LitElement } from "lit";
+import {
+  customElement,
+  property,
+  query,
+  state
+} from "lit/decorators.js";
+var KemetDraggable = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.top = "auto";
+    this.left = "auto";
+    this.measure = false;
+  }
+  firstUpdated() {
+    this.position1 = 0;
+    this.position2 = 0;
+    this.position3 = 0;
+    this.position4 = 0;
+    this.mouseMove = (event) => this.drag(event);
+    this.mouseUp = () => this.stopDrag();
+    const savedPosition = JSON.parse(localStorage.getItem(this.memory));
+    if (savedPosition) {
+      this.top = savedPosition.top;
+      this.left = savedPosition.left;
+    }
+    if (this.measure) {
+      this.measureContent();
+    }
+  }
+  render() {
+    return html`
+      <div id="draggable" @mousedown=${(event) => this.startDrag(event)} style="top:${this.top}; left:${this.left}">
+        <slot></slot>
+      </div>
+    `;
+  }
+  startDrag(event) {
+    if (event) {
+      event.preventDefault();
+      this.position3 = event.clientX;
+      this.position4 = event.clientY;
+    }
+    document.addEventListener("mouseup", this.mouseUp);
+    document.addEventListener("mousemove", this.mouseMove);
+    emitEvent(this, "kemet-start", this);
+  }
+  drag(event) {
+    event.preventDefault();
+    this.position1 = this.position3 - event.clientX;
+    this.position2 = this.position4 - event.clientY;
+    this.position3 = event.clientX;
+    this.position4 = event.clientY;
+    if (this.draggableElement) {
+      this.top = `${this.draggableElement.offsetTop - this.position2}px`;
+      this.left = `${this.draggableElement.offsetLeft - this.position1}px`;
+    }
+  }
+  stopDrag() {
+    document.removeEventListener("mouseup", this.mouseUp);
+    document.removeEventListener("mousemove", this.mouseMove);
+    if (this.memory) {
+      const savedPosition = {
+        top: this.top,
+        left: this.left
+      };
+      localStorage.setItem(this.memory, JSON.stringify(savedPosition));
+    }
+    emitEvent(this, "kemet-stop", this);
+  }
+  measureContent() {
+    this.style.width = `${this.draggableElement?.offsetWidth}px`;
+    this.style.height = `${this.draggableElement?.offsetHeight}px`;
+  }
+};
+KemetDraggable.styles = [css`
+    :host {
+      display: inline-block;
+    }
+
+    #draggable {
+      position: absolute;
+    }
+  `];
+__decorateClass([
+  property({ type: String })
+], KemetDraggable.prototype, "memory", 2);
+__decorateClass([
+  property({ type: String })
+], KemetDraggable.prototype, "top", 2);
+__decorateClass([
+  property({ type: String })
+], KemetDraggable.prototype, "left", 2);
+__decorateClass([
+  property({ type: Boolean })
+], KemetDraggable.prototype, "measure", 2);
+__decorateClass([
+  state()
+], KemetDraggable.prototype, "position1", 2);
+__decorateClass([
+  state()
+], KemetDraggable.prototype, "position2", 2);
+__decorateClass([
+  state()
+], KemetDraggable.prototype, "position3", 2);
+__decorateClass([
+  state()
+], KemetDraggable.prototype, "position4", 2);
+__decorateClass([
+  state()
+], KemetDraggable.prototype, "mouseMove", 2);
+__decorateClass([
+  state()
+], KemetDraggable.prototype, "mouseUp", 2);
+__decorateClass([
+  query("#draggable")
+], KemetDraggable.prototype, "draggableElement", 2);
+KemetDraggable = __decorateClass([
+  customElement("kemet-draggable")
+], KemetDraggable);
+
+export {
+  KemetDraggable
+};
+//# sourceMappingURL=chunk-6VG2IYDS.mjs.map

package/dist/chunk-6VG2IYDS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/draggable.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport {\n customElement, property, query, state,\n} from 'lit/decorators.js';\nimport { emitEvent } from '../utilities/events';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-draggable\n * @summary A draggable element with the ability to remember its position.\n *\n * @prop {string} memory - A unique identifier used to store the element's position in local storage.\n * @prop {string} top - The elements top position in pixels.\n * @prop {string} left - The element's left position in pixels.\n * @prop {boolean} measure - If set to true, will measure the width and height of the element's content and apply it to the host element.\n *\n * @event kemet-start\n * @event kemet-stop\n *\n */\n\n@customElement('kemet-draggable')\nexport default class KemetDraggable extends LitElement {\n  static styles = [css`\n    :host {\n      display: inline-block;\n    }\n\n    #draggable {\n      position: absolute;\n    }\n  `];\n\n  @property({ type: String })\n  memory: string;\n\n  @property({ type: String })\n  top: string = 'auto';\n\n  @property({ type: String })\n  left: string = 'auto';\n\n  @property({ type: Boolean })\n  measure: boolean = false;\n\n  /** @internal */\n  @state()\n  position1: number;\n\n  /** @internal */\n  @state()\n  position2: number;\n\n  /** @internal */\n  @state()\n  position3: number;\n\n  /** @internal */\n  @state()\n  position4: number;\n\n  /** @internal */\n  @state()\n  mouseMove: (event: MouseEvent) => void;\n\n  /** @internal */\n  @state()\n  mouseUp: () => void;\n\n  /** @internal */\n  @query('#draggable')\n  draggableElement: HTMLElement;\n\n  firstUpdated() {\n    // standard properties\n    /** @internal */\n    this.position1 = 0;\n    this.position2 = 0;\n    this.position3 = 0;\n    this.position4 = 0;\n    this.mouseMove = event => this.drag(event);\n    this.mouseUp = () => this.stopDrag();\n\n    const savedPosition = JSON.parse(localStorage.getItem(this.memory));\n\n    if (savedPosition) {\n      this.top = savedPosition.top;\n      this.left = savedPosition.left;\n    }\n\n    if (this.measure) {\n      this.measureContent();\n    }\n  }\n\n  render() {\n    return html`\n      <div id=\"draggable\" @mousedown=${(event: MouseEvent) => this.startDrag(event)} style=\"top:${this.top}; left:${this.left}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  startDrag(event: MouseEvent) {\n    if (event) {\n      event.preventDefault();\n\n      this.position3 = event.clientX;\n      this.position4 = event.clientY;\n    }\n\n    document.addEventListener('mouseup', this.mouseUp);\n    document.addEventListener('mousemove', this.mouseMove);\n\n    emitEvent(this, 'kemet-start', this);\n  }\n\n  drag(event: MouseEvent) {\n    event.preventDefault();\n\n    this.position1 = this.position3 - event.clientX;\n    this.position2 = this.position4 - event.clientY;\n    this.position3 = event.clientX;\n    this.position4 = event.clientY;\n\n    if (this.draggableElement) {\n      this.top = `${this.draggableElement.offsetTop - this.position2}px`;\n      this.left = `${this.draggableElement.offsetLeft - this.position1}px`;\n    }\n  }\n\n  stopDrag() {\n    document.removeEventListener('mouseup', this.mouseUp);\n    document.removeEventListener('mousemove', this.mouseMove);\n\n    if (this.memory) {\n      const savedPosition = {\n        top: this.top,\n        left: this.left,\n      };\n\n      localStorage.setItem(this.memory, JSON.stringify(savedPosition));\n    }\n\n    emitEvent(this, 'kemet-stop', this);\n  }\n\n  measureContent() {\n    this.style.width = `${this.draggableElement?.offsetWidth}px`;\n    this.style.height = `${this.draggableElement?.offsetHeight}px`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-draggable': KemetDraggable\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-7DJKARFX.mjs

@@ -0,0 +1,132 @@
+import {
+  __decorateClass
+} from "./chunk-SAWN7RJP.mjs";
+
+// src/elements/icon-bootstrap.ts
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var KemetIconBootstrap = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.icon = "code";
+    this.version = "1.11.3";
+    this.size = 24;
+    this.stylesLoaded = false;
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this._loadBootstrapStyles();
+  }
+  async _resolveVersion(version) {
+    if (version !== "latest" && /^\d+\.\d+\.\d+/.test(version)) {
+      return version;
+    }
+    if (KemetIconBootstrap.resolvedVersions.has(version)) {
+      return KemetIconBootstrap.resolvedVersions.get(version);
+    }
+    try {
+      const response = await fetch("https://unpkg.com/bootstrap-icons/package.json");
+      if (!response.ok) throw new Error("Failed to resolve version");
+      const pkg = await response.json();
+      const resolvedVersion = pkg.version;
+      KemetIconBootstrap.resolvedVersions.set(version, resolvedVersion);
+      return resolvedVersion;
+    } catch (error) {
+      console.warn("Failed to resolve Bootstrap Icons version, using 1.11.3:", error);
+      return "1.11.3";
+    }
+  }
+  async _loadBootstrapStyles() {
+    if (this.stylesLoaded) return;
+    try {
+      const resolvedVersion = await this._resolveVersion(this.version);
+      const cacheKey = resolvedVersion;
+      if (!KemetIconBootstrap.fontFaceLoaded.get(cacheKey)) {
+        await this._loadFontFaceInDocument(resolvedVersion);
+        KemetIconBootstrap.fontFaceLoaded.set(cacheKey, true);
+      }
+      let iconSheet = KemetIconBootstrap.iconStylesCache.get(cacheKey);
+      if (!iconSheet) {
+        const response = await fetch(
+          `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`
+        );
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        let cssText = await response.text();
+        cssText = cssText.replace(/@font-face\s*{[^}]*}/g, "");
+        iconSheet = new CSSStyleSheet();
+        await iconSheet.replace(cssText);
+        KemetIconBootstrap.iconStylesCache.set(cacheKey, iconSheet);
+      }
+      this.shadowRoot.adoptedStyleSheets = [
+        ...this.shadowRoot.adoptedStyleSheets,
+        iconSheet
+      ];
+      this.stylesLoaded = true;
+      this.requestUpdate();
+    } catch (error) {
+      console.error("Failed to load Bootstrap Icons:", error);
+      this.requestUpdate();
+    }
+  }
+  async _loadFontFaceInDocument(resolvedVersion) {
+    try {
+      const response = await fetch(
+        `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`
+      );
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const cssText = await response.text();
+      const fontFaceMatches = cssText.match(/@font-face\s*{[^}]*}/g);
+      if (!fontFaceMatches) return;
+      const baseUrl = `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/`;
+      let fontFaceCss = fontFaceMatches.join("\n");
+      fontFaceCss = fontFaceCss.replace(/url\(["']?\.\/fonts\//g, `url("${baseUrl}fonts/`);
+      fontFaceCss = fontFaceCss.replace(/url\(["']?fonts\//g, `url("${baseUrl}fonts/`);
+      const styleId = `bootstrap-icons-fonts-${resolvedVersion}`;
+      if (!document.getElementById(styleId)) {
+        const style = document.createElement("style");
+        style.id = styleId;
+        style.textContent = fontFaceCss;
+        document.head.appendChild(style);
+      }
+    } catch (error) {
+      console.error("Failed to load Bootstrap Icons fonts:", error);
+      throw error;
+    }
+  }
+  render() {
+    return html`
+      <i class="bi bi-${this.icon}" style="font-size: ${this.size}px;"></i>
+    `;
+  }
+};
+KemetIconBootstrap.fontFaceLoaded = /* @__PURE__ */ new Map();
+KemetIconBootstrap.iconStylesCache = /* @__PURE__ */ new Map();
+KemetIconBootstrap.resolvedVersions = /* @__PURE__ */ new Map();
+KemetIconBootstrap.styles = css`
+    :host {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+  `;
+__decorateClass([
+  property()
+], KemetIconBootstrap.prototype, "icon", 2);
+__decorateClass([
+  property()
+], KemetIconBootstrap.prototype, "version", 2);
+__decorateClass([
+  property()
+], KemetIconBootstrap.prototype, "size", 2);
+KemetIconBootstrap = __decorateClass([
+  customElement("kemet-icon-bootstrap")
+], KemetIconBootstrap);
+
+export {
+  KemetIconBootstrap
+};
+//# sourceMappingURL=chunk-7DJKARFX.mjs.map

package/dist/chunk-7DJKARFX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/icon-bootstrap.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('kemet-icon-bootstrap')\nexport default class KemetIconBootstrap extends LitElement {\n  @property() icon: string = 'code';\n  @property() version: string = '1.11.3'; // Default to stable version\n  @property() size: number = 24;\n\n  private static fontFaceLoaded = new Map<string, boolean>();\n  private static iconStylesCache = new Map<string, CSSStyleSheet>();\n  private static resolvedVersions = new Map<string, string>();\n  private stylesLoaded = false;\n\n  async connectedCallback() {\n    super.connectedCallback();\n    await this._loadBootstrapStyles();\n  }\n\n  private async _resolveVersion(version: string): Promise<string> {\n    // If it's already a specific version, return it\n    if (version !== 'latest' && /^\\d+\\.\\d+\\.\\d+/.test(version)) {\n      return version;\n    }\n\n    // Check cache\n    if (KemetIconBootstrap.resolvedVersions.has(version)) {\n      return KemetIconBootstrap.resolvedVersions.get(version)!;\n    }\n\n    try {\n      // Fetch without version to get redirected to latest\n      const response = await fetch('https://unpkg.com/bootstrap-icons/package.json');\n      if (!response.ok) throw new Error('Failed to resolve version');\n\n      const pkg = await response.json();\n      const resolvedVersion = pkg.version;\n\n      KemetIconBootstrap.resolvedVersions.set(version, resolvedVersion);\n      return resolvedVersion;\n    } catch (error) {\n      console.warn('Failed to resolve Bootstrap Icons version, using 1.11.3:', error);\n      return '1.11.3'; // Fallback to known stable version\n    }\n  }\n\n  private async _loadBootstrapStyles() {\n    if (this.stylesLoaded) return;\n\n    try {\n      // Resolve version if needed\n      const resolvedVersion = await this._resolveVersion(this.version);\n      const cacheKey = resolvedVersion;\n\n      // Load font-face in light DOM (only once per version)\n      if (!KemetIconBootstrap.fontFaceLoaded.get(cacheKey)) {\n        await this._loadFontFaceInDocument(resolvedVersion);\n        KemetIconBootstrap.fontFaceLoaded.set(cacheKey, true);\n      }\n\n      // Load icon classes in shadow DOM\n      let iconSheet = KemetIconBootstrap.iconStylesCache.get(cacheKey);\n\n      if (!iconSheet) {\n        const response = await fetch(\n          `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`\n        );\n\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        let cssText = await response.text();\n\n        // Remove @font-face rules (already in light DOM)\n        cssText = cssText.replace(/@font-face\\s*{[^}]*}/g, '');\n\n        iconSheet = new CSSStyleSheet();\n        await iconSheet.replace(cssText);\n        KemetIconBootstrap.iconStylesCache.set(cacheKey, iconSheet);\n      }\n\n      this.shadowRoot!.adoptedStyleSheets = [\n        ...this.shadowRoot!.adoptedStyleSheets,\n        iconSheet\n      ];\n\n      this.stylesLoaded = true;\n      this.requestUpdate();\n    } catch (error) {\n      console.error('Failed to load Bootstrap Icons:', error);\n      this.requestUpdate();\n    }\n  }\n\n  private async _loadFontFaceInDocument(resolvedVersion: string) {\n    try {\n      const response = await fetch(\n        `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`\n      );\n\n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`);\n      }\n\n      const cssText = await response.text();\n\n      // Extract ONLY @font-face rules\n      const fontFaceMatches = cssText.match(/@font-face\\s*{[^}]*}/g);\n      if (!fontFaceMatches) return;\n\n      // Fix relative URLs to absolute\n      const baseUrl = `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/`;\n      let fontFaceCss = fontFaceMatches.join('\\n');\n      fontFaceCss = fontFaceCss.replace(/url\\([\"']?\\.\\/fonts\\//g, `url(\"${baseUrl}fonts/`);\n      fontFaceCss = fontFaceCss.replace(/url\\([\"']?fonts\\//g, `url(\"${baseUrl}fonts/`);\n\n      // Add to document head\n      const styleId = `bootstrap-icons-fonts-${resolvedVersion}`;\n      if (!document.getElementById(styleId)) {\n        const style = document.createElement('style');\n        style.id = styleId;\n        style.textContent = fontFaceCss;\n        document.head.appendChild(style);\n      }\n    } catch (error) {\n      console.error('Failed to load Bootstrap Icons fonts:', error);\n      throw error;\n    }\n  }\n\n  static styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n  `;\n\n  render() {\n    return html`\n      <i class=\"bi bi-${this.icon}\" style=\"font-size: ${this.size}px;\"></i>\n    `;\n  }\n}\n"],"mappings":";;;;;AAAA,SAAS,YAAY,MAAM,WAAW;AACtC,SAAS,eAAe,gBAAgB;AAGxC,IAAqB,qBAArB,cAAgD,WAAW;AAAA,EAA3D;AAAA;AACc,gBAAe;AACf,mBAAkB;AAClB,gBAAe;AAK3B,SAAQ,eAAe;AAAA;AAAA,EAEvB,MAAM,oBAAoB;AACxB,UAAM,kBAAkB;AACxB,UAAM,KAAK,qBAAqB;AAAA,EAClC;AAAA,EAEA,MAAc,gBAAgB,SAAkC;AAE9D,QAAI,YAAY,YAAY,iBAAiB,KAAK,OAAO,GAAG;AAC1D,aAAO;AAAA,IACT;AAGA,QAAI,mBAAmB,iBAAiB,IAAI,OAAO,GAAG;AACpD,aAAO,mBAAmB,iBAAiB,IAAI,OAAO;AAAA,IACxD;AAEA,QAAI;AAEF,YAAM,WAAW,MAAM,MAAM,gDAAgD;AAC7E,UAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,2BAA2B;AAE7D,YAAM,MAAM,MAAM,SAAS,KAAK;AAChC,YAAM,kBAAkB,IAAI;AAE5B,yBAAmB,iBAAiB,IAAI,SAAS,eAAe;AAChE,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,KAAK,4DAA4D,KAAK;AAC9E,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAc,uBAAuB;AACnC,QAAI,KAAK,aAAc;AAEvB,QAAI;AAEF,YAAM,kBAAkB,MAAM,KAAK,gBAAgB,KAAK,OAAO;AAC/D,YAAM,WAAW;AAGjB,UAAI,CAAC,mBAAmB,eAAe,IAAI,QAAQ,GAAG;AACpD,cAAM,KAAK,wBAAwB,eAAe;AAClD,2BAAmB,eAAe,IAAI,UAAU,IAAI;AAAA,MACtD;AAGA,UAAI,YAAY,mBAAmB,gBAAgB,IAAI,QAAQ;AAE/D,UAAI,CAAC,WAAW;AACd,cAAM,WAAW,MAAM;AAAA,UACrB,qCAAqC,eAAe;AAAA,QACtD;AAEA,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,uBAAuB,SAAS,MAAM,EAAE;AAAA,QAC1D;AAEA,YAAI,UAAU,MAAM,SAAS,KAAK;AAGlC,kBAAU,QAAQ,QAAQ,yBAAyB,EAAE;AAErD,oBAAY,IAAI,cAAc;AAC9B,cAAM,UAAU,QAAQ,OAAO;AAC/B,2BAAmB,gBAAgB,IAAI,UAAU,SAAS;AAAA,MAC5D;AAEA,WAAK,WAAY,qBAAqB;AAAA,QACpC,GAAG,KAAK,WAAY;AAAA,QACpB;AAAA,MACF;AAEA,WAAK,eAAe;AACpB,WAAK,cAAc;AAAA,IACrB,SAAS,OAAO;AACd,cAAQ,MAAM,mCAAmC,KAAK;AACtD,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,MAAc,wBAAwB,iBAAyB;AAC7D,QAAI;AACF,YAAM,WAAW,MAAM;AAAA,QACrB,qCAAqC,eAAe;AAAA,MACtD;AAEA,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,IAAI,MAAM,uBAAuB,SAAS,MAAM,EAAE;AAAA,MAC1D;AAEA,YAAM,UAAU,MAAM,SAAS,KAAK;AAGpC,YAAM,kBAAkB,QAAQ,MAAM,uBAAuB;AAC7D,UAAI,CAAC,gBAAiB;AAGtB,YAAM,UAAU,qCAAqC,eAAe;AACpE,UAAI,cAAc,gBAAgB,KAAK,IAAI;AAC3C,oBAAc,YAAY,QAAQ,0BAA0B,QAAQ,OAAO,QAAQ;AACnF,oBAAc,YAAY,QAAQ,sBAAsB,QAAQ,OAAO,QAAQ;AAG/E,YAAM,UAAU,yBAAyB,eAAe;AACxD,UAAI,CAAC,SAAS,eAAe,OAAO,GAAG;AACrC,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,KAAK;AACX,cAAM,cAAc;AACpB,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,yCAAyC,KAAK;AAC5D,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAUA,SAAS;AACP,WAAO;AAAA,wBACa,KAAK,IAAI,uBAAuB,KAAK,IAAI;AAAA;AAAA,EAE/D;AACF;AA5IqB,mBAKJ,iBAAiB,oBAAI,IAAqB;AALtC,mBAMJ,kBAAkB,oBAAI,IAA2B;AAN7C,mBAOJ,mBAAmB,oBAAI,IAAoB;AAPvC,mBA+HZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9HJ;AAAA,EAAX,SAAS;AAAA,GADS,mBACP;AACA;AAAA,EAAX,SAAS;AAAA,GAFS,mBAEP;AACA;AAAA,EAAX,SAAS;AAAA,GAHS,mBAGP;AAHO,qBAArB;AAAA,EADC,cAAc,sBAAsB;AAAA,GAChB;","names":[]}