@kdcloudjs/shoelace 1.0.27 → 1.0.29

package/dist/chunks/chunk.N5BQHTZN.js

@@ -1,11 +0,0 @@
-import {
-  SlFormatDate
-} from "./chunk.ZZWVKLEX.js";
-
-// src/components/format-date/format-date.ts
-var format_date_default = SlFormatDate;
-SlFormatDate.define("sl-format-date");
-
-export {
-  format_date_default
-};

package/dist/chunks/chunk.NED3U4LL.js

@@ -1,117 +0,0 @@
-import {
-  tab_styles_default
-} from "./chunk.V4O2B7KU.js";
-import {
-  SlIconButton
-} from "./chunk.BPUTCTTL.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.VRIJQU6T.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/tab/tab.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-var id = 0;
-var SlTab = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.attrId = ++id;
-    this.componentId = `sl-tab-${this.attrId}`;
-    this.panel = "";
-    this.active = false;
-    this.closable = false;
-    this.disabled = false;
-    this.tabIndex = 0;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "tab");
-  }
-  handleCloseClick(event) {
-    event.stopPropagation();
-    this.emit("sl-close");
-  }
-  handleActiveChange() {
-    this.setAttribute("aria-selected", this.active ? "true" : "false");
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-    if (this.disabled && !this.active) {
-      this.tabIndex = -1;
-    } else {
-      this.tabIndex = 0;
-    }
-  }
-  render() {
-    this.id = this.id.length > 0 ? this.id : this.componentId;
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      tab: true,
-      "tab--active": this.active,
-      "tab--closable": this.closable,
-      "tab--disabled": this.disabled
-    })}
-      >
-        <slot></slot>
-        ${this.closable ? html`
-              <sl-icon-button
-                part="close-button"
-                exportparts="base:close-button__base"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("close")}
-                class="tab__close-button"
-                @click=${this.handleCloseClick}
-                tabindex="-1"
-              ></sl-icon-button>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-SlTab.styles = [component_styles_default, tab_styles_default];
-SlTab.dependencies = { "sl-icon-button": SlIconButton };
-__decorateClass([
-  query(".tab")
-], SlTab.prototype, "tab", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlTab.prototype, "panel", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlTab.prototype, "active", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlTab.prototype, "closable", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlTab.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Number, reflect: true })
-], SlTab.prototype, "tabIndex", 2);
-__decorateClass([
-  watch("active")
-], SlTab.prototype, "handleActiveChange", 1);
-__decorateClass([
-  watch("disabled")
-], SlTab.prototype, "handleDisabledChange", 1);
-
-export {
-  SlTab
-};

package/dist/chunks/chunk.NGH7Y4IN.js

@@ -1,25 +0,0 @@
-import {
-  SlRadioButton
-} from "./chunk.PA4XMLR2.js";
-
-// src/react/radio-button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-radio-button";
-SlRadioButton.define("sl-radio-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRadioButton,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus"
-  },
-  displayName: "SlRadioButton"
-});
-var radio_button_default = reactWrapper;
-
-export {
-  radio_button_default
-};

package/dist/chunks/chunk.O6MDJXVQ.js

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

package/dist/chunks/chunk.OAJ2HODK.js

@@ -1,181 +0,0 @@
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.ZL53POKZ.js";
-import {
-  icon_styles_default
-} from "./chunk.QLXRCYS4.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.VRIJQU6T.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/icon/icon.component.ts
-import { html } from "lit";
-import { isTemplateResult } from "lit/directive-helpers.js";
-import { property, state } from "lit/decorators.js";
-var CACHEABLE_ERROR = Symbol();
-var RETRYABLE_ERROR = Symbol();
-var parser;
-var iconCache = /* @__PURE__ */ new Map();
-var SlIcon = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.initialRender = false;
-    this.svg = null;
-    this.label = "";
-    this.library = "default";
-  }
-  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
-  async resolveIcon(url, library) {
-    var _a;
-    let fileData;
-    if (library == null ? void 0 : library.spriteSheet) {
-      this.svg = html`<svg part="svg">
-        <use part="use" href="${url}"></use>
-      </svg>`;
-      return this.svg;
-    }
-    try {
-      fileData = await fetch(url, { mode: "cors" });
-      if (!fileData.ok) return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;
-    } catch (e) {
-      return RETRYABLE_ERROR;
-    }
-    try {
-      const div = document.createElement("div");
-      div.innerHTML = await fileData.text();
-      const svg = div.firstElementChild;
-      if (((_a = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a.toLowerCase()) !== "svg") return CACHEABLE_ERROR;
-      if (!parser) parser = new DOMParser();
-      const doc = parser.parseFromString(svg.outerHTML, "text/html");
-      const svgEl = doc.body.querySelector("svg");
-      if (!svgEl) return CACHEABLE_ERROR;
-      svgEl.part.add("svg");
-      return document.adoptNode(svgEl);
-    } catch (e) {
-      return CACHEABLE_ERROR;
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    watchIcon(this);
-  }
-  firstUpdated() {
-    this.initialRender = true;
-    this.setIcon();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    unwatchIcon(this);
-  }
-  getIconSource() {
-    const library = getIconLibrary(this.library);
-    if (this.name && library) {
-      return {
-        url: library.resolver(this.name),
-        fromLibrary: true
-      };
-    }
-    return {
-      url: this.src,
-      fromLibrary: false
-    };
-  }
-  handleLabelChange() {
-    const hasLabel = typeof this.label === "string" && this.label.length > 0;
-    if (hasLabel) {
-      this.setAttribute("role", "img");
-      this.setAttribute("aria-label", this.label);
-      this.removeAttribute("aria-hidden");
-    } else {
-      this.removeAttribute("role");
-      this.removeAttribute("aria-label");
-      this.setAttribute("aria-hidden", "true");
-    }
-  }
-  async setIcon() {
-    var _a;
-    const { url, fromLibrary } = this.getIconSource();
-    const library = fromLibrary ? getIconLibrary(this.library) : void 0;
-    if (!url) {
-      this.svg = null;
-      return;
-    }
-    let iconResolver = iconCache.get(url);
-    if (!iconResolver) {
-      iconResolver = this.resolveIcon(url, library);
-      iconCache.set(url, iconResolver);
-    }
-    if (!this.initialRender) {
-      return;
-    }
-    const svg = await iconResolver;
-    if (svg === RETRYABLE_ERROR) {
-      iconCache.delete(url);
-    }
-    if (url !== this.getIconSource().url) {
-      return;
-    }
-    if (isTemplateResult(svg)) {
-      this.svg = svg;
-      if (library) {
-        await this.updateComplete;
-        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
-        if (typeof library.mutator === "function" && shadowSVG) {
-          library.mutator(shadowSVG);
-        }
-      }
-      return;
-    }
-    switch (svg) {
-      case RETRYABLE_ERROR:
-      case CACHEABLE_ERROR:
-        this.svg = null;
-        this.emit("sl-error");
-        break;
-      default:
-        this.svg = svg.cloneNode(true);
-        (_a = library == null ? void 0 : library.mutator) == null ? void 0 : _a.call(library, this.svg);
-        this.emit("sl-load");
-    }
-  }
-  render() {
-    return this.svg;
-  }
-};
-SlIcon.styles = [component_styles_default, icon_styles_default];
-__decorateClass([
-  state()
-], SlIcon.prototype, "svg", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlIcon.prototype, "name", 2);
-__decorateClass([
-  property()
-], SlIcon.prototype, "src", 2);
-__decorateClass([
-  property()
-], SlIcon.prototype, "label", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlIcon.prototype, "library", 2);
-__decorateClass([
-  watch("label")
-], SlIcon.prototype, "handleLabelChange", 1);
-__decorateClass([
-  watch(["name", "src", "library"])
-], SlIcon.prototype, "setIcon", 1);
-
-export {
-  SlIcon
-};

package/dist/chunks/chunk.OAVSYWD4.js

@@ -1,52 +0,0 @@
-import {
-  ShoelaceElement
-} from "./chunk.VRIJQU6T.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/table/spinner-container.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SpinnerContainer = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-  }
-  render() {
-    return html`<div class="spinner-container">
-        ${this.loading ? html`<div class="spinner-overlay"></div>
-              <sl-spinner class="spinner" style="font-size: 2rem;"></sl-spinner>` : ""}
-        <slot></slot>
-      </div>
-      <style>
-        .spinner-container {
-          position: relative;
-        }
-        .spinner-overlay {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          z-index: var(--sl-z-index-table-overlay);
-          background-color: var(--sl-table-mask);
-        }
-        .spinner {
-          z-index: calc(var(--sl-z-index-table-overlay) + 1);
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%);
-        }
-      </style> `;
-  }
-};
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SpinnerContainer.prototype, "loading", 2);
-SpinnerContainer.define("sl-table-spinner-container");
-
-export {
-  SpinnerContainer
-};

package/dist/chunks/chunk.OC3FTIX6.js

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

package/dist/chunks/chunk.OGCS2NCQ.js

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

package/dist/chunks/chunk.OKJC35FQ.js

@@ -1,11 +0,0 @@
-import {
-  SlDropdown
-} from "./chunk.M2GIBNWV.js";
-
-// src/components/dropdown/dropdown.ts
-var dropdown_default = SlDropdown;
-SlDropdown.define("sl-dropdown");
-
-export {
-  dropdown_default
-};

package/dist/chunks/chunk.ORJIBMIE.js

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

package/dist/chunks/chunk.OWNRI5XH.js

@@ -1,136 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/table/features/tree-table.ts
-var TreeTableController = class {
-  constructor(getCommonProps) {
-    this.getCommonProps = getCommonProps;
-    // ===================== 拖拽时展开/收起 =====================
-    /** 拖拽开始时记录的原始展开状态 */
-    this.savedExpandedKeys = /* @__PURE__ */ new Set();
-  }
-  get commonProps() {
-    return this.getCommonProps();
-  }
-  get adapter() {
-    return this.commonProps.adapter;
-  }
-  // ===================== 配置 =====================
-  getTreeConfig() {
-    var _a, _b;
-    const { tree } = this.commonProps;
-    if (!tree) return null;
-    if (typeof tree === "object") {
-      const t = tree;
-      return {
-        childrenRecordName: (_a = t.childrenRecordName) != null ? _a : "children",
-        indentSize: (_b = t.indentSize) != null ? _b : 16
-      };
-    }
-    return { childrenRecordName: "children", indentSize: 16 };
-  }
-  isTreeMode() {
-    return this.getTreeConfig() !== null;
-  }
-  // ===================== 节点遍历 =====================
-  /** 获取行的深度 */
-  getRowDepth(rowKey) {
-    var _a;
-    const allRows = this.commonProps.tableInstance.getRowModel().rows;
-    const row = allRows.find((r) => this.adapter.getRecordKey(r.original) === rowKey);
-    return (_a = row == null ? void 0 : row.depth) != null ? _a : 0;
-  }
-  /** 收集某行所有子孙的 key */
-  collectSubRowKeys(row, result) {
-    const subRows = row.subRows;
-    if (!(subRows == null ? void 0 : subRows.length)) return;
-    for (const sub of subRows) {
-      const key = this.adapter.getRecordKey(sub.original);
-      if (key) result.add(key);
-      this.collectSubRowKeys(sub, result);
-    }
-  }
-  /** 保存拖拽开始时的展开状态并收起子节点 */
-  collapseForDrag(dragRowKey) {
-    const tableInstance = this.commonProps.tableInstance;
-    const rows = tableInstance.getRowModel().rows;
-    const dragRow = rows.find((r) => this.adapter.getRecordKey(r.original) === dragRowKey);
-    if (!dragRow || !dragRow.getIsExpanded()) return;
-    this.savedExpandedKeys = /* @__PURE__ */ new Set();
-    const collectExpanded = (row) => {
-      const key = this.adapter.getRecordKey(row.original);
-      if (row.getIsExpanded()) {
-        this.savedExpandedKeys.add(key);
-      }
-      const subRows = row.subRows;
-      if (subRows == null ? void 0 : subRows.length) {
-        subRows.forEach(collectExpanded);
-      }
-    };
-    collectExpanded(dragRow);
-    dragRow.toggleExpanded(false);
-  }
-  /** 拖拽结束后恢复展开状态 */
-  restoreExpandForDrag() {
-    if (!this.savedExpandedKeys.size) return;
-    const tableInstance = this.commonProps.tableInstance;
-    const rows = tableInstance.getRowModel().rows;
-    for (const key of this.savedExpandedKeys) {
-      const row = rows.find((r) => this.adapter.getRecordKey(r.original) === key);
-      if (row && !row.getIsExpanded()) {
-        row.toggleExpanded(true);
-      }
-    }
-    this.savedExpandedKeys.clear();
-  }
-  // ===================== 树型数据增删 =====================
-  /** 从树型数据中移除指定 key 的节点 */
-  removeNodeFromTree(data, key, childrenKey) {
-    var _a;
-    let removed = null;
-    const newData = [];
-    for (const node of data) {
-      if (this.adapter.getRecordKey(node) === key) {
-        removed = node;
-        continue;
-      }
-      const children = (_a = node[childrenKey]) != null ? _a : [];
-      if (children.length && !removed) {
-        const result = this.removeNodeFromTree(children, key, childrenKey);
-        if (result.removed) {
-          removed = result.removed;
-          newData.push(__spreadProps(__spreadValues({}, node), { [childrenKey]: result.newData }));
-          continue;
-        }
-      }
-      newData.push(node);
-    }
-    return { removed, newData };
-  }
-  /** 将节点插入树型数据中指定位置 */
-  insertNodeToTree(data, nodeToInsert, targetKey, position, childrenKey) {
-    return data.flatMap((node) => {
-      var _a, _b;
-      if (this.adapter.getRecordKey(node) === targetKey) {
-        if (position === "before") return [nodeToInsert, node];
-        if (position === "after") return [node, nodeToInsert];
-        return [__spreadProps(__spreadValues({}, node), { [childrenKey]: [...(_a = node[childrenKey]) != null ? _a : [], nodeToInsert] })];
-      }
-      const children = (_b = node[childrenKey]) != null ? _b : [];
-      if (children.length) {
-        return [
-          __spreadProps(__spreadValues({}, node), {
-            [childrenKey]: this.insertNodeToTree(children, nodeToInsert, targetKey, position, childrenKey)
-          })
-        ];
-      }
-      return [node];
-    });
-  }
-};
-
-export {
-  TreeTableController
-};

package/dist/chunks/chunk.P2LZLQRJ.js

@@ -1,42 +0,0 @@
-import {
-  divider_styles_default
-} from "./chunk.SUSCR7CI.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.VRIJQU6T.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.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
-};