@kdcloudjs/shoelace 1.0.47 → 1.0.48

package/cdn/chunks/chunk.QNACI2VQ.js

@@ -0,0 +1,126 @@
+import {
+  r
+} from "./chunk.5KUF6FM2.js";
+import {
+  e,
+  i,
+  t
+} from "./chunk.EQHFJGXH.js";
+import {
+  A
+} from "./chunk.OLIQR3OU.js";
+
+// node_modules/.pnpm/lit-html@3.3.2/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/.pnpm/lit-html@3.3.2/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.QV33TEJ4.js

@@ -0,0 +1,330 @@
+import {
+  RowDragController
+} from "./chunk.A6M2XBBK.js";
+import {
+  TreeTableController
+} from "./chunk.BBNLTP5U.js";
+import {
+  flexRender
+} from "./chunk.DE5NOO7W.js";
+import {
+  tableCommonCss
+} from "./chunk.6QOFTNGZ.js";
+import {
+  spread_default
+} from "./chunk.KP2Z44IB.js";
+import {
+  getCellStickyStyle
+} from "./chunk.ZKPHP5NP.js";
+import {
+  c,
+  renderColGroup
+} from "./chunk.D3WHNWAU.js";
+import {
+  getTableRect,
+  iterateStyles
+} from "./chunk.WVGF6WZM.js";
+import {
+  CUSTOM_ROW
+} from "./chunk.GJPVZV5U.js";
+import {
+  n as n2
+} from "./chunk.QNACI2VQ.js";
+import {
+  o
+} from "./chunk.YWGYT4Y3.js";
+import {
+  e
+} from "./chunk.2QDPYAHS.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.26NXY7B5.js";
+import {
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass,
+  __objRest,
+  __spreadValues
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/table/body-table.ts
+var BodyTable = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.expandRowByClick = false;
+    this.treeCtrl = new TreeTableController(() => this.commonProps);
+    this.dragCtrl = new RowDragController(
+      () => this.commonProps,
+      () => this.bodyRef,
+      this.treeCtrl,
+      () => this.requestUpdate()
+    );
+    this.renderTr = (row, styles = {}) => {
+      var _b;
+      const { rowSelectedMap, slRow, virtualized } = this.commonProps;
+      const rowProps = (slRow == null ? void 0 : slRow(row.original, row.index)) || {};
+      const _a = rowProps, { className, style: rowPropsStyle } = _a, rowRestProps = __objRest(_a, ["className", "style"]);
+      const rowClassName = typeof className === "string" ? className : "";
+      const rowKey = this.commonProps.adapter.getRecordKey(row.original);
+      const isDragging = this.dragCtrl.isRowDragging(rowKey, row.index);
+      const rowClassMap = {
+        "table-row": true,
+        "table-row-selected": rowSelectedMap[row.id],
+        "table-row-dragging": !!isDragging,
+        [rowClassName]: true
+      };
+      const rowPropsStyleText = typeof rowPropsStyle === "string" ? rowPropsStyle : rowPropsStyle && typeof rowPropsStyle === "object" ? iterateStyles(rowPropsStyle) : void 0;
+      const rowStyles = [rowPropsStyleText, iterateStyles(styles)].filter(Boolean).join(";") || "";
+      return b`
+      <tr
+        class=${e(rowClassMap)}
+        role="table-row"
+        part="table-body-row"
+        data-row-key=${this.commonProps.adapter.getRecordKey(row.original)}
+        data-row-index=${row.index}
+        @click=${this.expandRowByClick ? () => row.getCanExpand() && row.toggleExpanded() : null}
+        style=${rowStyles}
+        ${spread_default(rowRestProps)}
+      >
+        ${c(
+        row.getVisibleCells(),
+        (cell) => cell.id,
+        (cell) => {
+          var _a2, _b2, _c, _e, _f;
+          const { column } = cell;
+          const columnDef = column.columnDef;
+          const align = (_a2 = columnDef.meta) == null ? void 0 : _a2.align;
+          const cellProps = ((_c = (_b2 = columnDef.meta) == null ? void 0 : _b2.slCell) == null ? void 0 : _c.call(_b2, cell.row.original, row.index)) || {};
+          const _d = cellProps, {
+            className: cellClassName,
+            style: cellStyle,
+            rowSpan: cellRowSpan,
+            colSpan: cellColSpan
+          } = _d, cellRestProps = __objRest(_d, [
+            "className",
+            "style",
+            "rowSpan",
+            "colSpan"
+          ]);
+          if (cellRowSpan === 0 || cellColSpan === 0) {
+            return b``;
+          }
+          const cellClassNameValue = typeof cellClassName === "string" ? cellClassName : "";
+          const { styles: pinningStyles, className: pinningClassName } = column.getIsPinned() ? getCellStickyStyle(column, this.commonProps.tableInstance) : {};
+          const cellClassMap = {
+            "table-row-cell": true,
+            [pinningClassName]: pinningClassName !== void 0
+          };
+          if ((_e = columnDef.meta) == null ? void 0 : _e.className) {
+            cellClassMap[columnDef.meta.className] = true;
+          }
+          if (cellClassNameValue) {
+            cellClassMap[cellClassNameValue] = true;
+          }
+          const cellStyleText = typeof cellStyle === "string" ? cellStyle : cellStyle && typeof cellStyle === "object" ? iterateStyles(cellStyle) : void 0;
+          let cellStyleResult = [cellStyleText, pinningStyles].filter(Boolean).join(";");
+          if (virtualized) {
+            cellStyleResult += `;width: ${column.getSize()}px`;
+          }
+          const mergeProps = __spreadValues({}, cellRestProps);
+          if (typeof cellRowSpan === "number" && cellRowSpan > 1) {
+            mergeProps.rowSpan = cellRowSpan;
+          }
+          if (typeof cellColSpan === "number" && cellColSpan > 1) {
+            mergeProps.colSpan = cellColSpan;
+          }
+          return b` <td
+              role="gridcell"
+              part="table-body-cell"
+              class="${e(cellClassMap)}"
+              style=${cellStyleResult || ""}
+              ${spread_default(mergeProps)}
+            >
+              <div
+                class="${e({
+            "table-cell-content": true,
+            "table-cell-ellipsis": !!((_f = columnDef.meta) == null ? void 0 : _f.ellipsis)
+          })}"
+                style=${o({
+            "text-align": align || void 0
+          })}
+              >
+                ${flexRender(columnDef.cell, cell.getContext())}
+              </div>
+            </td>`;
+        }
+      )}
+      </tr>
+      ${!this.commonProps.tree && ((_b = this.commonProps.expandProps) == null ? void 0 : _b.rowExpandable) && row.getIsExpanded() ? b`
+            <tr class="table-row table-expand-row" part="table-body-row">
+              <td colspan="${row.getVisibleCells().length}" class="table-row-cell" part="table-body-cell">
+                <slot name="${CUSTOM_ROW}-${this.commonProps.adapter.getRecordKey(row.original)}"></slot>
+              </td>
+            </tr>
+          ` : ""}
+    `;
+    };
+  }
+  firstUpdated() {
+    this.dragCtrl.initSortable();
+  }
+  render() {
+    var _a, _b, _c, _d, _e;
+    const virtualizer = (_a = this.rowVirtualizerController) == null ? void 0 : _a.getVirtualizer();
+    const { tableScroll, handleBodyScroll, bordered, tableInstance, virtualized, rowDrag } = this.commonProps;
+    const { x, y } = tableScroll || {};
+    const columnResizeable = tableInstance.getAllLeafColumns().some((c2) => c2.getCanResize());
+    const style = {
+      "max-width": x ? getTableRect(x) : "100%",
+      "max-height": y ? getTableRect(y) : "100%",
+      width: columnResizeable && `${tableInstance.getTotalSize()}px`
+    };
+    const { rows } = tableInstance.getRowModel();
+    return b` <div
+        style=${iterateStyles(style)}
+        class="table-body"
+        part="table-body"
+        ${n2(this.bodyRef)}
+        @scroll=${handleBodyScroll}
+      >
+        <table
+          class="${e({
+      table: true,
+      "table-bordered": bordered,
+      "table-fixed": true
+    })}"
+          style=${o({
+      height: virtualized && y ? `${virtualizer == null ? void 0 : virtualizer.getTotalSize()}px` : "100%"
+    })}
+        >
+          ${renderColGroup(tableInstance)}
+          <tbody class="table-tbody" style="position: relative;" ${n2(this.dragCtrl.tbodyRef)}>
+            ${virtualized ? c(
+      (_c = (_b = this.rowVirtualizerController) == null ? void 0 : _b.getVirtualizer().getVirtualItems()) != null ? _c : [],
+      (item) => item.key,
+      (item) => {
+        const row = rows[item.index];
+        return this.renderTr(row, {
+          transform: `translateY(${item.start}px)`,
+          position: "absolute",
+          width: "100%"
+        });
+      }
+    ) : c(
+      rows,
+      (row) => row.id,
+      (row) => this.renderTr(row)
+    )}
+            ${rowDrag ? b`<tr class="table-bottom-placeholder" style="height: 2px;padding: 0;border: none;">
+                  <td colspan="${(_e = (_d = rows[0]) == null ? void 0 : _d.getVisibleCells().length) != null ? _e : 1}"></td>
+                </tr>` : ""}
+            ${this.dragCtrl.renderIndicator()}
+          </tbody>
+        </table>
+        ${this.emptyTemplate}
+      </div>
+      <style>
+        .table-body {
+          overflow: auto;
+          width: 100%;
+          box-sizing: border-box;
+          direction: var(--sl-c-table-direction);
+        }
+        .table-row {
+          display: table-row;
+        }
+        .table-row-dragging {
+          opacity: 0.35;
+        }
+        .row-drag-handle {
+          opacity: 0;
+          visibility: hidden;
+          pointer-events: none;
+          transition: opacity 120ms ease-in-out;
+        }
+        .table-row:hover .row-drag-handle,
+        .table-row.table-row-dragging .row-drag-handle {
+          opacity: 1;
+          visibility: visible;
+          pointer-events: auto;
+        }
+        .table-row > .table-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-table-cell-background);
+          vertical-align: middle;
+        }
+        .table-row.table-expand-row > .table-row-cell {
+          background-color: var(--sl-table-expand-row-background);
+        }
+        .table-row:hover > .table-row-cell {
+          background: var(--sl-table-row-background-hover);
+        }
+        .table-row.table-expand-row:hover > .table-row-cell {
+          background-color: var(--sl-table-expand-row-background);
+        }
+        :where(.table.table-bordered) > tbody.table-tbody > tr.table-row > td.table-row-cell {
+          border-inline-end: var(--sl-table-cell-border-width) solid var(--sl-table-cell-border);
+        }
+        .table-row.table-row-selected > .table-row-cell {
+          background-color: var(--sl-table-row-background-active);
+        }
+        .table-row.table-row-selected:hover > .table-row-cell {
+          background-color: var(--sl-table-row-background-active-hover);
+        }
+        .row-expand-icon {
+          color: var(--sl-color-neutral-600);
+          &:hover {
+            color: var(--sl-color-primary-600);
+          }
+        }
+        .table-placeholder {
+          position: sticky;
+          left: 0;
+          z-index: 1;
+          padding: var(--sl-table-default-text-margin-vertical);
+          color: var(--semi-color-text-2);
+          font-size: 14px;
+          text-align: center;
+          background: transparent;
+          color: var(--sl-table-default-text-color);
+          border-bottom: var(--sl-table-cell-border-width) solid var(--sl-table-cell-border);
+          border-inline-start: none;
+        }
+        .table-cell-content {
+          line-height: var(--sl-line-height-dense);
+          word-break: break-word;
+        }
+      </style>`;
+  }
+};
+BodyTable.styles = [tableCommonCss];
+__decorateClass([
+  n({ type: Object })
+], BodyTable.prototype, "bodyRef", 2);
+__decorateClass([
+  n({ type: Function })
+], BodyTable.prototype, "emptyTemplate", 2);
+__decorateClass([
+  n({ type: Object })
+], BodyTable.prototype, "commonProps", 2);
+__decorateClass([
+  n({ type: Boolean })
+], BodyTable.prototype, "expandRowByClick", 2);
+__decorateClass([
+  n({ type: Object })
+], BodyTable.prototype, "rowVirtualizerController", 2);
+BodyTable.define("sl-table-body-table");
+
+export {
+  BodyTable
+};

package/cdn/chunks/chunk.R333VTLF.js

@@ -0,0 +1,24 @@
+import {
+  SlMutationObserver
+} from "./chunk.AWECYNQT.js";
+
+// src/react/mutation-observer/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-mutation-observer";
+SlMutationObserver.define("sl-mutation-observer");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlMutationObserver,
+  react: React,
+  events: {
+    onSlMutation: "sl-mutation"
+  },
+  displayName: "SlMutationObserver"
+});
+var mutation_observer_default = reactWrapper;
+
+export {
+  mutation_observer_default
+};

package/cdn/chunks/chunk.R5JW7MEK.js

@@ -0,0 +1,11 @@
+import {
+  SlMenuItem
+} from "./chunk.6XKNW7YV.js";
+
+// src/components/menu-item/menu-item.ts
+var menu_item_default = SlMenuItem;
+SlMenuItem.define("sl-menu-item");
+
+export {
+  menu_item_default
+};

package/cdn/chunks/chunk.RATBP6QZ.js

@@ -0,0 +1,29 @@
+import {
+  SlTreeItem
+} from "./chunk.MHSFBVV4.js";
+
+// src/react/tree-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-tree-item";
+SlTreeItem.define("sl-tree-item");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlTreeItem,
+  react: React,
+  events: {
+    onSlExpand: "sl-expand",
+    onSlAfterExpand: "sl-after-expand",
+    onSlCollapse: "sl-collapse",
+    onSlAfterCollapse: "sl-after-collapse",
+    onSlLazyChange: "sl-lazy-change",
+    onSlLazyLoad: "sl-lazy-load"
+  },
+  displayName: "SlTreeItem"
+});
+var tree_item_default = reactWrapper;
+
+export {
+  tree_item_default
+};

package/cdn/chunks/chunk.RBTOZ5FI.js

@@ -0,0 +1,11 @@
+import {
+  SlRadioGroup
+} from "./chunk.CUD2IPPM.js";
+
+// src/components/radio-group/radio-group.ts
+var radio_group_default = SlRadioGroup;
+SlRadioGroup.define("sl-radio-group");
+
+export {
+  radio_group_default
+};

package/cdn/chunks/chunk.RIYR6LDM.js

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

package/cdn/chunks/chunk.RSEU55F2.js

@@ -0,0 +1,25 @@
+import {
+  SlRating
+} from "./chunk.IGZMJ3MC.js";
+
+// src/react/rating/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-rating";
+SlRating.define("sl-rating");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlRating,
+  react: React,
+  events: {
+    onSlChange: "sl-change",
+    onSlHover: "sl-hover"
+  },
+  displayName: "SlRating"
+});
+var rating_default = reactWrapper;
+
+export {
+  rating_default
+};

package/cdn/chunks/chunk.RTPKPBC7.js

@@ -0,0 +1,29 @@
+import {
+  SlTimepicker
+} from "./chunk.63RNN5L6.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.RY75QZIG.js

@@ -0,0 +1,11 @@
+import {
+  SlThoughtChainNode
+} from "./chunk.D3IJM5QW.js";
+
+// src/components/thought-chain-node/thought-chain-node.ts
+var thought_chain_node_default = SlThoughtChainNode;
+SlThoughtChainNode.define("sl-thought-chain-node");
+
+export {
+  thought_chain_node_default
+};