@kdcloudjs/shoelace 1.0.34 → 1.0.35

package/cdn/chunks/chunk.7LVK5TL7.js

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

package/cdn/chunks/chunk.7NPWNPKT.js

@@ -1,26 +0,0 @@
-import {
-  SlButton
-} from "./chunk.HAHQFBAY.js";
-
-// src/react/button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-button";
-SlButton.define("sl-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlButton,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlButton"
-});
-var button_default = reactWrapper;
-
-export {
-  button_default
-};

package/cdn/chunks/chunk.7S22GU7E.js

@@ -1,21 +0,0 @@
-import {
-  SlScreen
-} from "./chunk.I4LSWYYV.js";
-
-// src/react/screen/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-screen";
-SlScreen.define("sl-screen");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlScreen,
-  react: React,
-  events: {},
-  displayName: "SlScreen"
-});
-var screen_default = reactWrapper;
-
-export {
-  screen_default
-};

package/cdn/chunks/chunk.7WZYUBPO.js

@@ -1,128 +0,0 @@
-import {
-  thought_chain_styles_default
-} from "./chunk.PS34EHJJ.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.IPJ5MP7A.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/thought-chain/thought-chain.component.ts
-var SlThoughtChain = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.size = "middle";
-    this.line = true;
-    this.defaultExpandedKeys = [];
-    this.internalExpandedKeys = [];
-    this.hasInitialized = false;
-  }
-  firstUpdated() {
-    if (!this.hasInitialized) {
-      this.internalExpandedKeys = [...this.defaultExpandedKeys];
-      this.hasInitialized = true;
-    }
-    this.updateChildNodes();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("line") || changedProperties.has("size") || changedProperties.has("expandedKeys") || changedProperties.has("internalExpandedKeys") || changedProperties.has("defaultExpandedKeys")) {
-      this.updateChildNodes();
-    }
-  }
-  /** Get the effective expanded keys */
-  getExpandedKeys() {
-    var _a;
-    return (_a = this.expandedKeys) != null ? _a : this.internalExpandedKeys;
-  }
-  /** Normalize line value to a consistent CSS-friendly string */
-  getLineStyleValue() {
-    const line = this.line;
-    if (line === false) return "none";
-    if (line === true || line === "solid") return "solid";
-    return line;
-  }
-  /** Propagate context to child sl-thought-chain-node elements */
-  async updateChildNodes() {
-    await customElements.whenDefined("sl-thought-chain-node");
-    const nodes = this.querySelectorAll(":scope > sl-thought-chain-node");
-    const expandedKeys = this.getExpandedKeys();
-    const total = nodes.length;
-    const lineStyleValue = this.getLineStyleValue();
-    nodes.forEach((node, index) => {
-      node._lineStyle = lineStyleValue;
-      node._isLast = index === total - 1;
-      node._index = index;
-      node._size = this.size;
-      node._expandedKeys = expandedKeys;
-      node._onExpand = (key) => this.handleItemExpand(key);
-    });
-  }
-  /** Handle slot changes to update newly added nodes */
-  handleSlotChange() {
-    this.updateChildNodes();
-  }
-  /** Handle expand/collapse toggle from child node */
-  handleItemExpand(key) {
-    const currentKeys = this.getExpandedKeys();
-    const isExpanded = currentKeys.includes(key);
-    const newKeys = isExpanded ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
-    if (this.expandedKeys === void 0) {
-      this.internalExpandedKeys = newKeys;
-    }
-    this.emit("sl-expand", {
-      detail: { key, expandedKeys: newKeys }
-    });
-  }
-  render() {
-    return b`
-      <div part="base" class="thought-chain">
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </div>
-    `;
-  }
-};
-SlThoughtChain.styles = [component_styles_default, thought_chain_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], SlThoughtChain.prototype, "size", 2);
-__decorateClass([
-  n({
-    reflect: true,
-    converter: {
-      fromAttribute(value) {
-        if (value === null || value === "true" || value === "") return true;
-        if (value === "false" || value === "none") return false;
-        if (value === "solid" || value === "dashed" || value === "dotted") return value;
-        return true;
-      },
-      toAttribute(value) {
-        if (value === true) return "true";
-        if (value === false) return "none";
-        return String(value);
-      }
-    }
-  })
-], SlThoughtChain.prototype, "line", 2);
-__decorateClass([
-  n({ attribute: "default-expanded-keys", type: Array })
-], SlThoughtChain.prototype, "defaultExpandedKeys", 2);
-__decorateClass([
-  n({ attribute: "expanded-keys", type: Array })
-], SlThoughtChain.prototype, "expandedKeys", 2);
-__decorateClass([
-  r()
-], SlThoughtChain.prototype, "internalExpandedKeys", 2);
-
-export {
-  SlThoughtChain
-};

package/cdn/chunks/chunk.7ZNC2PZA.js

@@ -1,314 +0,0 @@
-import {
-  tree_styles_default
-} from "./chunk.RGMJBCXA.js";
-import {
-  SlTreeItem
-} from "./chunk.XLQQ7JUL.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  e,
-  n
-} from "./chunk.IPJ5MP7A.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/tree/tree.component.ts
-function syncCheckboxes(changedTreeItem, initialSync = false) {
-  function syncParentItem(treeItem) {
-    const children = treeItem.getChildrenItems({ includeDisabled: false });
-    if (children.length) {
-      const allChecked = children.every((item) => item.selected);
-      const allUnchecked = children.every((item) => !item.selected && !item.indeterminate);
-      treeItem.selected = allChecked;
-      treeItem.indeterminate = !allChecked && !allUnchecked;
-    }
-  }
-  function syncAncestors(treeItem) {
-    const parentItem = treeItem.parentElement;
-    if (SlTreeItem.isTreeItem(parentItem)) {
-      syncParentItem(parentItem);
-      syncAncestors(parentItem);
-    }
-  }
-  function syncDescendants(treeItem) {
-    for (const childItem of treeItem.getChildrenItems()) {
-      childItem.selected = initialSync ? treeItem.selected || childItem.selected : !childItem.disabled && treeItem.selected;
-      syncDescendants(childItem);
-    }
-    if (initialSync) {
-      syncParentItem(treeItem);
-    }
-  }
-  syncDescendants(changedTreeItem);
-  syncAncestors(changedTreeItem);
-}
-var SlTree = class extends ShoelaceElement {
-  constructor() {
-    super();
-    this.selection = "single";
-    this.clickTarget = null;
-    this.localize = new LocalizeController(this);
-    // Initializes new items by setting the `selectable` property and the expanded/collapsed icons if any
-    this.initTreeItem = (item) => {
-      item.selectable = this.selection === "multiple";
-      ["expand", "collapse"].filter((status) => !!this.querySelector(`[slot="${status}-icon"]`)).forEach((status) => {
-        const existingIcon = item.querySelector(`[slot="${status}-icon"]`);
-        const expandButtonIcon = this.getExpandButtonIcon(status);
-        if (!expandButtonIcon) return;
-        if (existingIcon === null) {
-          item.append(expandButtonIcon);
-        } else if (existingIcon.hasAttribute("data-default")) {
-          existingIcon.replaceWith(expandButtonIcon);
-        } else {
-        }
-      });
-    };
-    this.handleTreeChanged = (mutations) => {
-      for (const mutation of mutations) {
-        const addedNodes = [...mutation.addedNodes].filter(SlTreeItem.isTreeItem);
-        const removedNodes = [...mutation.removedNodes].filter(SlTreeItem.isTreeItem);
-        addedNodes.forEach(this.initTreeItem);
-        if (this.lastFocusedItem && removedNodes.includes(this.lastFocusedItem)) {
-          this.lastFocusedItem = null;
-        }
-      }
-    };
-    this.handleFocusOut = (event) => {
-      const relatedTarget = event.relatedTarget;
-      if (!relatedTarget || !this.contains(relatedTarget)) {
-        this.tabIndex = 0;
-      }
-    };
-    this.handleFocusIn = (event) => {
-      const target = event.target;
-      if (event.target === this) {
-        this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0]);
-      }
-      if (SlTreeItem.isTreeItem(target) && !target.disabled) {
-        if (this.lastFocusedItem) {
-          this.lastFocusedItem.tabIndex = -1;
-        }
-        this.lastFocusedItem = target;
-        this.tabIndex = -1;
-        target.tabIndex = 0;
-      }
-    };
-    this.addEventListener("focusin", this.handleFocusIn);
-    this.addEventListener("focusout", this.handleFocusOut);
-    this.addEventListener("sl-lazy-change", this.handleSlotChange);
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "tree");
-    this.setAttribute("tabindex", "0");
-    await this.updateComplete;
-    this.mutationObserver = new MutationObserver(this.handleTreeChanged);
-    this.mutationObserver.observe(this, { childList: true, subtree: true });
-  }
-  disconnectedCallback() {
-    var _a;
-    super.disconnectedCallback();
-    (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
-  }
-  // Generates a clone of the expand icon element to use for each tree item
-  getExpandButtonIcon(status) {
-    const slot = status === "expand" ? this.expandedIconSlot : this.collapsedIconSlot;
-    const icon = slot.assignedElements({ flatten: true })[0];
-    if (icon) {
-      const clone = icon.cloneNode(true);
-      [clone, ...clone.querySelectorAll("[id]")].forEach((el) => el.removeAttribute("id"));
-      clone.setAttribute("data-default", "");
-      clone.slot = `${status}-icon`;
-      return clone;
-    }
-    return null;
-  }
-  selectItem(selectedItem) {
-    const previousSelection = [...this.selectedItems];
-    if (this.selection === "multiple") {
-      selectedItem.selected = !selectedItem.selected;
-      if (selectedItem.lazy) {
-        selectedItem.expanded = true;
-      }
-      syncCheckboxes(selectedItem);
-    } else if (this.selection === "single" || selectedItem.isLeaf) {
-      const items = this.getAllTreeItems();
-      for (const item of items) {
-        item.selected = item === selectedItem;
-      }
-    } else if (this.selection === "leaf") {
-      selectedItem.expanded = !selectedItem.expanded;
-    }
-    const nextSelection = this.selectedItems;
-    if (previousSelection.length !== nextSelection.length || nextSelection.some((item) => !previousSelection.includes(item))) {
-      Promise.all(nextSelection.map((el) => el.updateComplete)).then(() => {
-        this.emit("sl-selection-change", { detail: { selection: nextSelection } });
-      });
-    }
-  }
-  getAllTreeItems() {
-    return [...this.querySelectorAll("sl-tree-item")];
-  }
-  focusItem(item) {
-    item == null ? void 0 : item.focus();
-  }
-  handleKeyDown(event) {
-    if (!["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Home", "End", "Enter", " "].includes(event.key)) {
-      return;
-    }
-    if (event.composedPath().some((el) => {
-      var _a;
-      return ["input", "textarea"].includes((_a = el == null ? void 0 : el.tagName) == null ? void 0 : _a.toLowerCase());
-    })) {
-      return;
-    }
-    const items = this.getFocusableItems();
-    const isLtr = this.localize.dir() === "ltr";
-    const isRtl = this.localize.dir() === "rtl";
-    if (items.length > 0) {
-      event.preventDefault();
-      const activeItemIndex = items.findIndex((item) => item.matches(":focus"));
-      const activeItem = items[activeItemIndex];
-      const focusItemAt = (index) => {
-        const item = items[clamp(index, 0, items.length - 1)];
-        this.focusItem(item);
-      };
-      const toggleExpand = (expanded) => {
-        activeItem.expanded = expanded;
-      };
-      if (event.key === "ArrowDown") {
-        focusItemAt(activeItemIndex + 1);
-      } else if (event.key === "ArrowUp") {
-        focusItemAt(activeItemIndex - 1);
-      } else if (isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
-        if (!activeItem || activeItem.disabled || activeItem.expanded || activeItem.isLeaf && !activeItem.lazy) {
-          focusItemAt(activeItemIndex + 1);
-        } else {
-          toggleExpand(true);
-        }
-      } else if (isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
-        if (!activeItem || activeItem.disabled || activeItem.isLeaf || !activeItem.expanded) {
-          focusItemAt(activeItemIndex - 1);
-        } else {
-          toggleExpand(false);
-        }
-      } else if (event.key === "Home") {
-        focusItemAt(0);
-      } else if (event.key === "End") {
-        focusItemAt(items.length - 1);
-      } else if (event.key === "Enter" || event.key === " ") {
-        if (!activeItem.disabled) {
-          this.selectItem(activeItem);
-        }
-      }
-    }
-  }
-  handleClick(event) {
-    const target = event.target;
-    const treeItem = target.closest("sl-tree-item");
-    const isExpandButton = event.composedPath().some((el) => {
-      var _a;
-      return (_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.contains("tree-item__expand-button");
-    });
-    if (!treeItem || treeItem.disabled || target !== this.clickTarget) {
-      return;
-    }
-    if (isExpandButton) {
-      treeItem.expanded = !treeItem.expanded;
-    } else {
-      this.selectItem(treeItem);
-    }
-  }
-  handleMouseDown(event) {
-    this.clickTarget = event.target;
-  }
-  handleSlotChange() {
-    const items = this.getAllTreeItems();
-    items.forEach(this.initTreeItem);
-  }
-  async handleSelectionChange() {
-    const isSelectionMultiple = this.selection === "multiple";
-    const items = this.getAllTreeItems();
-    this.setAttribute("aria-multiselectable", isSelectionMultiple ? "true" : "false");
-    for (const item of items) {
-      item.selectable = isSelectionMultiple;
-    }
-    if (isSelectionMultiple) {
-      await this.updateComplete;
-      [...this.querySelectorAll(":scope > sl-tree-item")].forEach(
-        (treeItem) => syncCheckboxes(treeItem, true)
-      );
-    }
-  }
-  /** @internal Returns the list of tree items that are selected in the tree. */
-  get selectedItems() {
-    const items = this.getAllTreeItems();
-    const isSelected = (item) => item.selected;
-    return items.filter(isSelected);
-  }
-  /** @internal Gets focusable tree items in the tree. */
-  getFocusableItems() {
-    const items = this.getAllTreeItems();
-    const collapsedItems = /* @__PURE__ */ new Set();
-    return items.filter((item) => {
-      var _a;
-      if (item.disabled) return false;
-      const parent = (_a = item.parentElement) == null ? void 0 : _a.closest("[role=treeitem]");
-      if (parent && (!parent.expanded || parent.loading || collapsedItems.has(parent))) {
-        collapsedItems.add(item);
-      }
-      return !collapsedItems.has(item);
-    });
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class="tree"
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
-        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
-      </div>
-    `;
-  }
-};
-SlTree.styles = [component_styles_default, tree_styles_default];
-__decorateClass([
-  e("slot:not([name])")
-], SlTree.prototype, "defaultSlot", 2);
-__decorateClass([
-  e("slot[name=expand-icon]")
-], SlTree.prototype, "expandedIconSlot", 2);
-__decorateClass([
-  e("slot[name=collapse-icon]")
-], SlTree.prototype, "collapsedIconSlot", 2);
-__decorateClass([
-  n()
-], SlTree.prototype, "selection", 2);
-__decorateClass([
-  watch("selection")
-], SlTree.prototype, "handleSelectionChange", 1);
-
-export {
-  SlTree
-};

package/cdn/chunks/chunk.A6PU3AYG.js

@@ -1,126 +0,0 @@
-import {
-  r
-} from "./chunk.LTE22HHW.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.UP75L23G.js";
-import {
-  A
-} from "./chunk.7Z2GKZ7U.js";
-
-// node_modules/lit-html/async-directive.js
-var s = (i2, t2) => {
-  var _a;
-  const e3 = i2._$AN;
-  if (void 0 === e3) return false;
-  for (const i3 of e3) (_a = i3._$AO) == null ? void 0 : _a.call(i3, t2, false), s(i3, t2);
-  return true;
-};
-var o = (i2) => {
-  let t2, e3;
-  do {
-    if (void 0 === (t2 = i2._$AM)) break;
-    e3 = t2._$AN, e3.delete(i2), i2 = t2;
-  } while (0 === (e3 == null ? void 0 : e3.size));
-};
-var r2 = (i2) => {
-  for (let t2; t2 = i2._$AM; i2 = t2) {
-    let e3 = t2._$AN;
-    if (void 0 === e3) t2._$AN = e3 = /* @__PURE__ */ new Set();
-    else if (e3.has(i2)) break;
-    e3.add(i2), c(t2);
-  }
-};
-function h(i2) {
-  void 0 !== this._$AN ? (o(this), this._$AM = i2, r2(this)) : this._$AM = i2;
-}
-function n(i2, t2 = false, e3 = 0) {
-  const r3 = this._$AH, h3 = this._$AN;
-  if (void 0 !== h3 && 0 !== h3.size) if (t2) if (Array.isArray(r3)) for (let i3 = e3; i3 < r3.length; i3++) s(r3[i3], false), o(r3[i3]);
-  else null != r3 && (s(r3, false), o(r3));
-  else s(this, i2);
-}
-var c = (i2) => {
-  var _a, _b;
-  i2.type == t.CHILD && ((_a = i2._$AP) != null ? _a : i2._$AP = n, (_b = i2._$AQ) != null ? _b : i2._$AQ = h);
-};
-var f = class extends i {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i2, t2, e3) {
-    super._$AT(i2, t2, e3), r2(this), this.isConnected = i2._$AU;
-  }
-  _$AO(i2, t2 = true) {
-    var _a, _b;
-    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (_a = this.reconnected) == null ? void 0 : _a.call(this) : (_b = this.disconnected) == null ? void 0 : _b.call(this)), t2 && (s(this, i2), o(this));
-  }
-  setValue(t2) {
-    if (r(this._$Ct)) this._$Ct._$AI(t2, this);
-    else {
-      const i2 = [...this._$Ct._$AH];
-      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-};
-
-// node_modules/lit-html/directives/ref.js
-var e2 = () => new h2();
-var h2 = class {
-};
-var o2 = /* @__PURE__ */ new WeakMap();
-var n2 = e(class extends f {
-  render(i2) {
-    return A;
-  }
-  update(i2, [s2]) {
-    var _a;
-    const e3 = s2 !== this.G;
-    return e3 && void 0 !== this.G && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.G = s2, this.ht = (_a = i2.options) == null ? void 0 : _a.host, this.rt(this.ct = i2.element)), A;
-  }
-  rt(t2) {
-    var _a;
-    if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
-      const i2 = (_a = this.ht) != null ? _a : globalThis;
-      let s2 = o2.get(i2);
-      void 0 === s2 && (s2 = /* @__PURE__ */ new WeakMap(), o2.set(i2, s2)), void 0 !== s2.get(this.G) && this.G.call(this.ht, void 0), s2.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
-    } else this.G.value = t2;
-  }
-  get lt() {
-    var _a, _b, _c;
-    return "function" == typeof this.G ? (_b = o2.get((_a = this.ht) != null ? _a : globalThis)) == null ? void 0 : _b.get(this.G) : (_c = this.G) == null ? void 0 : _c.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-
-export {
-  e2 as e,
-  n2 as n
-};
-/*! Bundled license information:
-
-lit-html/async-directive.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-lit-html/directives/ref.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.ACBSSBR7.js

@@ -1,24 +0,0 @@
-import {
-  SlFloatButton
-} from "./chunk.ISDP7PUP.js";
-
-// src/react/float-button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-float-button";
-SlFloatButton.define("sl-float-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlFloatButton,
-  react: React,
-  events: {
-    onSlClick: "sl-click"
-  },
-  displayName: "SlFloatButton"
-});
-var float_button_default = reactWrapper;
-
-export {
-  float_button_default
-};

package/cdn/chunks/chunk.ACRMNCYG.js

@@ -1,11 +0,0 @@
-import {
-  SlMenuLabel
-} from "./chunk.3C7AE5A6.js";
-
-// src/components/menu-label/menu-label.ts
-var menu_label_default = SlMenuLabel;
-SlMenuLabel.define("sl-menu-label");
-
-export {
-  menu_label_default
-};