@kdcloudjs/shoelace 1.0.42 → 1.0.43

package/cdn/chunks/chunk.C4LYL4ZJ.js

@@ -1,24 +0,0 @@
-import {
-  SlAvatar
-} from "./chunk.AX54XWQL.js";
-
-// src/react/avatar/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-avatar";
-SlAvatar.define("sl-avatar");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlAvatar,
-  react: React,
-  events: {
-    onSlError: "sl-error"
-  },
-  displayName: "SlAvatar"
-});
-var avatar_default = reactWrapper;
-
-export {
-  avatar_default
-};

package/cdn/chunks/chunk.C74NW3U6.js

@@ -1,127 +0,0 @@
-import {
-  breadcrumb_item_styles_default
-} from "./chunk.YOVO5FAJ.js";
-import {
-  o
-} from "./chunk.OJXBTTLD.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.ZLKEMKLZ.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.JDPBVOL2.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.component.ts
-var SlBreadcrumbItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
-    this.renderType = "button";
-    this.rel = "noreferrer noopener";
-  }
-  setRenderType() {
-    const hasDropdown = this.defaultSlot.assignedElements({ flatten: true }).filter((i) => i.tagName.toLowerCase() === "sl-dropdown").length > 0;
-    if (this.href) {
-      this.renderType = "link";
-      return;
-    }
-    if (hasDropdown) {
-      this.renderType = "dropdown";
-      return;
-    }
-    this.renderType = "button";
-  }
-  hrefChanged() {
-    this.setRenderType();
-  }
-  handleSlotChange() {
-    this.setRenderType();
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class=${e({
-      "breadcrumb-item": true,
-      "breadcrumb-item--has-prefix": this.hasSlotController.test("prefix"),
-      "breadcrumb-item--has-suffix": this.hasSlotController.test("suffix")
-    })}
-      >
-        <span part="prefix" class="breadcrumb-item__prefix">
-          <slot name="prefix"></slot>
-        </span>
-
-        ${this.renderType === "link" ? b`
-              <a
-                part="label"
-                class="breadcrumb-item__label breadcrumb-item__label--link"
-                href="${this.href}"
-                target="${o(this.target ? this.target : void 0)}"
-                rel=${o(this.target ? this.rel : void 0)}
-              >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </a>
-            ` : ""}
-        ${this.renderType === "button" ? b`
-              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </button>
-            ` : ""}
-        ${this.renderType === "dropdown" ? b`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </div>
-            ` : ""}
-
-        <span part="suffix" class="breadcrumb-item__suffix">
-          <slot name="suffix"></slot>
-        </span>
-
-        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
-          <slot name="separator"></slot>
-        </span>
-      </div>
-    `;
-  }
-};
-SlBreadcrumbItem.styles = [component_styles_default, breadcrumb_item_styles_default];
-__decorateClass([
-  e2("slot:not([name])")
-], SlBreadcrumbItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], SlBreadcrumbItem.prototype, "renderType", 2);
-__decorateClass([
-  n()
-], SlBreadcrumbItem.prototype, "href", 2);
-__decorateClass([
-  n()
-], SlBreadcrumbItem.prototype, "target", 2);
-__decorateClass([
-  n()
-], SlBreadcrumbItem.prototype, "rel", 2);
-__decorateClass([
-  watch("href", { waitUntilFirstUpdate: true })
-], SlBreadcrumbItem.prototype, "hrefChanged", 1);
-
-export {
-  SlBreadcrumbItem
-};

package/cdn/chunks/chunk.CC6FKMIF.js

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

package/cdn/chunks/chunk.CD4BRB5S.js

@@ -1,177 +0,0 @@
-import {
-  thought_chain_item_styles_default
-} from "./chunk.ORQZYIDH.js";
-import {
-  SlSpinner
-} from "./chunk.C443BB46.js";
-import {
-  e
-} from "./chunk.ZLKEMKLZ.js";
-import {
-  SlIcon
-} from "./chunk.ST3VMWGP.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.JDPBVOL2.js";
-import {
-  A,
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/thought-chain-item/thought-chain-item.component.ts
-var STATUS_ICON_NAMES = {
-  success: "check-circle",
-  error: "x-circle",
-  abort: "dash-circle"
-};
-var SlThoughtChainItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.title = "";
-    this.description = "";
-    this.status = "";
-    this.variant = "solid";
-    this.blink = false;
-    this.disabled = false;
-    this.clickable = false;
-    this._hasIconSlotContent = false;
-    this._hasDescriptionSlotContent = false;
-    this._hasTitleSlotContent = false;
-  }
-  firstUpdated() {
-    this._detectSlotContent();
-  }
-  _detectSlotContent() {
-    this._hasIconSlotContent = this.querySelector('[slot="icon"]') !== null;
-    this._hasDescriptionSlotContent = this.querySelector('[slot="description"]') !== null;
-    this._hasTitleSlotContent = this.querySelector('[slot="title"]') !== null;
-  }
-  handleSlotChange() {
-    this._detectSlotContent();
-  }
-  handleClick(event) {
-    if (this.disabled) {
-      event.preventDefault();
-      event.stopPropagation();
-      return;
-    }
-    if (this.clickable) {
-      this.emit("sl-click");
-    }
-  }
-  /** Determine if we should show the icon area */
-  get hasIcon() {
-    return !!this.status || this._hasIconSlotContent;
-  }
-  render() {
-    const hasDescription = this.description || this._hasDescriptionSlotContent;
-    const hasTitle = this.title || this._hasTitleSlotContent;
-    let iconContent;
-    if (this.status === "loading") {
-      iconContent = b`
-        <span class="thought-chain-item__status-icon thought-chain-item__status-icon--loading">
-          <sl-spinner></sl-spinner>
-        </span>
-      `;
-    } else if (this.status && STATUS_ICON_NAMES[this.status]) {
-      iconContent = b`
-        <span class="thought-chain-item__status-icon">
-          <sl-icon name=${STATUS_ICON_NAMES[this.status]}></sl-icon>
-        </span>
-      `;
-    } else if (this._hasIconSlotContent) {
-      iconContent = b`<slot name="icon" @slotchange=${this.handleSlotChange}></slot>`;
-    }
-    return b`
-      <div
-        part="base"
-        class=${e({
-      "thought-chain-item": true,
-      [`thought-chain-item--${this.variant}`]: true,
-      "thought-chain-item--click": this.clickable,
-      "thought-chain-item--disabled": this.disabled,
-      "thought-chain-item--error": this.status === "error",
-      "thought-chain-item--blink": this.blink
-    })}
-        @click=${this.handleClick}
-      >
-        ${this.hasIcon ? b`
-              <div
-                part="icon"
-                class=${e({
-      "thought-chain-item__icon": true,
-      [`thought-chain-item__icon--${this.status}`]: !!this.status
-    })}
-              >
-                ${iconContent}
-              </div>
-            ` : A}
-        <div part="content" class="thought-chain-item__content">
-          ${hasTitle ? b`
-                <span
-                  part="title"
-                  class=${e({
-      "thought-chain-item__title": true,
-      "thought-chain-item__title--with-description": !!hasDescription
-    })}
-                >
-                  <slot name="title" @slotchange=${this.handleSlotChange}>${this.title}</slot>
-                </span>
-              ` : A}
-          ${hasDescription ? b`
-                <span part="description" class="thought-chain-item__description">
-                  <slot name="description" @slotchange=${this.handleSlotChange}>${this.description}</slot>
-                </span>
-              ` : A}
-        </div>
-      </div>
-    `;
-  }
-};
-SlThoughtChainItem.styles = [component_styles_default, thought_chain_item_styles_default];
-SlThoughtChainItem.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  n()
-], SlThoughtChainItem.prototype, "title", 2);
-__decorateClass([
-  n()
-], SlThoughtChainItem.prototype, "description", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlThoughtChainItem.prototype, "status", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlThoughtChainItem.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlThoughtChainItem.prototype, "blink", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlThoughtChainItem.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlThoughtChainItem.prototype, "clickable", 2);
-__decorateClass([
-  r()
-], SlThoughtChainItem.prototype, "_hasIconSlotContent", 2);
-__decorateClass([
-  r()
-], SlThoughtChainItem.prototype, "_hasDescriptionSlotContent", 2);
-__decorateClass([
-  r()
-], SlThoughtChainItem.prototype, "_hasTitleSlotContent", 2);
-
-export {
-  SlThoughtChainItem
-};

package/cdn/chunks/chunk.CLPGB636.js

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

package/cdn/chunks/chunk.CP7CBBTM.js

@@ -1,11 +0,0 @@
-import {
-  SlVisuallyHidden
-} from "./chunk.6FNVUQX3.js";
-
-// src/components/visually-hidden/visually-hidden.ts
-var visually_hidden_default = SlVisuallyHidden;
-SlVisuallyHidden.define("sl-visually-hidden");
-
-export {
-  visually_hidden_default
-};

package/cdn/chunks/chunk.CR4C3C4I.js

@@ -1,11 +0,0 @@
-import {
-  SlFloatButton
-} from "./chunk.RGSK67BL.js";
-
-// src/components/float-button/float-button.ts
-var float_button_default = SlFloatButton;
-SlFloatButton.define("sl-float-button");
-
-export {
-  float_button_default
-};

package/cdn/chunks/chunk.CRSORN74.js

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

package/cdn/chunks/chunk.CVJNNXWI.js

@@ -1,137 +0,0 @@
-import {
-  menu_styles_default
-} from "./chunk.YWZGNSI7.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  e
-} from "./chunk.JDPBVOL2.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/menu/menu.component.ts
-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 b`
-      <slot
-        @slotchange=${this.handleSlotChange}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      ></slot>
-    `;
-  }
-};
-SlMenu.styles = [component_styles_default, menu_styles_default];
-__decorateClass([
-  e("slot")
-], SlMenu.prototype, "defaultSlot", 2);
-
-export {
-  SlMenu
-};

package/cdn/chunks/chunk.CWNGJFLY.js

@@ -1,11 +0,0 @@
-import {
-  SlNav
-} from "./chunk.IP5RDWCD.js";
-
-// src/components/nav/nav.ts
-var nav_default = SlNav;
-SlNav.define("sl-nav");
-
-export {
-  nav_default
-};

package/cdn/chunks/chunk.D42MRYX6.js

@@ -1,11 +0,0 @@
-import {
-  SlAvatar
-} from "./chunk.AX54XWQL.js";
-
-// src/components/avatar/avatar.ts
-var avatar_default = SlAvatar;
-SlAvatar.define("sl-avatar");
-
-export {
-  avatar_default
-};