@kdcloudjs/shoelace 1.0.41 → 1.0.42

package/dist/chunks/chunk.XP3M3OGV.js

@@ -1,11 +0,0 @@
-import {
-  SlOption
-} from "./chunk.ZR6RMIB2.js";
-
-// src/components/option/option.ts
-var option_default = SlOption;
-SlOption.define("sl-option");
-
-export {
-  option_default
-};

package/dist/chunks/chunk.XRMF3NC4.js

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

package/dist/chunks/chunk.XTGZJK36.js

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

package/dist/chunks/chunk.XYB2JCIR.js

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

package/dist/chunks/chunk.Y2DSTGGP.js

@@ -1,209 +0,0 @@
-import {
-  parseMarkdownTokens
-} from "./chunk.LJORQ34V.js";
-import {
-  renderMarkdownTokens
-} from "./chunk.UNJJA52B.js";
-import {
-  isValidCustomElementTag,
-  renderMappedComponent
-} from "./chunk.MR4YVMRN.js";
-import {
-  getStreamingState
-} from "./chunk.WMRVFLJY.js";
-import {
-  x_markdown_styles_default
-} from "./chunk.7VR7GM6L.js";
-import {
-  ShoelaceElement
-} from "./chunk.3FNW23NI.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/x-markdown/x-markdown.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { property } from "lit/decorators.js";
-var SlXMarkdown = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.parsedTokens = [];
-    this.processedContent = "";
-    this.streamingState = {
-      streamStatus: "done",
-      incompleteKinds: []
-    };
-    this.content = "";
-    this.components = {};
-    this.plugins = [];
-    this.theme = "light";
-    this.openLinksInNewTab = false;
-    this.escapeRawHtml = true;
-    this.debug = false;
-    this.streaming = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.computeRenderState();
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    if (changedProperties.has("content") || changedProperties.has("components") || changedProperties.has("plugins") || changedProperties.has("escapeRawHtml") || changedProperties.has("streaming") || changedProperties.has("debug")) {
-      this.computeRenderState();
-    }
-  }
-  getPluginContext() {
-    return {
-      streaming: this.streaming,
-      escapeRawHtml: this.escapeRawHtml,
-      components: this.components,
-      debug: this.debug
-    };
-  }
-  computeRenderState() {
-    this.streamingState = getStreamingState(this.content, this.streaming);
-    const parsed = parseMarkdownTokens(this.content, this.plugins, this.getPluginContext());
-    this.processedContent = parsed.content;
-    this.parsedTokens = parsed.tokens;
-  }
-  getThemeClassName() {
-    if (this.theme === "dark") {
-      return "x-markdown--dark";
-    }
-    if (this.theme === "light") {
-      return "x-markdown--light";
-    }
-    return this.theme;
-  }
-  isDevEnvironment() {
-    if (typeof window === "undefined") {
-      return false;
-    }
-    return ["localhost", "127.0.0.1", "0.0.0.0"].includes(window.location.hostname);
-  }
-  renderIncompleteNode(kind) {
-    var _a, _b;
-    const mappedTag = this.streaming && this.streaming !== false ? (_b = (_a = this.streaming.incompleteMarkdownComponentMap) == null ? void 0 : _a[kind]) != null ? _b : this.components[`incomplete-${kind}`] : this.components[`incomplete-${kind}`];
-    if (mappedTag && isValidCustomElementTag(mappedTag)) {
-      return renderMappedComponent(
-        mappedTag,
-        {
-          nodeType: `incomplete-${kind}`,
-          streamStatus: "loading",
-          textContent: "",
-          attrs: {},
-          meta: { incompleteType: kind },
-          raw: ""
-        },
-        "incomplete"
-      );
-    }
-    return html`<div part="incomplete" class="x-markdown__incomplete">Incomplete ${kind}...</div>`;
-  }
-  renderTail() {
-    var _a;
-    const tail = this.streamingState.tail;
-    if (!tail || this.streamingState.streamStatus !== "loading") {
-      return html``;
-    }
-    const tailTag = (_a = tail.component) != null ? _a : this.components.tail;
-    if (tailTag && isValidCustomElementTag(tailTag)) {
-      return renderMappedComponent(
-        tailTag,
-        {
-          nodeType: "tail",
-          streamStatus: "loading",
-          textContent: tail.content,
-          attrs: {},
-          meta: { kind: "tail" },
-          raw: tail.content
-        },
-        "tail"
-      );
-    }
-    return html`<div part="tail" class="x-markdown__tail">${tail.content}</div>`;
-  }
-  renderDebug() {
-    if (!(this.debug && this.isDevEnvironment())) {
-      return html``;
-    }
-    return html`<pre part="tail" class="x-markdown__debug"
-      >status: ${this.streamingState.streamStatus}
-tokens: ${this.parsedTokens.length}
-incomplete: ${this.streamingState.incompleteKinds.join(", ") || "none"}
-content-bytes: ${this.processedContent.length}</pre
-    >`;
-  }
-  getStreamingStyle() {
-    if (!this.streaming || typeof this.streaming !== "object") {
-      return void 0;
-    }
-    const animationConfig = this.streaming.animationConfig;
-    if (!animationConfig) {
-      return void 0;
-    }
-    const declarations = [];
-    if (typeof animationConfig.fadeDuration === "number") {
-      declarations.push(`--sl-x-markdown-tail-fade-duration: ${animationConfig.fadeDuration}ms`);
-    }
-    if (typeof animationConfig.easing === "string" && animationConfig.easing.trim()) {
-      declarations.push(`--sl-x-markdown-tail-fade-easing: ${animationConfig.easing}`);
-    }
-    return declarations.length > 0 ? declarations.join("; ") : void 0;
-  }
-  render() {
-    const themeClass = this.getThemeClassName();
-    const classes = {
-      "x-markdown": true,
-      [themeClass]: Boolean(themeClass)
-    };
-    return html`<div
-      part="base"
-      class=${classMap(classes)}
-      style=${ifDefined(this.getStreamingStyle())}
-    >
-      <article part="body">
-        ${renderMarkdownTokens(this.parsedTokens, {
-      components: this.components,
-      streamStatus: this.streamingState.streamStatus,
-      openLinksInNewTab: this.openLinksInNewTab,
-      escapeRawHtml: this.escapeRawHtml
-    })}
-        ${this.streamingState.incompleteKinds.map((kind) => this.renderIncompleteNode(kind))}
-        ${this.renderTail()}
-      </article>
-      ${this.renderDebug()}
-    </div>`;
-  }
-};
-SlXMarkdown.styles = [x_markdown_styles_default];
-__decorateClass([
-  property()
-], SlXMarkdown.prototype, "content", 2);
-__decorateClass([
-  property({ attribute: false })
-], SlXMarkdown.prototype, "components", 2);
-__decorateClass([
-  property({ attribute: false })
-], SlXMarkdown.prototype, "plugins", 2);
-__decorateClass([
-  property()
-], SlXMarkdown.prototype, "theme", 2);
-__decorateClass([
-  property({ attribute: "open-links-in-new-tab", type: Boolean })
-], SlXMarkdown.prototype, "openLinksInNewTab", 2);
-__decorateClass([
-  property({ attribute: "escape-raw-html", type: Boolean })
-], SlXMarkdown.prototype, "escapeRawHtml", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlXMarkdown.prototype, "debug", 2);
-__decorateClass([
-  property({ attribute: false })
-], SlXMarkdown.prototype, "streaming", 2);
-
-export {
-  SlXMarkdown
-};

package/dist/chunks/chunk.YCENPNCO.js

@@ -1,63 +0,0 @@
-import {
-  tab_panel_styles_default
-} from "./chunk.BQSEJD7X.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.3FNW23NI.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/tab-panel/tab-panel.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var id = 0;
-var SlTabPanel = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.attrId = ++id;
-    this.componentId = `sl-tab-panel-${this.attrId}`;
-    this.name = "";
-    this.active = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.id = this.id.length > 0 ? this.id : this.componentId;
-    this.setAttribute("role", "tabpanel");
-  }
-  handleActiveChange() {
-    this.setAttribute("aria-hidden", this.active ? "false" : "true");
-  }
-  render() {
-    return html`
-      <slot
-        part="base"
-        class=${classMap({
-      "tab-panel": true,
-      "tab-panel--active": this.active
-    })}
-      ></slot>
-    `;
-  }
-};
-SlTabPanel.styles = [component_styles_default, tab_panel_styles_default];
-__decorateClass([
-  property({ reflect: true })
-], SlTabPanel.prototype, "name", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlTabPanel.prototype, "active", 2);
-__decorateClass([
-  watch("active")
-], SlTabPanel.prototype, "handleActiveChange", 1);
-
-export {
-  SlTabPanel
-};

package/dist/chunks/chunk.YECAX34E.js

@@ -1,180 +0,0 @@
-import {
-  tableCommonCss
-} from "./chunk.7LLVRVM3.js";
-import {
-  spread_default
-} from "./chunk.26MJV2ME.js";
-import {
-  getCellStickyStyle
-} from "./chunk.R4HBPH3Q.js";
-import {
-  renderColGroup
-} from "./chunk.2B2QCOUZ.js";
-import {
-  getTableRect,
-  iterateStyles
-} from "./chunk.FMTNKQQ2.js";
-import {
-  CUSTOM_TFOOT,
-  CUSTOM_TFOOT_CELL
-} from "./chunk.GJPVZV5U.js";
-import {
-  ShoelaceElement
-} from "./chunk.3FNW23NI.js";
-import {
-  __decorateClass,
-  __objRest,
-  __spreadValues
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/table/footer-table.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { ref } from "lit/directives/ref.js";
-import { repeat } from "lit/directives/repeat.js";
-var FooterTable = class extends ShoelaceElement {
-  /** 从 summary 的 cells 中获取指定 dataIndex 对应的属性 */
-  getCellProps(cells, columnId) {
-    if (!(cells == null ? void 0 : cells.length)) return {};
-    for (const attrMap of cells) {
-      if (columnId in attrMap) {
-        const val = attrMap[columnId];
-        if (val && typeof val === "object" && !Array.isArray(val)) {
-          return val;
-        }
-      }
-    }
-    return {};
-  }
-  render() {
-    var _a;
-    const { bordered, tableInstance, tableScroll, handleBodyScroll } = this.commonProps;
-    const { x } = tableScroll || {};
-    const columnResizeable = tableInstance.getAllLeafColumns().some((c) => c.getCanResize());
-    const style = {
-      "max-width": x ? getTableRect(x) : "100%",
-      width: columnResizeable && `${tableInstance.getTotalSize()}px`
-    };
-    const leafColumns = tableInstance.getAllLeafColumns();
-    return html`
-      <div
-        style=${iterateStyles(style)}
-        class="table-foot"
-        part="table-foot"
-        ${ref(this.footerRef)}
-        @scroll=${handleBodyScroll}
-      >
-        <table
-          class="${classMap({
-      table: true,
-      "table-bordered": bordered,
-      "table-fixed": true
-    })}"
-        >
-          ${renderColGroup(tableInstance)}
-          <tfoot class="table-tfoot">
-            ${((_a = this.summary) == null ? void 0 : _a.length) ? repeat(
-      this.summary,
-      (item) => item.rowIndex,
-      (item, index) => {
-        return html`<tr part="table-foot-row" class="tfoot-row">
-                      ${repeat(
-          leafColumns,
-          (column) => column.id,
-          (column) => {
-            const { styles: pinningStyles, className: pinningClassName } = column.getIsPinned() ? getCellStickyStyle(column, this.commonProps.tableInstance) : {};
-            const headProps = this.getCellProps(item.cells, column.id);
-            const _a2 = headProps, {
-              className: headClassName,
-              style: headStyle,
-              colSpan: headColSpan,
-              rowSpan: headRowSpan
-            } = _a2, headRestProps = __objRest(_a2, [
-              "className",
-              "style",
-              "colSpan",
-              "rowSpan"
-            ]);
-            if (headColSpan === 0 || headRowSpan === 0) {
-              return html``;
-            }
-            const headClassNameValue = typeof headClassName === "string" ? headClassName : "";
-            const cellClassMap = {
-              "tfoot-row-cell": true,
-              [pinningClassName]: pinningClassName !== void 0,
-              [headClassNameValue]: !!headClassNameValue
-            };
-            const headStyleText = typeof headStyle === "string" ? headStyle : headStyle && typeof headStyle === "object" ? iterateStyles(headStyle) : void 0;
-            const cellStyleResult = [headStyleText, pinningStyles].filter(Boolean).join(";");
-            const mergeProps = __spreadValues({}, headRestProps);
-            if (typeof headColSpan === "number" && headColSpan > 1) {
-              mergeProps.colSpan = headColSpan;
-            }
-            if (typeof headRowSpan === "number" && headRowSpan > 1) {
-              mergeProps.rowSpan = headRowSpan;
-            }
-            return html`<td
-                            part="table-foot-cell"
-                            style=${cellStyleResult || ""}
-                            class="${classMap(cellClassMap)}"
-                            ${spread_default(mergeProps)}
-                          >
-                            <slot name=${`${CUSTOM_TFOOT_CELL}-${item.rowIndex || index}-${column.id}`}></slot>
-                          </td>`;
-          }
-        )}
-                    </tr>`;
-      }
-    ) : html`<tr part="table-foot-row" class="tfoot-row">
-                  <td class="tfoot-row-cell" colspan="${leafColumns.length}"><slot name="${CUSTOM_TFOOT}"></slot></td>
-                </tr>`}
-          </tfoot>
-        </table>
-      </div>
-      <style>
-        .table-foot {
-          overflow: hidden;
-          direction: var(--sl-c-table-direction);
-        }
-        .table-foot ::-webkit-scrollbar {
-          background-color: transparent;
-        }
-        .table-foot .tfoot-row {
-          display: table-row;
-        }
-        .tfoot-row > .tfoot-row-cell {
-          height: var(--sl-table-cell-line-height);
-          font-size: var(--sl-table-font-size);
-          padding: 0 var(--sl-table-cell-padding);
-          box-sizing: border-box;
-          border-inline-start: none;
-          border-inline-end: none;
-          border-bottom: var(--sl-table-cell-border-width) solid var(--sl-table-cell-border);
-          overflow-wrap: break-word;
-          color: var(--sl-table-cell-color);
-          background-color: var(--sl-datatable-footer-background);
-          vertical-align: middle;
-        }
-        :where(.table.table-bordered) > tfoot.table-tfoot > tr.tfoot-row > td.tfoot-row-cell {
-          border-inline-end: var(--sl-table-cell-border-width) solid var(--sl-table-cell-border);
-        }
-      </style>
-    `;
-  }
-};
-FooterTable.styles = [tableCommonCss];
-__decorateClass([
-  property({ type: Object })
-], FooterTable.prototype, "footerRef", 2);
-__decorateClass([
-  property({ type: Object })
-], FooterTable.prototype, "commonProps", 2);
-__decorateClass([
-  property({ type: Array })
-], FooterTable.prototype, "summary", 2);
-FooterTable.define("sl-table-footer-table");
-
-export {
-  FooterTable
-};

package/dist/chunks/chunk.YFUU4KVX.js

@@ -1,11 +0,0 @@
-import {
-  SlRow
-} from "./chunk.VCIILHZF.js";
-
-// src/components/row/row.ts
-var row_default = SlRow;
-SlRow.define("sl-row");
-
-export {
-  row_default
-};

package/dist/chunks/chunk.YJNJAK6X.js

@@ -1,11 +0,0 @@
-import {
-  SlSkeleton
-} from "./chunk.PY64JKOE.js";
-
-// src/components/skeleton/skeleton.ts
-var skeleton_default = SlSkeleton;
-SlSkeleton.define("sl-skeleton");
-
-export {
-  skeleton_default
-};

package/dist/chunks/chunk.YJZZ56VQ.js

@@ -1,75 +0,0 @@
-import {
-  requestInclude
-} from "./chunk.XNEONNEJ.js";
-import {
-  include_styles_default
-} from "./chunk.FY7IKLNL.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.3FNW23NI.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/include/include.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SlInclude = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.mode = "cors";
-    this.allowScripts = false;
-  }
-  executeScript(script) {
-    const newScript = document.createElement("script");
-    [...script.attributes].forEach((attr) => newScript.setAttribute(attr.name, attr.value));
-    newScript.textContent = script.textContent;
-    script.parentNode.replaceChild(newScript, script);
-  }
-  async handleSrcChange() {
-    try {
-      const src = this.src;
-      const file = await requestInclude(src, this.mode);
-      if (src !== this.src) {
-        return;
-      }
-      if (!file.ok) {
-        this.emit("sl-error", { detail: { status: file.status } });
-        return;
-      }
-      this.innerHTML = file.html;
-      if (this.allowScripts) {
-        [...this.querySelectorAll("script")].forEach((script) => this.executeScript(script));
-      }
-      this.emit("sl-load");
-    } catch (e) {
-      this.emit("sl-error", { detail: { status: -1 } });
-    }
-  }
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-SlInclude.styles = [component_styles_default, include_styles_default];
-__decorateClass([
-  property()
-], SlInclude.prototype, "src", 2);
-__decorateClass([
-  property()
-], SlInclude.prototype, "mode", 2);
-__decorateClass([
-  property({ attribute: "allow-scripts", type: Boolean })
-], SlInclude.prototype, "allowScripts", 2);
-__decorateClass([
-  watch("src")
-], SlInclude.prototype, "handleSrcChange", 1);
-
-export {
-  SlInclude
-};