@kdcloudjs/shoelace 1.0.3 → 1.0.5

package/dist/chunks/chunk.3RPBFEDE.js

@@ -1,302 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk.KAW7D32O.js";
-
-// src/internal/form.ts
-var formCollections = /* @__PURE__ */ new WeakMap();
-var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
-var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
-var userInteractedControls = /* @__PURE__ */ new WeakSet();
-var interactions = /* @__PURE__ */ new WeakMap();
-var FormControlController = class {
-  constructor(host, options) {
-    this.handleFormData = (event) => {
-      const disabled = this.options.disabled(this.host);
-      const name = this.options.name(this.host);
-      const value = this.options.value(this.host);
-      const isButton = this.host.tagName.toLowerCase() === "sl-button";
-      if (this.host.isConnected && !disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
-        if (Array.isArray(value)) {
-          value.forEach((val) => {
-            event.formData.append(name, val.toString());
-          });
-        } else {
-          event.formData.append(name, value.toString());
-        }
-      }
-    };
-    this.handleFormSubmit = (event) => {
-      var _a;
-      const disabled = this.options.disabled(this.host);
-      const reportValidity = this.options.reportValidity;
-      if (this.form && !this.form.noValidate) {
-        (_a = formCollections.get(this.form)) == null ? void 0 : _a.forEach((control) => {
-          this.setUserInteracted(control, true);
-        });
-      }
-      if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleFormReset = () => {
-      this.options.setValue(this.host, this.options.defaultValue(this.host));
-      this.setUserInteracted(this.host, false);
-      interactions.set(this.host, []);
-    };
-    this.handleInteraction = (event) => {
-      const emittedEvents = interactions.get(this.host);
-      if (!emittedEvents.includes(event.type)) {
-        emittedEvents.push(event.type);
-      }
-      if (emittedEvents.length === this.options.assumeInteractionOn.length) {
-        this.setUserInteracted(this.host, true);
-      }
-    };
-    this.checkFormValidity = () => {
-      if (this.form && !this.form.noValidate) {
-        const elements = this.form.querySelectorAll("*");
-        for (const element of elements) {
-          if (typeof element.checkValidity === "function") {
-            if (!element.checkValidity()) {
-              return false;
-            }
-          }
-        }
-      }
-      return true;
-    };
-    this.reportFormValidity = () => {
-      if (this.form && !this.form.noValidate) {
-        const elements = this.form.querySelectorAll("*");
-        for (const element of elements) {
-          if (typeof element.reportValidity === "function") {
-            if (!element.reportValidity()) {
-              return false;
-            }
-          }
-        }
-      }
-      return true;
-    };
-    (this.host = host).addController(this);
-    this.options = __spreadValues({
-      form: (input) => {
-        const formId = input.form;
-        if (formId) {
-          const root = input.getRootNode();
-          const form = root.querySelector(`#${formId}`);
-          if (form) {
-            return form;
-          }
-        }
-        return input.closest("form");
-      },
-      name: (input) => input.name,
-      value: (input) => input.value,
-      defaultValue: (input) => input.defaultValue,
-      disabled: (input) => {
-        var _a;
-        return (_a = input.disabled) != null ? _a : false;
-      },
-      reportValidity: (input) => typeof input.reportValidity === "function" ? input.reportValidity() : true,
-      checkValidity: (input) => typeof input.checkValidity === "function" ? input.checkValidity() : true,
-      setValue: (input, value) => input.value = value,
-      assumeInteractionOn: ["sl-input"]
-    }, options);
-  }
-  hostConnected() {
-    const form = this.options.form(this.host);
-    if (form) {
-      this.attachForm(form);
-    }
-    interactions.set(this.host, []);
-    this.options.assumeInteractionOn.forEach((event) => {
-      this.host.addEventListener(event, this.handleInteraction);
-    });
-  }
-  hostDisconnected() {
-    this.detachForm();
-    interactions.delete(this.host);
-    this.options.assumeInteractionOn.forEach((event) => {
-      this.host.removeEventListener(event, this.handleInteraction);
-    });
-  }
-  hostUpdated() {
-    const form = this.options.form(this.host);
-    if (!form) {
-      this.detachForm();
-    }
-    if (form && this.form !== form) {
-      this.detachForm();
-      this.attachForm(form);
-    }
-    if (this.host.hasUpdated) {
-      this.setValidity(this.host.validity.valid);
-    }
-  }
-  attachForm(form) {
-    if (form) {
-      this.form = form;
-      if (formCollections.has(this.form)) {
-        formCollections.get(this.form).add(this.host);
-      } else {
-        formCollections.set(this.form, /* @__PURE__ */ new Set([this.host]));
-      }
-      this.form.addEventListener("formdata", this.handleFormData);
-      this.form.addEventListener("submit", this.handleFormSubmit);
-      this.form.addEventListener("reset", this.handleFormReset);
-      if (!reportValidityOverloads.has(this.form)) {
-        reportValidityOverloads.set(this.form, this.form.reportValidity);
-        this.form.reportValidity = () => this.reportFormValidity();
-      }
-      if (!checkValidityOverloads.has(this.form)) {
-        checkValidityOverloads.set(this.form, this.form.checkValidity);
-        this.form.checkValidity = () => this.checkFormValidity();
-      }
-    } else {
-      this.form = void 0;
-    }
-  }
-  detachForm() {
-    if (!this.form) return;
-    const formCollection = formCollections.get(this.form);
-    if (!formCollection) {
-      return;
-    }
-    formCollection.delete(this.host);
-    if (formCollection.size <= 0) {
-      this.form.removeEventListener("formdata", this.handleFormData);
-      this.form.removeEventListener("submit", this.handleFormSubmit);
-      this.form.removeEventListener("reset", this.handleFormReset);
-      if (reportValidityOverloads.has(this.form)) {
-        this.form.reportValidity = reportValidityOverloads.get(this.form);
-        reportValidityOverloads.delete(this.form);
-      }
-      if (checkValidityOverloads.has(this.form)) {
-        this.form.checkValidity = checkValidityOverloads.get(this.form);
-        checkValidityOverloads.delete(this.form);
-      }
-      this.form = void 0;
-    }
-  }
-  setUserInteracted(el, hasInteracted) {
-    if (hasInteracted) {
-      userInteractedControls.add(el);
-    } else {
-      userInteractedControls.delete(el);
-    }
-    el.requestUpdate();
-  }
-  doAction(type, submitter) {
-    if (this.form) {
-      const button = document.createElement("button");
-      button.type = type;
-      button.style.position = "absolute";
-      button.style.width = "0";
-      button.style.height = "0";
-      button.style.clipPath = "inset(50%)";
-      button.style.overflow = "hidden";
-      button.style.whiteSpace = "nowrap";
-      if (submitter) {
-        button.name = submitter.name;
-        button.value = submitter.value;
-        ["formaction", "formenctype", "formmethod", "formnovalidate", "formtarget"].forEach((attr) => {
-          if (submitter.hasAttribute(attr)) {
-            button.setAttribute(attr, submitter.getAttribute(attr));
-          }
-        });
-      }
-      this.form.append(button);
-      button.click();
-      button.remove();
-    }
-  }
-  /** Returns the associated `<form>` element, if one exists. */
-  getForm() {
-    var _a;
-    return (_a = this.form) != null ? _a : null;
-  }
-  /** Resets the form, restoring all the control to their default value */
-  reset(submitter) {
-    this.doAction("reset", submitter);
-  }
-  /** Submits the form, triggering validation and form data injection. */
-  submit(submitter) {
-    this.doAction("submit", submitter);
-  }
-  /**
-   * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-   * the host element immediately, i.e. before Lit updates the component in the next update.
-   */
-  setValidity(isValid) {
-    const host = this.host;
-    const hasInteracted = Boolean(userInteractedControls.has(host));
-    const required = Boolean(host.required);
-    host.toggleAttribute("data-required", required);
-    host.toggleAttribute("data-optional", !required);
-    host.toggleAttribute("data-invalid", !isValid);
-    host.toggleAttribute("data-valid", isValid);
-    host.toggleAttribute("data-user-invalid", !isValid && hasInteracted);
-    host.toggleAttribute("data-user-valid", isValid && hasInteracted);
-  }
-  /**
-   * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-   * that affects constraint validation changes so the component receives the correct validity states.
-   */
-  updateValidity() {
-    const host = this.host;
-    this.setValidity(host.validity.valid);
-  }
-  /**
-   * Dispatches a non-bubbling, cancelable custom event of type `sl-invalid`.
-   * If the `sl-invalid` event will be cancelled then the original `invalid`
-   * event (which may have been passed as argument) will also be cancelled.
-   * If no original `invalid` event has been passed then the `sl-invalid`
-   * event will be cancelled before being dispatched.
-   */
-  emitInvalidEvent(originalInvalidEvent) {
-    const slInvalidEvent = new CustomEvent("sl-invalid", {
-      bubbles: false,
-      composed: false,
-      cancelable: true,
-      detail: {}
-    });
-    if (!originalInvalidEvent) {
-      slInvalidEvent.preventDefault();
-    }
-    if (!this.host.dispatchEvent(slInvalidEvent)) {
-      originalInvalidEvent == null ? void 0 : originalInvalidEvent.preventDefault();
-    }
-  }
-};
-var validValidityState = Object.freeze({
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valid: true,
-  valueMissing: false
-});
-var valueMissingValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {
-  valid: false,
-  valueMissing: true
-}));
-var customErrorValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {
-  valid: false,
-  customError: true
-}));
-
-export {
-  formCollections,
-  FormControlController,
-  validValidityState,
-  valueMissingValidityState,
-  customErrorValidityState
-};

package/dist/chunks/chunk.3UXRRTUZ.js

@@ -1,28 +0,0 @@
-import {
-  SlCheckbox
-} from "./chunk.IRV34E3C.js";
-
-// src/react/checkbox/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-checkbox";
-SlCheckbox.define("sl-checkbox");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlCheckbox,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlChange: "sl-change",
-    onSlFocus: "sl-focus",
-    onSlInput: "sl-input",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlCheckbox"
-});
-var checkbox_default = reactWrapper;
-
-export {
-  checkbox_default
-};

package/dist/chunks/chunk.3Y3F3SN3.js

@@ -1,42 +0,0 @@
-import {
-  divider_styles_default
-} from "./chunk.SUSCR7CI.js";
-import {
-  watch
-} from "./chunk.GMYPQTFK.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.UVL7C5UN.js";
-import {
-  __decorateClass
-} from "./chunk.KAW7D32O.js";
-
-// src/components/divider/divider.component.ts
-import { property } from "lit/decorators.js";
-var SlDivider = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.vertical = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "separator");
-  }
-  handleVerticalChange() {
-    this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
-  }
-};
-SlDivider.styles = [component_styles_default, divider_styles_default];
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlDivider.prototype, "vertical", 2);
-__decorateClass([
-  watch("vertical")
-], SlDivider.prototype, "handleVerticalChange", 1);
-
-export {
-  SlDivider
-};

package/dist/chunks/chunk.3Y5PA7P2.js

@@ -1,11 +0,0 @@
-import {
-  SlCarouselItem
-} from "./chunk.IJGD3Z6V.js";
-
-// src/components/carousel-item/carousel-item.ts
-var carousel_item_default = SlCarouselItem;
-SlCarouselItem.define("sl-carousel-item");
-
-export {
-  carousel_item_default
-};

package/dist/chunks/chunk.3ZQBXUFQ.js

@@ -1,135 +0,0 @@
-import {
-  menu_styles_default
-} from "./chunk.VVA35HTY.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.UVL7C5UN.js";
-import {
-  __decorateClass
-} from "./chunk.KAW7D32O.js";
-
-// src/components/menu/menu.component.ts
-import { html } from "lit";
-import { query } from "lit/decorators.js";
-var SlMenu = class extends ShoelaceElement {
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "menu");
-  }
-  handleClick(event) {
-    const menuItemTypes = ["menuitem", "menuitemcheckbox"];
-    const composedPath = event.composedPath();
-    const target = composedPath.find((el) => {
-      var _a;
-      return menuItemTypes.includes(((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) || "");
-    });
-    if (!target) return;
-    const closestMenu = composedPath.find((el) => {
-      var _a;
-      return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) === "menu";
-    });
-    const clickHasSubmenu = closestMenu !== this;
-    if (clickHasSubmenu) return;
-    const item = target;
-    if (item.type === "checkbox") {
-      item.checked = !item.checked;
-    }
-    this.emit("sl-select", { detail: { item } });
-  }
-  handleKeyDown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      const item = this.getCurrentItem();
-      event.preventDefault();
-      event.stopPropagation();
-      item == null ? void 0 : item.click();
-    } else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
-      const items = this.getAllItems();
-      const activeItem = this.getCurrentItem();
-      let index = activeItem ? items.indexOf(activeItem) : 0;
-      if (items.length > 0) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.key === "ArrowDown") {
-          index++;
-        } else if (event.key === "ArrowUp") {
-          index--;
-        } else if (event.key === "Home") {
-          index = 0;
-        } else if (event.key === "End") {
-          index = items.length - 1;
-        }
-        if (index < 0) {
-          index = items.length - 1;
-        }
-        if (index > items.length - 1) {
-          index = 0;
-        }
-        this.setCurrentItem(items[index]);
-        items[index].focus();
-      }
-    }
-  }
-  handleMouseDown(event) {
-    const target = event.target;
-    if (this.isMenuItem(target)) {
-      this.setCurrentItem(target);
-    }
-  }
-  handleSlotChange() {
-    const items = this.getAllItems();
-    if (items.length > 0) {
-      this.setCurrentItem(items[0]);
-    }
-  }
-  isMenuItem(item) {
-    var _a;
-    return item.tagName.toLowerCase() === "sl-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
-  }
-  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
-  getAllItems() {
-    return [...this.defaultSlot.assignedElements({ flatten: true })].filter((el) => {
-      if (el.inert || !this.isMenuItem(el)) {
-        return false;
-      }
-      return true;
-    });
-  }
-  /**
-   * @internal Gets the current menu item, which is the menu item that has `tabindex="0"` within the roving tab index.
-   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the "active" item.
-   */
-  getCurrentItem() {
-    return this.getAllItems().find((i) => i.getAttribute("tabindex") === "0");
-  }
-  /**
-   * @internal Sets the current menu item to the specified element. This sets `tabindex="0"` on the target element and
-   * `tabindex="-1"` to all other items. This method must be called prior to setting focus on a menu item.
-   */
-  setCurrentItem(item) {
-    const items = this.getAllItems();
-    items.forEach((i) => {
-      i.setAttribute("tabindex", i === item ? "0" : "-1");
-    });
-  }
-  render() {
-    return html`
-      <slot
-        @slotchange=${this.handleSlotChange}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      ></slot>
-    `;
-  }
-};
-SlMenu.styles = [component_styles_default, menu_styles_default];
-__decorateClass([
-  query("slot")
-], SlMenu.prototype, "defaultSlot", 2);
-
-export {
-  SlMenu
-};

package/dist/chunks/chunk.4BD7U3TX.js

@@ -1,26 +0,0 @@
-import {
-  SlRadioGroup
-} from "./chunk.G7IAEPI7.js";
-
-// src/react/radio-group/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-radio-group";
-SlRadioGroup.define("sl-radio-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRadioGroup,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlInput: "sl-input",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlRadioGroup"
-});
-var radio_group_default = reactWrapper;
-
-export {
-  radio_group_default
-};

package/dist/chunks/chunk.4EH6CRRL.js

@@ -1,11 +0,0 @@
-import {
-  SlDialog
-} from "./chunk.BZELNFKK.js";
-
-// src/components/dialog/dialog.ts
-var dialog_default = SlDialog;
-SlDialog.define("sl-dialog");
-
-export {
-  dialog_default
-};

package/dist/chunks/chunk.4MIF3MOR.js

@@ -1,11 +0,0 @@
-import {
-  SlTab
-} from "./chunk.NGNGYKBL.js";
-
-// src/components/tab/tab.ts
-var tab_default = SlTab;
-SlTab.define("sl-tab");
-
-export {
-  tab_default
-};

package/dist/chunks/chunk.4Q3NU54T.js

@@ -1,34 +0,0 @@
-import {
-  spinner_styles_default
-} from "./chunk.7DUCI5S4.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.UVL7C5UN.js";
-
-// src/components/spinner/spinner.component.ts
-import { html } from "lit";
-var SlSpinner = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-  }
-  render() {
-    return html`
-      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
-        <circle class="spinner__track"></circle>
-        <circle class="spinner__indicator"></circle>
-      </svg>
-    `;
-  }
-};
-SlSpinner.styles = [component_styles_default, spinner_styles_default];
-
-export {
-  SlSpinner
-};

package/dist/chunks/chunk.4Q4Z7VHZ.js

@@ -1,80 +0,0 @@
-import {
-  resize_observer_styles_default
-} from "./chunk.5VKIB4HA.js";
-import {
-  watch
-} from "./chunk.GMYPQTFK.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.UVL7C5UN.js";
-import {
-  __decorateClass
-} from "./chunk.KAW7D32O.js";
-
-// src/components/resize-observer/resize-observer.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SlResizeObserver = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.observedElements = [];
-    this.disabled = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.resizeObserver = new ResizeObserver((entries) => {
-      this.emit("sl-resize", { detail: { entries } });
-    });
-    if (!this.disabled) {
-      this.startObserver();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.stopObserver();
-  }
-  handleSlotChange() {
-    if (!this.disabled) {
-      this.startObserver();
-    }
-  }
-  startObserver() {
-    const slot = this.shadowRoot.querySelector("slot");
-    if (slot !== null) {
-      const elements = slot.assignedElements({ flatten: true });
-      this.observedElements.forEach((el) => this.resizeObserver.unobserve(el));
-      this.observedElements = [];
-      elements.forEach((el) => {
-        this.resizeObserver.observe(el);
-        this.observedElements.push(el);
-      });
-    }
-  }
-  stopObserver() {
-    this.resizeObserver.disconnect();
-  }
-  handleDisabledChange() {
-    if (this.disabled) {
-      this.stopObserver();
-    } else {
-      this.startObserver();
-    }
-  }
-  render() {
-    return html` <slot @slotchange=${this.handleSlotChange}></slot> `;
-  }
-};
-SlResizeObserver.styles = [component_styles_default, resize_observer_styles_default];
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlResizeObserver.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SlResizeObserver.prototype, "handleDisabledChange", 1);
-
-export {
-  SlResizeObserver
-};