@kdcloudjs/shoelace 1.0.34 → 1.0.36

package/dist/chunks/chunk.HQTY33A6.js

@@ -1,100 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/relative-time/relative-time.component.ts
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-var availableUnits = [
-  { max: 276e4, value: 6e4, unit: "minute" },
-  // max 46 minutes
-  { max: 72e6, value: 36e5, unit: "hour" },
-  // max 20 hours
-  { max: 5184e5, value: 864e5, unit: "day" },
-  // max 6 days
-  { max: 24192e5, value: 6048e5, unit: "week" },
-  // max 28 days
-  { max: 28512e6, value: 2592e6, unit: "month" },
-  // max 11 months
-  { max: Infinity, value: 31536e6, unit: "year" }
-];
-var SlRelativeTime = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.isoTime = "";
-    this.relativeTime = "";
-    this.date = /* @__PURE__ */ new Date();
-    this.format = "long";
-    this.numeric = "auto";
-    this.sync = false;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    clearTimeout(this.updateTimeout);
-  }
-  render() {
-    const now = /* @__PURE__ */ new Date();
-    const then = new Date(this.date);
-    if (isNaN(then.getMilliseconds())) {
-      this.relativeTime = "";
-      this.isoTime = "";
-      return "";
-    }
-    const diff = then.getTime() - now.getTime();
-    const { unit, value } = availableUnits.find((singleUnit) => Math.abs(diff) < singleUnit.max);
-    this.isoTime = then.toISOString();
-    this.relativeTime = this.localize.relativeTime(Math.round(diff / value), unit, {
-      numeric: this.numeric,
-      style: this.format
-    });
-    clearTimeout(this.updateTimeout);
-    if (this.sync) {
-      let nextInterval;
-      if (unit === "minute") {
-        nextInterval = getTimeUntilNextUnit("second");
-      } else if (unit === "hour") {
-        nextInterval = getTimeUntilNextUnit("minute");
-      } else if (unit === "day") {
-        nextInterval = getTimeUntilNextUnit("hour");
-      } else {
-        nextInterval = getTimeUntilNextUnit("day");
-      }
-      this.updateTimeout = window.setTimeout(() => this.requestUpdate(), nextInterval);
-    }
-    return html` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
-  }
-};
-__decorateClass([
-  state()
-], SlRelativeTime.prototype, "isoTime", 2);
-__decorateClass([
-  state()
-], SlRelativeTime.prototype, "relativeTime", 2);
-__decorateClass([
-  property()
-], SlRelativeTime.prototype, "date", 2);
-__decorateClass([
-  property()
-], SlRelativeTime.prototype, "format", 2);
-__decorateClass([
-  property()
-], SlRelativeTime.prototype, "numeric", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlRelativeTime.prototype, "sync", 2);
-function getTimeUntilNextUnit(unit) {
-  const units = { second: 1e3, minute: 6e4, hour: 36e5, day: 864e5 };
-  const value = units[unit];
-  return value - Date.now() % value;
-}
-
-export {
-  SlRelativeTime
-};

package/dist/chunks/chunk.HSLB6VVS.js

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

package/dist/chunks/chunk.HUVF263W.js

@@ -1,11 +0,0 @@
-import {
-  SlIcon
-} from "./chunk.4HMJR4HD.js";
-
-// src/components/icon/icon.ts
-var icon_default = SlIcon;
-SlIcon.define("sl-icon");
-
-export {
-  icon_default
-};

package/dist/chunks/chunk.HXTTXJT5.js

@@ -1,188 +0,0 @@
-import {
-  pagination_styles_default
-} from "./chunk.TSVNQWUW.js";
-import {
-  SlIcon
-} from "./chunk.4HMJR4HD.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.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.direction = "ltr";
-    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;
-    this.defaultCurrentPage = page;
-    this.emit("sl-page-change", {
-      detail: {
-        pageNumber: page,
-        pageSize: this.pageSize
-      }
-    });
-  }
-  render() {
-    const page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
-    const isRtl = this.direction === "rtl";
-    const prevIcon = isRtl ? "chevron-right" : "chevron-left";
-    const nextIcon = isRtl ? "chevron-left" : "chevron-right";
-    const firstIcon = isRtl ? "chevron-bar-right" : "chevron-bar-left";
-    const lastIcon = isRtl ? "chevron-bar-left" : "chevron-bar-right";
-    return this.simpleMode ? html`
-          <div class="pagination ${this.className}">
-            <sl-icon
-              name=${prevIcon}
-              class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-              @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
-            ></sl-icon>
-            <sl-icon
-              name=${nextIcon}
-              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=${firstIcon}
-                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== 1 && this.handlePageChangePage(1)}
-              ></sl-icon>
-              <sl-icon
-                name=${prevIcon}
-                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
-              ></sl-icon>
-              <sl-icon
-                name=${nextIcon}
-                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
-              ></sl-icon>
-              <sl-icon
-                name=${lastIcon}
-                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: String })
-], SlPagination.prototype, "direction", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "defaultCurrentPage", 2);
-__decorateClass([
-  state()
-], SlPagination.prototype, "totalPage", 2);
-
-export {
-  SlPagination
-};

package/dist/chunks/chunk.HYFM3KW5.js

@@ -1,11 +0,0 @@
-import {
-  SlFormatDate
-} from "./chunk.P3UQWYAM.js";
-
-// src/components/format-date/format-date.ts
-var format_date_default = SlFormatDate;
-SlFormatDate.define("sl-format-date");
-
-export {
-  format_date_default
-};

package/dist/chunks/chunk.HZXPYJWN.js

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

package/dist/chunks/chunk.I4B3PMJQ.js

@@ -1,11 +0,0 @@
-import {
-  SlDaterangepicker
-} from "./chunk.QL7Q6WMB.js";
-
-// src/components/daterangepicker/daterangepicker.ts
-var daterangepicker_default = SlDaterangepicker;
-SlDaterangepicker.define("sl-daterangepicker");
-
-export {
-  daterangepicker_default
-};

package/dist/chunks/chunk.IAABG4FT.js

@@ -1,45 +0,0 @@
-import {
-  card_styles_default
-} from "./chunk.43LWOCQ5.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-
-// src/components/card/card.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-var SlCard = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "footer", "header", "image");
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      card: true,
-      "card--has-footer": this.hasSlotController.test("footer"),
-      "card--has-image": this.hasSlotController.test("image"),
-      "card--has-header": this.hasSlotController.test("header")
-    })}
-      >
-        <slot name="image" part="image" class="card__image"></slot>
-        <slot name="header" part="header" class="card__header"></slot>
-        <slot part="body" class="card__body"></slot>
-        <slot name="footer" part="footer" class="card__footer"></slot>
-      </div>
-    `;
-  }
-};
-SlCard.styles = [component_styles_default, card_styles_default];
-
-export {
-  SlCard
-};

package/dist/chunks/chunk.IAKFV7KT.js

@@ -1,96 +0,0 @@
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  __spreadValues
-} from "./chunk.W5KB6T3Z.js";
-
-// src/internal/shoelace-element.ts
-import { LitElement } from "lit";
-import { property } from "lit/decorators.js";
-var _hasRecordedInitialProperties;
-var ShoelaceElement = class extends LitElement {
-  constructor() {
-    super();
-    __privateAdd(this, _hasRecordedInitialProperties, false);
-    // Store the constructor value of all `static properties = {}`
-    this.initialReflectedProperties = /* @__PURE__ */ new Map();
-    Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
-      this.constructor.define(name, component);
-    });
-  }
-  emit(name, options) {
-    const event = new CustomEvent(name, __spreadValues({
-      bubbles: true,
-      cancelable: false,
-      composed: true,
-      detail: {}
-    }, options));
-    this.dispatchEvent(event);
-    return event;
-  }
-  /* eslint-enable */
-  static define(name, elementConstructor = this, options = {}) {
-    const currentlyRegisteredConstructor = customElements.get(name);
-    if (!currentlyRegisteredConstructor) {
-      try {
-        customElements.define(name, elementConstructor, options);
-      } catch (_err) {
-        customElements.define(name, class extends elementConstructor {
-        }, options);
-      }
-      return;
-    }
-    let newVersion = " (unknown version)";
-    let existingVersion = newVersion;
-    if ("version" in elementConstructor && elementConstructor.version) {
-      newVersion = " v" + elementConstructor.version;
-    }
-    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
-      existingVersion = " v" + currentlyRegisteredConstructor.version;
-    }
-    if (newVersion && existingVersion && newVersion === existingVersion) {
-      return;
-    }
-    console.warn(
-      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
-    );
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (!__privateGet(this, _hasRecordedInitialProperties)) {
-      this.constructor.elementProperties.forEach(
-        (obj, prop) => {
-          if (obj.reflect && this[prop] != null) {
-            this.initialReflectedProperties.set(prop, this[prop]);
-          }
-        }
-      );
-      __privateSet(this, _hasRecordedInitialProperties, true);
-    }
-    super.attributeChangedCallback(name, oldValue, newValue);
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    this.initialReflectedProperties.forEach((value, prop) => {
-      if (changedProperties.has(prop) && this[prop] == null) {
-        this[prop] = value;
-      }
-    });
-  }
-};
-_hasRecordedInitialProperties = new WeakMap();
-/* eslint-disable */
-// @ts-expect-error This is auto-injected at build time.
-ShoelaceElement.version = "1.0.34";
-ShoelaceElement.dependencies = {};
-__decorateClass([
-  property()
-], ShoelaceElement.prototype, "dir", 2);
-__decorateClass([
-  property()
-], ShoelaceElement.prototype, "lang", 2);
-
-export {
-  ShoelaceElement
-};

package/dist/chunks/chunk.IEG36AU3.js

@@ -1,113 +0,0 @@
-import {
-  radio_styles_default
-} from "./chunk.EX2WPOBT.js";
-import {
-  SlIcon
-} from "./chunk.4HMJR4HD.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/radio/radio.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-var SlRadio = class extends ShoelaceElement {
-  constructor() {
-    super();
-    this.checked = false;
-    this.hasFocus = false;
-    this.size = "medium";
-    this.disabled = false;
-    this.handleBlur = () => {
-      this.hasFocus = false;
-      this.emit("sl-blur");
-    };
-    this.handleClick = () => {
-      if (!this.disabled) {
-        this.checked = true;
-      }
-    };
-    this.handleFocus = () => {
-      this.hasFocus = true;
-      this.emit("sl-focus");
-    };
-    this.addEventListener("blur", this.handleBlur);
-    this.addEventListener("click", this.handleClick);
-    this.addEventListener("focus", this.handleFocus);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setInitialAttributes();
-  }
-  setInitialAttributes() {
-    this.setAttribute("role", "radio");
-    this.setAttribute("tabindex", "-1");
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleCheckedChange() {
-    this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    this.setAttribute("tabindex", this.checked ? "0" : "-1");
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  render() {
-    return html`
-      <span
-        part="base"
-        class=${classMap({
-      radio: true,
-      "radio--checked": this.checked,
-      "radio--disabled": this.disabled,
-      "radio--focused": this.hasFocus,
-      "radio--small": this.size === "small",
-      "radio--medium": this.size === "medium",
-      "radio--large": this.size === "large"
-    })}
-      >
-        <span part="${`control${this.checked ? " control--checked" : ""}`}" class="radio__control">
-          ${this.checked ? html` <sl-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></sl-icon> ` : ""}
-        </span>
-
-        <slot part="label" class="radio__label"></slot>
-      </span>
-    `;
-  }
-};
-SlRadio.styles = [component_styles_default, radio_styles_default];
-SlRadio.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  state()
-], SlRadio.prototype, "checked", 2);
-__decorateClass([
-  state()
-], SlRadio.prototype, "hasFocus", 2);
-__decorateClass([
-  property()
-], SlRadio.prototype, "value", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlRadio.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlRadio.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], SlRadio.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SlRadio.prototype, "handleDisabledChange", 1);
-
-export {
-  SlRadio
-};