@kdcloudjs/shoelace 1.0.22 → 1.0.24

package/dist/chunks/chunk.CQBMYKTR.js

@@ -1,280 +0,0 @@
-// src/components/daterange/daterange.styles.ts
-import { css } from "lit";
-var daterange_styles_default = css`
-  :host {
-    display: block;
-  }
-
-  .daterange__popup::part(popup) {
-    z-index: var(--sl-z-index-dropdown);
-  }
-
-  .daterange {
-    display: inline-flex;
-    align-items: stretch;
-    justify-content: start;
-    position: relative;
-    width: 100%;
-    font-weight: var(--sl-input-font-weight);
-    letter-spacing: var(--sl-input-letter-spacing);
-    vertical-align: middle;
-    cursor: text;
-    transition:
-      var(--sl-transition-fast) color,
-      var(--sl-transition-fast) border,
-      var(--sl-transition-fast) box-shadow,
-      var(--sl-transition-fast) background-color;
-  }
-
-  /* Standard inputs */
-  .daterange--standard {
-    background-color: var(--sl-input-background-color);
-    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
-  }
-
-  .daterange--standard:hover:not(.daterange--disabled) {
-    background-color: var(--sl-input-background-color-hover);
-    border-color: var(--sl-input-border-color-focus);
-  }
-
-  .daterange--standard.daterange--focused:not(.daterange--disabled) {
-    background-color: var(--sl-input-background-color-focus);
-    border-color: var(--sl-input-border-color-focus);
-    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-border-color-focus);
-  }
-
-  .daterange--standard.daterange--disabled {
-    background-color: var(--sl-input-background-color-disabled);
-    border-color: var(--sl-input-border-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* Filled inputs */
-  .daterange--filled {
-    border: none;
-    background-color: var(--sl-input-filled-background-color);
-    color: var(--sl-input-color);
-  }
-
-  .daterange--filled:hover:not(.daterange--disabled) {
-    background-color: var(--sl-input-filled-background-color-hover);
-  }
-
-  .daterange--filled.daterange--focused:not(.daterange--disabled) {
-    background-color: var(--sl-input-filled-background-color-focus);
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .daterange--filled.daterange--disabled {
-    background-color: var(--sl-input-filled-background-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .daterange__control {
-    flex: 1 1 auto;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    min-width: 0;
-    height: 100%;
-    color: var(--sl-input-color);
-    border: none;
-    background: inherit;
-    box-shadow: none;
-    padding: 0;
-    margin: 0;
-    cursor: inherit;
-    -webkit-appearance: none;
-    text-align: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .daterange__control-wrapper {
-    flex: 1 1 auto;
-    display: flex;
-    align-items: center;
-    position: relative;
-    height: 100%;
-    min-width: 0;
-  }
-
-  .daterange__control:focus {
-    outline: none;
-  }
-
-  .daterange__control-wrapper::after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: var(--sl-input-spacing-small);
-    right: var(--sl-input-spacing-small);
-    height: 2px;
-    background-color: var(--sl-color-primary-600);
-    border-radius: var(--sl-border-radius-pill);
-    transform: scaleX(0);
-    transition: var(--sl-transition-fast) transform;
-    z-index: 1;
-  }
-
-  .daterange__control-wrapper--active::after {
-    transform: scaleX(1);
-  }
-
-  .daterange--small .daterange__control-wrapper::after {
-    left: var(--sl-input-spacing-x-small);
-    right: var(--sl-input-spacing-x-small);
-  }
-
-  .daterange--large .daterange__control-wrapper::after {
-    left: var(--sl-input-spacing-medium);
-    right: var(--sl-input-spacing-medium);
-  }
-
-  .daterange__control::placeholder {
-    color: var(--sl-input-placeholder-color);
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  .daterange__separator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 var(--sl-spacing-x-small);
-    color: var(--sl-input-placeholder-color);
-    user-select: none;
-  }
-
-  .daterange__clear {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: inherit;
-    color: var(--sl-input-icon-color);
-    border: none;
-    background: none;
-    padding: 0;
-    margin-inline-end: var(--sl-spacing-small);
-    transition: var(--sl-transition-fast) color;
-    cursor: pointer;
-  }
-
-  .daterange__clear--hidden {
-    display: none;
-  }
-
-  .daterange__clear:hover {
-    color: var(--sl-input-icon-color-hover);
-  }
-
-  .daterange__clear:hover {
-    color: var(--sl-input-icon-color-hover);
-  }
-
-  .daterange__suffix {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    cursor: default;
-    padding: 0;
-    color: var(--sl-input-icon-color);
-  }
-
-  .daterange--small .daterange__suffix sl-icon {
-    margin-inline-end: var(--sl-spacing-small);
-  }
-  .daterange--medium .daterange__suffix sl-icon {
-    margin-inline-end: var(--sl-spacing-medium);
-  }
-  .daterange--large .daterange__suffix sl-icon {
-    margin-inline-end: var(--sl-spacing-large);
-  }
-
-  .daterange__calendars {
-    display: flex;
-    background: var(--sl-panel-background-color);
-    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
-    border-radius: var(--sl-border-radius-medium);
-    box-shadow: var(--sl-shadow-large);
-    overflow: hidden;
-  }
-
-  .daterange__calendars--single {
-    justify-content: center;
-  }
-
-  .daterange__calendars sl-calendar {
-    border: none;
-  }
-
-  .daterange__calendars sl-calendar::part(base) {
-    box-shadow: none;
-  }
-
-  .daterange__calendars sl-calendar:first-child::part(body) {
-    border-inline-end: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
-  }
-
-  .daterange__calendars--single sl-calendar:first-child::part(body) {
-    border-inline-end: none;
-  }
-
-  /*
-   * Size modifiers
-   */
-
-  .daterange--small {
-    border-radius: var(--sl-input-border-radius-small);
-    font-size: var(--sl-input-font-size-small);
-    height: var(--sl-input-height-small);
-  }
-
-  .daterange--small .daterange__control {
-    padding: 0 var(--sl-spacing-x-small);
-  }
-
-  .daterange--medium {
-    border-radius: var(--sl-input-border-radius-medium);
-    font-size: var(--sl-input-font-size-medium);
-    height: var(--sl-input-height-medium);
-  }
-
-  .daterange--medium .daterange__control {
-    padding: 0 var(--sl-spacing-small);
-  }
-
-  .daterange--large {
-    border-radius: var(--sl-input-border-radius-large);
-    font-size: var(--sl-input-font-size-large);
-    height: var(--sl-input-height-large);
-  }
-
-  .daterange--large .daterange__control {
-    padding: 0 var(--sl-spacing-medium);
-  }
-
-  /*
-   * Pill modifier
-   */
-
-  .daterange--pill.daterange--small {
-    border-radius: var(--sl-input-height-small);
-  }
-
-  .daterange--pill.daterange--medium {
-    border-radius: var(--sl-input-height-medium);
-  }
-
-  .daterange--pill.daterange--large {
-    border-radius: var(--sl-input-height-large);
-  }
-`;
-
-export {
-  daterange_styles_default
-};

package/dist/chunks/chunk.CSHENRJ2.js

@@ -1,180 +0,0 @@
-import {
-  pagination_styles_default
-} from "./chunk.TSVNQWUW.js";
-import {
-  SlIcon
-} from "./chunk.7JKNUYMB.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.AG6MRYHQ.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/pagination/pagination.component.ts
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-var SlPagination = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.pageSize = 20;
-    this.pageSizeOpts = [10, 20, 50, 100];
-    this.total = 5e3;
-    this.disabled = false;
-    this.className = "";
-    this.simpleMode = false;
-    this.defaultCurrentPage = 1;
-    this.totalPage = 1;
-  }
-  willUpdate(changed) {
-    if (changed.has("total") || changed.has("pageSize")) {
-      this.totalPage = Math.max(1, Math.ceil(this.total / this.pageSize));
-      if (this.defaultCurrentPage > this.totalPage) {
-        this.defaultCurrentPage = this.totalPage;
-      }
-    }
-  }
-  handleInputChange(e) {
-    const input = e.target;
-    const value = input.value;
-    if (value === "") {
-      return;
-    }
-    const num = Number(value);
-    if (!Number.isNaN(num)) {
-      this.defaultCurrentPage = num;
-    }
-  }
-  handlePageChangePage(page) {
-    if (this.disabled) return;
-    const newPage = Math.min(Math.max(1, page), this.totalPage);
-    this.defaultCurrentPage = newPage;
-    this.emit("sl-page-change", {
-      detail: {
-        pageNumber: page,
-        pageSize: this.pageSize
-      }
-    });
-  }
-  handlePageSizeChange(e) {
-    this.pageSize = Number(e.detail);
-    let page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
-    const totalPage = Math.max(1, Math.ceil(this.total / this.pageSize));
-    if (page > totalPage) page = totalPage;
-    console.log(page, totalPage, "dahuigh");
-    this.defaultCurrentPage = page;
-    this.emit("sl-page-change", {
-      detail: {
-        pageNumber: page,
-        pageSize: this.pageSize
-      }
-    });
-  }
-  render() {
-    const page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
-    return this.simpleMode ? html`
-          <div class="pagination ${this.className}">
-            <sl-icon
-              name="chevron-left"
-              class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-              @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
-            ></sl-icon>
-            <sl-icon
-              name="chevron-right"
-              class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-              @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
-            ></sl-icon>
-            <custom-select
-              .options=${this.pageSizeOpts}
-              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
-              .disabled=${this.disabled}
-              @select-change=${this.handlePageSizeChange}
-            >
-            </custom-select>
-          </div>
-        ` : html`
-          <div class="pagination ${this.className}">
-            <div class="page-info">
-              <span class="total">共${this.totalPage}页</span>
-              第
-              <input
-                class="page-input"
-                type="string"
-                .value=${String(page)}
-                min="1"
-                max=${this.total}
-                @input=${this.handleInputChange}
-                @change=${() => this.handlePageChangePage(this.defaultCurrentPage)}
-                ?disabled=${this.disabled}
-              />
-              页
-            </div>
-            <div class="page-btns">
-              <sl-icon
-                name="chevron-bar-left"
-                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== 1 && this.handlePageChangePage(1)}
-              ></sl-icon>
-              <sl-icon
-                name="chevron-left"
-                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
-              ></sl-icon>
-              <sl-icon
-                name="chevron-right"
-                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
-              ></sl-icon>
-              <sl-icon
-                name="chevron-bar-right"
-                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== this.totalPage && this.handlePageChangePage(this.totalPage)}
-              ></sl-icon>
-            </div>
-            <custom-select
-              .options=${this.pageSizeOpts}
-              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
-              .disabled=${this.disabled}
-              @select-change=${this.handlePageSizeChange}
-            >
-            </custom-select>
-          </div>
-        `;
-  }
-};
-SlPagination.styles = [component_styles_default, pagination_styles_default];
-SlPagination.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "currentPage", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "pageSize", 2);
-__decorateClass([
-  property({ type: Array })
-], SlPagination.prototype, "pageSizeOpts", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "total", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlPagination.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: String })
-], SlPagination.prototype, "className", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlPagination.prototype, "simpleMode", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "defaultCurrentPage", 2);
-__decorateClass([
-  state()
-], SlPagination.prototype, "totalPage", 2);
-
-export {
-  SlPagination
-};

package/dist/chunks/chunk.CWCTMRXY.js

@@ -1,11 +0,0 @@
-import {
-  SlResizeObserver
-} from "./chunk.3EBM4TXW.js";
-
-// src/components/resize-observer/resize-observer.ts
-var resize_observer_default = SlResizeObserver;
-SlResizeObserver.define("sl-resize-observer");
-
-export {
-  resize_observer_default
-};

package/dist/chunks/chunk.CYJ53JTI.js

@@ -1,52 +0,0 @@
-import {
-  ShoelaceElement
-} from "./chunk.AG6MRYHQ.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.CYOKNO44.js

@@ -1,27 +0,0 @@
-import {
-  SlDetails
-} from "./chunk.HUWKYOVK.js";
-
-// src/react/details/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-details";
-SlDetails.define("sl-details");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlDetails,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlAfterShow: "sl-after-show",
-    onSlHide: "sl-hide",
-    onSlAfterHide: "sl-after-hide"
-  },
-  displayName: "SlDetails"
-});
-var details_default = reactWrapper;
-
-export {
-  details_default
-};