@kdcloudjs/shoelace 1.0.26 → 1.0.28

package/cdn/chunks/chunk.IMHH64FT.js

@@ -1,312 +0,0 @@
-import {
-  TreeTableController
-} from "./chunk.UU7RCPD3.js";
-import {
-  RowDragController
-} from "./chunk.HMI37VNN.js";
-import {
-  tableCommonCss
-} from "./chunk.PWUNZ5VX.js";
-import {
-  spread_default
-} from "./chunk.GRGYWQPR.js";
-import {
-  getCellStickyStyle
-} from "./chunk.STO4IWKA.js";
-import {
-  flexRender
-} from "./chunk.VK7KEYIH.js";
-import {
-  c,
-  renderColGroup
-} from "./chunk.SXK43Q7W.js";
-import {
-  getTableRect,
-  iterateStyles
-} from "./chunk.CO3LAH64.js";
-import {
-  CUSTOM_ROW
-} from "./chunk.UP5K765N.js";
-import {
-  n as n2
-} from "./chunk.G2YOMCHR.js";
-import {
-  o
-} from "./chunk.BJDNEBPV.js";
-import {
-  e
-} from "./chunk.VHCLMDG7.js";
-import {
-  ShoelaceElement,
-  n
-} from "./chunk.GRL5CHGV.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass,
-  __objRest
-} 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
-          } = _d, cellRestProps = __objRest(_d, [
-            "className",
-            "style"
-          ]);
-          const cellClassNameValue = typeof cellClassName === "string" ? cellClassName : "";
-          const { styles: pinningStyles, className: pinningClassName } = column.getIsPinned() ? getCellStickyStyle(cell, 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`;
-          }
-          return b` <td
-              role="gridcell"
-              part="table-body-cell"
-              class="${e(cellClassMap)}"
-              style=${cellStyleResult || ""}
-              ${spread_default(cellRestProps)}
-            >
-              <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: hsl(212.29999999999995, 100%, 95.5%);
-        }
-        .row-expand-icon:hover {
-          color: #5582f3;
-        }
-        .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.IPIN3MDK.js

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

package/cdn/chunks/chunk.IQ74JZVL.js

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

package/cdn/chunks/chunk.ISRBDWP4.js

@@ -1,24 +0,0 @@
-import {
-  menu_label_styles_default
-} from "./chunk.5PSHBHTM.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement
-} from "./chunk.KT6MOS3J.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/menu-label/menu-label.component.ts
-var SlMenuLabel = class extends ShoelaceElement {
-  render() {
-    return b` <slot part="base" class="menu-label"></slot> `;
-  }
-};
-SlMenuLabel.styles = [component_styles_default, menu_label_styles_default];
-
-export {
-  SlMenuLabel
-};

package/cdn/chunks/chunk.IVJPQ2E7.js

@@ -1,26 +0,0 @@
-import {
-  SlNav
-} from "./chunk.ONNTFK36.js";
-
-// src/react/nav/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-nav";
-SlNav.define("sl-nav");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlNav,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlNavOpenChange: "sl-nav-open-change",
-    onSlNavSelect: "sl-nav-select"
-  },
-  displayName: "SlNav"
-});
-var nav_default = reactWrapper;
-
-export {
-  nav_default
-};

package/cdn/chunks/chunk.IVV4KVHV.js

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

package/cdn/chunks/chunk.IWE3NQPL.js

@@ -1,11 +0,0 @@
-import {
-  SlMenu
-} from "./chunk.363VT3DU.js";
-
-// src/components/menu/menu.ts
-var menu_default = SlMenu;
-SlMenu.define("sl-menu");
-
-export {
-  menu_default
-};