@kdcloudjs/shoelace 0.0.2 → 1.0.0

package/cdn/chunks/chunk.KMG5K64B.js

@@ -1,175 +0,0 @@
-import {
-  i
-} from "./chunk.ZKRJ3RUK.js";
-
-// src/components/switch/switch.styles.ts
-var switch_styles_default = i`
-  :host {
-    display: inline-block;
-  }
-
-  :host([size='small']) {
-    --height: var(--sl-toggle-size-small);
-    --thumb-size: calc(var(--sl-toggle-size-small) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--sl-input-font-size-small);
-  }
-
-  :host([size='medium']) {
-    --height: var(--sl-toggle-size-medium);
-    --thumb-size: calc(var(--sl-toggle-size-medium) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--sl-input-font-size-medium);
-  }
-
-  :host([size='large']) {
-    --height: var(--sl-toggle-size-large);
-    --thumb-size: calc(var(--sl-toggle-size-large) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--sl-input-font-size-large);
-  }
-
-  .switch {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--sl-input-font-family);
-    font-size: inherit;
-    font-weight: var(--sl-input-font-weight);
-    color: var(--sl-input-label-color);
-    vertical-align: middle;
-    cursor: pointer;
-  }
-
-  .switch__control {
-    flex: 0 0 auto;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--width);
-    height: var(--height);
-    background-color: var(--sl-color-neutral-400);
-    border: solid var(--sl-input-border-width) var(--sl-color-neutral-400);
-    border-radius: var(--height);
-    transition:
-      var(--sl-transition-fast) border-color,
-      var(--sl-transition-fast) background-color;
-  }
-
-  .switch__control .switch__thumb {
-    width: var(--thumb-size);
-    height: var(--thumb-size);
-    background-color: var(--sl-color-neutral-0);
-    border-radius: 50%;
-    border: solid var(--sl-input-border-width) var(--sl-color-neutral-400);
-    translate: calc((var(--width) - var(--height)) / -2);
-    transition:
-      var(--sl-transition-fast) translate ease,
-      var(--sl-transition-fast) background-color,
-      var(--sl-transition-fast) border-color,
-      var(--sl-transition-fast) box-shadow;
-  }
-
-  .switch__input {
-    position: absolute;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    pointer-events: none;
-  }
-
-  /* Hover */
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {
-    background-color: var(--sl-color-neutral-400);
-    border-color: var(--sl-color-neutral-400);
-  }
-
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-neutral-400);
-  }
-
-  /* Focus */
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--sl-color-neutral-400);
-    border-color: var(--sl-color-neutral-400);
-  }
-
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  /* Checked */
-  .switch--checked .switch__control {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  .switch--checked .switch__control .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-    translate: calc((var(--width) - var(--height)) / 2);
-  }
-
-  /* Checked + hover */
-  .switch.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  /* Checked + focus */
-  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  /* Disabled */
-  .switch--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .switch__label {
-    display: inline-block;
-    line-height: var(--height);
-    margin-inline-start: 0.5em;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  :host([required]) .switch__label::after {
-    content: var(--sl-input-required-content);
-    color: var(--sl-input-required-content-color);
-    margin-inline-start: var(--sl-input-required-content-offset);
-  }
-
-  @media (forced-colors: active) {
-    .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb,
-    .switch--checked .switch__control .switch__thumb {
-      background-color: ButtonText;
-    }
-  }
-`;
-
-export {
-  switch_styles_default
-};

package/cdn/chunks/chunk.SWRCQLTG.js

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

package/cdn/chunks/chunk.ZC2X65UJ.js

@@ -1,133 +0,0 @@
-import {
-  TableController,
-  createColumnHelper,
-  getCoreRowModel,
-  table_style_default
-} from "./chunk.YMMX7AB4.js";
-import {
-  e as e2,
-  tableContext
-} from "./chunk.JK5C4Y2O.js";
-import {
-  o
-} from "./chunk.3TEIDNQG.js";
-import {
-  e
-} from "./chunk.ZLZKOPYV.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.HYLK53IJ.js";
-import {
-  x
-} from "./chunk.ZKRJ3RUK.js";
-import {
-  __decorateClass
-} from "./chunk.IMHLNNT7.js";
-
-// src/components/table/table.component.ts
-var SlTable = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.columns = [];
-    this.dataSource = [];
-    this.loading = false;
-    this.bordered = false;
-    this.tableController = new TableController(this);
-    this.tableState = this.buildTableState();
-  }
-  get adapter() {
-    return {};
-  }
-  renderTable() {
-    const headTable = x`<sl-table-head-table .bordered=${this.bordered}></sl-table-head-table>`;
-    const bodyTable = x`<sl-table-body-table .bordered=${this.bordered}></sl-table-body-table>`;
-    return x`${headTable} ${bodyTable}`;
-  }
-  renderMainTable() {
-    const table = x`${this.renderTable()}`;
-    return table;
-  }
-  // 生成lit-table所需要的columns数组
-  generateColumns() {
-    const _columns = [];
-    const columnHelper = createColumnHelper();
-    for (const col of this.columns) {
-      const { dataIndex, width, render, align, className } = col;
-      const newCol = columnHelper.accessor((row) => row[dataIndex], {
-        id: dataIndex,
-        meta: {
-          align,
-          className
-        },
-        cell: (info) => {
-          if (render) {
-            const renderHtml = render(info.getValue(), info.row.original);
-            return x`${o(renderHtml)}`;
-          }
-          return info.getValue();
-        },
-        header: () => dataIndex,
-        size: width
-      });
-      _columns.push(newCol);
-    }
-    return _columns;
-  }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("columns") || changedProperties.has("dataSource")) {
-      this.tableState = this.buildTableState();
-    }
-  }
-  // 构建 tableState
-  buildTableState() {
-    return {
-      tableInstance: this.tableController.table({
-        columns: this.generateColumns(),
-        data: this.dataSource,
-        getCoreRowModel: getCoreRowModel()
-      })
-    };
-  }
-  render() {
-    return x`
-      <div
-        class=${e({
-      "table-wrapper": true
-    })}
-      >
-        <sl-table-spinner-container .loading=${this.loading}>
-        <div class=${e({
-      "table-bordered": this.bordered
-    })}>
-          <div class="table-container">${this.renderMainTable()}</div>
-        </sl-table-spinner-container>
-      </div>
-    `;
-  }
-};
-SlTable.styles = [table_style_default];
-__decorateClass([
-  n({ type: Array })
-], SlTable.prototype, "columns", 2);
-__decorateClass([
-  n({ type: Array })
-], SlTable.prototype, "dataSource", 2);
-__decorateClass([
-  n({ type: Boolean })
-], SlTable.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean })
-], SlTable.prototype, "bordered", 2);
-__decorateClass([
-  r()
-], SlTable.prototype, "tableController", 2);
-__decorateClass([
-  e2({ context: tableContext }),
-  r()
-], SlTable.prototype, "tableState", 2);
-
-export {
-  SlTable
-};

package/cdn/react/calendar/index.js

@@ -1,14 +0,0 @@
-import {
-  calendar_default
-} from "../../chunks/chunk.SWRCQLTG.js";
-import "../../chunks/chunk.IW4UQA27.js";
-import "../../chunks/chunk.ZLZKOPYV.js";
-import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.OY5V3CPY.js";
-import "../../chunks/chunk.EFE6XYM5.js";
-import "../../chunks/chunk.HYLK53IJ.js";
-import "../../chunks/chunk.ZKRJ3RUK.js";
-import "../../chunks/chunk.IMHLNNT7.js";
-export {
-  calendar_default as default
-};

package/dist/chunks/chunk.C5JOSC6T.js

@@ -1,125 +0,0 @@
-import {
-  table_style_default
-} from "./chunk.HN32C22W.js";
-import {
-  tableContext
-} from "./chunk.TZQ2VPVF.js";
-import {
-  ShoelaceElement
-} from "./chunk.VAOOYX3C.js";
-import {
-  __decorateClass
-} from "./chunk.KAW7D32O.js";
-
-// src/components/table/table.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { createColumnHelper, getCoreRowModel, TableController } from "@tanstack/lit-table";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { provide } from "@lit/context";
-import { state } from "lit/decorators/state.js";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-var SlTable = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.columns = [];
-    this.dataSource = [];
-    this.loading = false;
-    this.bordered = false;
-    this.tableController = new TableController(this);
-    this.tableState = this.buildTableState();
-  }
-  get adapter() {
-    return {};
-  }
-  renderTable() {
-    const headTable = html`<sl-table-head-table .bordered=${this.bordered}></sl-table-head-table>`;
-    const bodyTable = html`<sl-table-body-table .bordered=${this.bordered}></sl-table-body-table>`;
-    return html`${headTable} ${bodyTable}`;
-  }
-  renderMainTable() {
-    const table = html`${this.renderTable()}`;
-    return table;
-  }
-  // 生成lit-table所需要的columns数组
-  generateColumns() {
-    const _columns = [];
-    const columnHelper = createColumnHelper();
-    for (const col of this.columns) {
-      const { dataIndex, width, render, align, className } = col;
-      const newCol = columnHelper.accessor((row) => row[dataIndex], {
-        id: dataIndex,
-        meta: {
-          align,
-          className
-        },
-        cell: (info) => {
-          if (render) {
-            const renderHtml = render(info.getValue(), info.row.original);
-            return html`${unsafeHTML(renderHtml)}`;
-          }
-          return info.getValue();
-        },
-        header: () => dataIndex,
-        size: width
-      });
-      _columns.push(newCol);
-    }
-    return _columns;
-  }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("columns") || changedProperties.has("dataSource")) {
-      this.tableState = this.buildTableState();
-    }
-  }
-  // 构建 tableState
-  buildTableState() {
-    return {
-      tableInstance: this.tableController.table({
-        columns: this.generateColumns(),
-        data: this.dataSource,
-        getCoreRowModel: getCoreRowModel()
-      })
-    };
-  }
-  render() {
-    return html`
-      <div
-        class=${classMap({
-      "table-wrapper": true
-    })}
-      >
-        <sl-table-spinner-container .loading=${this.loading}>
-        <div class=${classMap({
-      "table-bordered": this.bordered
-    })}>
-          <div class="table-container">${this.renderMainTable()}</div>
-        </sl-table-spinner-container>
-      </div>
-    `;
-  }
-};
-SlTable.styles = [table_style_default];
-__decorateClass([
-  property({ type: Array })
-], SlTable.prototype, "columns", 2);
-__decorateClass([
-  property({ type: Array })
-], SlTable.prototype, "dataSource", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlTable.prototype, "loading", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlTable.prototype, "bordered", 2);
-__decorateClass([
-  state()
-], SlTable.prototype, "tableController", 2);
-__decorateClass([
-  provide({ context: tableContext }),
-  state()
-], SlTable.prototype, "tableState", 2);
-
-export {
-  SlTable
-};

package/dist/chunks/chunk.EU44RQUN.js

@@ -1,172 +0,0 @@
-// src/components/switch/switch.styles.ts
-import { css } from "lit";
-var switch_styles_default = css`
-  :host {
-    display: inline-block;
-  }
-
-  :host([size='small']) {
-    --height: var(--sl-toggle-size-small);
-    --thumb-size: calc(var(--sl-toggle-size-small) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--sl-input-font-size-small);
-  }
-
-  :host([size='medium']) {
-    --height: var(--sl-toggle-size-medium);
-    --thumb-size: calc(var(--sl-toggle-size-medium) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--sl-input-font-size-medium);
-  }
-
-  :host([size='large']) {
-    --height: var(--sl-toggle-size-large);
-    --thumb-size: calc(var(--sl-toggle-size-large) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--sl-input-font-size-large);
-  }
-
-  .switch {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--sl-input-font-family);
-    font-size: inherit;
-    font-weight: var(--sl-input-font-weight);
-    color: var(--sl-input-label-color);
-    vertical-align: middle;
-    cursor: pointer;
-  }
-
-  .switch__control {
-    flex: 0 0 auto;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--width);
-    height: var(--height);
-    background-color: var(--sl-color-neutral-400);
-    border: solid var(--sl-input-border-width) var(--sl-color-neutral-400);
-    border-radius: var(--height);
-    transition:
-      var(--sl-transition-fast) border-color,
-      var(--sl-transition-fast) background-color;
-  }
-
-  .switch__control .switch__thumb {
-    width: var(--thumb-size);
-    height: var(--thumb-size);
-    background-color: var(--sl-color-neutral-0);
-    border-radius: 50%;
-    border: solid var(--sl-input-border-width) var(--sl-color-neutral-400);
-    translate: calc((var(--width) - var(--height)) / -2);
-    transition:
-      var(--sl-transition-fast) translate ease,
-      var(--sl-transition-fast) background-color,
-      var(--sl-transition-fast) border-color,
-      var(--sl-transition-fast) box-shadow;
-  }
-
-  .switch__input {
-    position: absolute;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    pointer-events: none;
-  }
-
-  /* Hover */
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {
-    background-color: var(--sl-color-neutral-400);
-    border-color: var(--sl-color-neutral-400);
-  }
-
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-neutral-400);
-  }
-
-  /* Focus */
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--sl-color-neutral-400);
-    border-color: var(--sl-color-neutral-400);
-  }
-
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  /* Checked */
-  .switch--checked .switch__control {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  .switch--checked .switch__control .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-    translate: calc((var(--width) - var(--height)) / 2);
-  }
-
-  /* Checked + hover */
-  .switch.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  /* Checked + focus */
-  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-  }
-
-  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-600);
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  /* Disabled */
-  .switch--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .switch__label {
-    display: inline-block;
-    line-height: var(--height);
-    margin-inline-start: 0.5em;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  :host([required]) .switch__label::after {
-    content: var(--sl-input-required-content);
-    color: var(--sl-input-required-content-color);
-    margin-inline-start: var(--sl-input-required-content-offset);
-  }
-
-  @media (forced-colors: active) {
-    .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb,
-    .switch--checked .switch__control .switch__thumb {
-      background-color: ButtonText;
-    }
-  }
-`;
-
-export {
-  switch_styles_default
-};