@kdcloudjs/shoelace 1.0.9 → 1.0.10

package/cdn/chunks/chunk.ELUCJP47.js

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

package/cdn/chunks/chunk.EY7ZHDDB.js

@@ -0,0 +1,29 @@
+import {
+  SlDialog
+} from "./chunk.SL2Y3I64.js";
+
+// src/react/dialog/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-dialog";
+SlDialog.define("sl-dialog");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlDialog,
+  react: React,
+  events: {
+    onSlShow: "sl-show",
+    onSlAfterShow: "sl-after-show",
+    onSlHide: "sl-hide",
+    onSlAfterHide: "sl-after-hide",
+    onSlInitialFocus: "sl-initial-focus",
+    onSlRequestClose: "sl-request-close"
+  },
+  displayName: "SlDialog"
+});
+var dialog_default = reactWrapper;
+
+export {
+  dialog_default
+};

package/cdn/chunks/chunk.F3SZ6C2R.js

@@ -0,0 +1,25 @@
+import {
+  SlCopyButton
+} from "./chunk.GC7ILW3Y.js";
+
+// src/react/copy-button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-copy-button";
+SlCopyButton.define("sl-copy-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlCopyButton,
+  react: React,
+  events: {
+    onSlCopy: "sl-copy",
+    onSlError: "sl-error"
+  },
+  displayName: "SlCopyButton"
+});
+var copy_button_default = reactWrapper;
+
+export {
+  copy_button_default
+};

package/cdn/chunks/chunk.F5B5QDUN.js

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

package/cdn/chunks/chunk.FFZMCYSD.js

@@ -0,0 +1,135 @@
+import {
+  icon_button_styles_default
+} from "./chunk.TZ4FLPO7.js";
+import {
+  i,
+  u
+} from "./chunk.2ZJLDS5B.js";
+import {
+  o
+} from "./chunk.KJQP3AWV.js";
+import {
+  e
+} from "./chunk.VHCLMDG7.js";
+import {
+  SlIcon
+} from "./chunk.3DRU34TW.js";
+import {
+  component_styles_default
+} from "./chunk.NDXSHFSW.js";
+import {
+  ShoelaceElement,
+  e as e2,
+  n,
+  r
+} from "./chunk.WDD5BVF2.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/icon-button/icon-button.component.ts
+var SlIconButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasFocus = false;
+    this.label = "";
+    this.disabled = false;
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleClick(event) {
+    if (this.disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(options) {
+    this.button.focus(options);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const isLink = this.href ? true : false;
+    const tag = isLink ? i`a` : i`button`;
+    return u`
+      <${tag}
+        part="base"
+        class=${e({
+      "icon-button": true,
+      "icon-button--disabled": !isLink && this.disabled,
+      "icon-button--focused": this.hasFocus
+    })}
+        ?disabled=${o(isLink ? void 0 : this.disabled)}
+        type=${o(isLink ? void 0 : "button")}
+        href=${o(isLink ? this.href : void 0)}
+        target=${o(isLink ? this.target : void 0)}
+        download=${o(isLink ? this.download : void 0)}
+        rel=${o(isLink && this.target ? "noreferrer noopener" : void 0)}
+        role=${o(isLink ? void 0 : "button")}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled ? "-1" : "0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <sl-icon
+          class="icon-button__icon"
+          name=${o(this.name)}
+          library=${o(this.library)}
+          src=${o(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${tag}>
+    `;
+  }
+};
+SlIconButton.styles = [component_styles_default, icon_button_styles_default];
+SlIconButton.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e2(".icon-button")
+], SlIconButton.prototype, "button", 2);
+__decorateClass([
+  r()
+], SlIconButton.prototype, "hasFocus", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "name", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "library", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "src", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "href", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "target", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "download", 2);
+__decorateClass([
+  n()
+], SlIconButton.prototype, "label", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlIconButton.prototype, "disabled", 2);
+
+export {
+  SlIconButton
+};

package/cdn/chunks/chunk.FSFWU7ZI.js

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

package/cdn/chunks/chunk.FYNJX5G2.js

@@ -0,0 +1,130 @@
+import {
+  SlMenu
+} from "./chunk.WPNSPYDX.js";
+import {
+  SlMenuItem
+} from "./chunk.HDSA77NK.js";
+import {
+  SlDropdown
+} from "./chunk.Y5ZAVRSU.js";
+import {
+  SlIcon
+} from "./chunk.3DRU34TW.js";
+import {
+  ShoelaceElement,
+  n,
+  r,
+  t
+} from "./chunk.WDD5BVF2.js";
+import {
+  b,
+  i
+} from "./chunk.7WSF3BCU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/pagination/custom-select.ts
+var CustomSelect = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.options = [10, 20, 50, 100];
+    this.selected = 20;
+    this.disabled = false;
+    this.open = false;
+  }
+  selectItem(option) {
+    this.selected = option;
+    this.open = false;
+    this.dispatchEvent(
+      new CustomEvent("select-change", {
+        detail: option,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return b`
+      <sl-dropdown
+        @sl-show=${() => this.open = true}
+        @sl-hide=${() => this.open = false}
+        ?disabled=${this.disabled}
+        placement="bottom-end"
+      >
+        <div class="select-box" slot="trigger">
+          ${this.selected}条/页
+          <sl-icon class="arrow" name="${this.open ? "chevron-up" : "chevron-down"}"></sl-icon>
+        </div>
+        <sl-menu>
+          ${this.options.map(
+      (option) => b`<sl-menu-item @click=${() => this.selectItem(option)} value=${option}>${option}条/页</sl-menu-item>`
+    )}
+        </sl-menu>
+      </sl-dropdown>
+    `;
+  }
+};
+CustomSelect.styles = i`
+    :host {
+      display: inline-block;
+      position: relative;
+      font-family: sans-serif;
+    }
+    .select-box {
+      padding: 2px;
+      border-radius: 4px;
+      position: relative;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      color: var(--sl-pagination-page-size-color);
+      font-size: var(--sl-pagination-font-size);
+    }
+    .arrow {
+      margin-left: 2px;
+      &:hover {
+        color: #5582f3;
+      }
+    }
+    span.menu-item__check {
+      width: 0;
+    }
+    sl-menu-item::part(checked-icon) {
+      width: 8px;
+    }
+    sl-menu-item::part(base) {
+      color: var(--sl-pagination-page-size-color);
+      font-size: var(--sl-pagination-font-size);
+    }
+    sl-menu-item::part(base):focus-visible,
+    sl-menu-item::part(base):hover {
+      color: #5582f3;
+      background-color: #f5f7fa;
+    }
+  `;
+CustomSelect.dependencies = {
+  "sl-dropdown": SlDropdown,
+  "sl-menu": SlMenu,
+  "sl-menu-item": SlMenuItem,
+  "sl-icon": SlIcon
+};
+__decorateClass([
+  n({ type: Array })
+], CustomSelect.prototype, "options", 2);
+__decorateClass([
+  n({ type: Number })
+], CustomSelect.prototype, "selected", 2);
+__decorateClass([
+  n({ type: Boolean })
+], CustomSelect.prototype, "disabled", 2);
+__decorateClass([
+  r()
+], CustomSelect.prototype, "open", 2);
+CustomSelect = __decorateClass([
+  t("custom-select")
+], CustomSelect);
+
+export {
+  CustomSelect
+};

package/cdn/chunks/chunk.G2OJTXK3.js

@@ -0,0 +1,73 @@
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.WDD5BVF2.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/format-number/format-number.component.ts
+var SlFormatNumber = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.value = 0;
+    this.type = "decimal";
+    this.noGrouping = false;
+    this.currency = "USD";
+    this.currencyDisplay = "symbol";
+  }
+  render() {
+    if (isNaN(this.value)) {
+      return "";
+    }
+    return this.localize.number(this.value, {
+      style: this.type,
+      currency: this.currency,
+      currencyDisplay: this.currencyDisplay,
+      useGrouping: !this.noGrouping,
+      minimumIntegerDigits: this.minimumIntegerDigits,
+      minimumFractionDigits: this.minimumFractionDigits,
+      maximumFractionDigits: this.maximumFractionDigits,
+      minimumSignificantDigits: this.minimumSignificantDigits,
+      maximumSignificantDigits: this.maximumSignificantDigits
+    });
+  }
+};
+__decorateClass([
+  n({ type: Number })
+], SlFormatNumber.prototype, "value", 2);
+__decorateClass([
+  n()
+], SlFormatNumber.prototype, "type", 2);
+__decorateClass([
+  n({ attribute: "no-grouping", type: Boolean })
+], SlFormatNumber.prototype, "noGrouping", 2);
+__decorateClass([
+  n()
+], SlFormatNumber.prototype, "currency", 2);
+__decorateClass([
+  n({ attribute: "currency-display" })
+], SlFormatNumber.prototype, "currencyDisplay", 2);
+__decorateClass([
+  n({ attribute: "minimum-integer-digits", type: Number })
+], SlFormatNumber.prototype, "minimumIntegerDigits", 2);
+__decorateClass([
+  n({ attribute: "minimum-fraction-digits", type: Number })
+], SlFormatNumber.prototype, "minimumFractionDigits", 2);
+__decorateClass([
+  n({ attribute: "maximum-fraction-digits", type: Number })
+], SlFormatNumber.prototype, "maximumFractionDigits", 2);
+__decorateClass([
+  n({ attribute: "minimum-significant-digits", type: Number })
+], SlFormatNumber.prototype, "minimumSignificantDigits", 2);
+__decorateClass([
+  n({ attribute: "maximum-significant-digits", type: Number })
+], SlFormatNumber.prototype, "maximumSignificantDigits", 2);
+
+export {
+  SlFormatNumber
+};

package/cdn/chunks/chunk.GC7ILW3Y.js

@@ -0,0 +1,233 @@
+import {
+  SlTooltip
+} from "./chunk.L5MSYWNU.js";
+import {
+  copy_button_styles_default
+} from "./chunk.6FMCIQ3A.js";
+import {
+  getAnimation,
+  setDefaultAnimation
+} from "./chunk.KSB7EI3T.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
+import {
+  e
+} from "./chunk.VHCLMDG7.js";
+import {
+  SlIcon
+} from "./chunk.3DRU34TW.js";
+import {
+  component_styles_default
+} from "./chunk.NDXSHFSW.js";
+import {
+  ShoelaceElement,
+  e as e2,
+  n,
+  r
+} from "./chunk.WDD5BVF2.js";
+import {
+  b
+} from "./chunk.7WSF3BCU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/copy-button/copy-button.component.ts
+var SlCopyButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.isCopying = false;
+    this.status = "rest";
+    this.value = "";
+    this.from = "";
+    this.disabled = false;
+    this.copyLabel = "";
+    this.successLabel = "";
+    this.errorLabel = "";
+    this.feedbackDuration = 1e3;
+    this.tooltipPlacement = "top";
+    this.hoist = false;
+  }
+  async handleCopy() {
+    if (this.disabled || this.isCopying) {
+      return;
+    }
+    this.isCopying = true;
+    let valueToCopy = this.value;
+    if (this.from) {
+      const root = this.getRootNode();
+      const isProperty = this.from.includes(".");
+      const isAttribute = this.from.includes("[") && this.from.includes("]");
+      let id = this.from;
+      let field = "";
+      if (isProperty) {
+        [id, field] = this.from.trim().split(".");
+      } else if (isAttribute) {
+        [id, field] = this.from.trim().replace(/\]$/, "").split("[");
+      }
+      const target = "getElementById" in root ? root.getElementById(id) : null;
+      if (target) {
+        if (isAttribute) {
+          valueToCopy = target.getAttribute(field) || "";
+        } else if (isProperty) {
+          valueToCopy = target[field] || "";
+        } else {
+          valueToCopy = target.textContent || "";
+        }
+      } else {
+        this.showStatus("error");
+        this.emit("sl-error");
+      }
+    }
+    if (!valueToCopy) {
+      this.showStatus("error");
+      this.emit("sl-error");
+    } else {
+      try {
+        await navigator.clipboard.writeText(valueToCopy);
+        this.showStatus("success");
+        this.emit("sl-copy", {
+          detail: {
+            value: valueToCopy
+          }
+        });
+      } catch (error) {
+        this.showStatus("error");
+        this.emit("sl-error");
+      }
+    }
+  }
+  async showStatus(status) {
+    const copyLabel = this.copyLabel || this.localize.term("copy");
+    const successLabel = this.successLabel || this.localize.term("copied");
+    const errorLabel = this.errorLabel || this.localize.term("error");
+    const iconToShow = status === "success" ? this.successIcon : this.errorIcon;
+    const showAnimation = getAnimation(this, "copy.in", { dir: "ltr" });
+    const hideAnimation = getAnimation(this, "copy.out", { dir: "ltr" });
+    this.tooltip.content = status === "success" ? successLabel : errorLabel;
+    await this.copyIcon.animate(hideAnimation.keyframes, hideAnimation.options).finished;
+    this.copyIcon.hidden = true;
+    this.status = status;
+    iconToShow.hidden = false;
+    await iconToShow.animate(showAnimation.keyframes, showAnimation.options).finished;
+    setTimeout(async () => {
+      await iconToShow.animate(hideAnimation.keyframes, hideAnimation.options).finished;
+      iconToShow.hidden = true;
+      this.status = "rest";
+      this.copyIcon.hidden = false;
+      await this.copyIcon.animate(showAnimation.keyframes, showAnimation.options).finished;
+      this.tooltip.content = copyLabel;
+      this.isCopying = false;
+    }, this.feedbackDuration);
+  }
+  render() {
+    const copyLabel = this.copyLabel || this.localize.term("copy");
+    return b`
+      <sl-tooltip
+        class=${e({
+      "copy-button": true,
+      "copy-button--success": this.status === "success",
+      "copy-button--error": this.status === "error"
+    })}
+        content=${copyLabel}
+        placement=${this.tooltipPlacement}
+        ?disabled=${this.disabled}
+        ?hoist=${this.hoist}
+        exportparts="
+          base:tooltip__base,
+          base__popup:tooltip__base__popup,
+          base__arrow:tooltip__base__arrow,
+          body:tooltip__body
+        "
+      >
+        <button
+          class="copy-button__button"
+          part="button"
+          type="button"
+          ?disabled=${this.disabled}
+          @click=${this.handleCopy}
+        >
+          <slot part="copy-icon" name="copy-icon">
+            <sl-icon library="system" name="copy"></sl-icon>
+          </slot>
+          <slot part="success-icon" name="success-icon" hidden>
+            <sl-icon library="system" name="check"></sl-icon>
+          </slot>
+          <slot part="error-icon" name="error-icon" hidden>
+            <sl-icon library="system" name="x-lg"></sl-icon>
+          </slot>
+        </button>
+      </sl-tooltip>
+    `;
+  }
+};
+SlCopyButton.styles = [component_styles_default, copy_button_styles_default];
+SlCopyButton.dependencies = {
+  "sl-icon": SlIcon,
+  "sl-tooltip": SlTooltip
+};
+__decorateClass([
+  e2('slot[name="copy-icon"]')
+], SlCopyButton.prototype, "copyIcon", 2);
+__decorateClass([
+  e2('slot[name="success-icon"]')
+], SlCopyButton.prototype, "successIcon", 2);
+__decorateClass([
+  e2('slot[name="error-icon"]')
+], SlCopyButton.prototype, "errorIcon", 2);
+__decorateClass([
+  e2("sl-tooltip")
+], SlCopyButton.prototype, "tooltip", 2);
+__decorateClass([
+  r()
+], SlCopyButton.prototype, "isCopying", 2);
+__decorateClass([
+  r()
+], SlCopyButton.prototype, "status", 2);
+__decorateClass([
+  n()
+], SlCopyButton.prototype, "value", 2);
+__decorateClass([
+  n()
+], SlCopyButton.prototype, "from", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlCopyButton.prototype, "disabled", 2);
+__decorateClass([
+  n({ attribute: "copy-label" })
+], SlCopyButton.prototype, "copyLabel", 2);
+__decorateClass([
+  n({ attribute: "success-label" })
+], SlCopyButton.prototype, "successLabel", 2);
+__decorateClass([
+  n({ attribute: "error-label" })
+], SlCopyButton.prototype, "errorLabel", 2);
+__decorateClass([
+  n({ attribute: "feedback-duration", type: Number })
+], SlCopyButton.prototype, "feedbackDuration", 2);
+__decorateClass([
+  n({ attribute: "tooltip-placement" })
+], SlCopyButton.prototype, "tooltipPlacement", 2);
+__decorateClass([
+  n({ type: Boolean })
+], SlCopyButton.prototype, "hoist", 2);
+setDefaultAnimation("copy.in", {
+  keyframes: [
+    { scale: ".25", opacity: ".25" },
+    { scale: "1", opacity: "1" }
+  ],
+  options: { duration: 100 }
+});
+setDefaultAnimation("copy.out", {
+  keyframes: [
+    { scale: "1", opacity: "1" },
+    { scale: ".25", opacity: "0" }
+  ],
+  options: { duration: 100 }
+});
+
+export {
+  SlCopyButton
+};

package/cdn/chunks/chunk.GEDB5Y35.js

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

package/cdn/chunks/chunk.GHMVDLYX.js

@@ -0,0 +1,11 @@
+import {
+  SlCarouselItem
+} from "./chunk.YHZKDOTR.js";
+
+// src/components/carousel-item/carousel-item.ts
+var carousel_item_default = SlCarouselItem;
+SlCarouselItem.define("sl-carousel-item");
+
+export {
+  carousel_item_default
+};