@kdcloudjs/shoelace 1.0.17 → 1.0.18

package/cdn/chunks/chunk.5BPRLDCH.js

@@ -1,334 +0,0 @@
-import {
-  defaultValue
-} from "./chunk.JCJCP52E.js";
-import {
-  FormControlController
-} from "./chunk.SY37VGFH.js";
-import {
-  o
-} from "./chunk.KJQP3AWV.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  ShoelaceElement,
-  e,
-  n,
-  r
-} from "./chunk.36BMTOJX.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/internal/picker.ts
-var PickerBase = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.formControlController = new FormControlController(this);
-    this.hasSlotController = new HasSlotController(
-      this,
-      "help-text",
-      "label",
-      "prefix",
-      "suffix",
-      "clear-icon"
-    );
-    this.lastValidValue = "";
-    this.open = false;
-    this.isMobile = false;
-    this.value = "";
-    this.defaultValue = "";
-    this.name = "";
-    this.placeholder = "";
-    this.label = "";
-    this.disabled = false;
-    this.readonly = false;
-    this.clearable = true;
-    this.size = "medium";
-    this.hoist = false;
-    this.filled = false;
-    this.pill = false;
-    this.helpText = "";
-    this.form = "";
-    this.required = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleResize = this.handleResize.bind(this);
-    window.addEventListener("resize", this.handleResize);
-    this.handleResize();
-    if (!this.value && this.defaultValue) {
-      this.value = this.defaultValue;
-    }
-    const parsedValue = this.parseValue(this.value);
-    if (this.value && (!parsedValue || !this.isValidFormat(this.value))) {
-      this.value = "";
-    } else if (parsedValue) {
-      this.lastValidValue = this.value;
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    window.removeEventListener("resize", this.handleResize);
-  }
-  isValidFormat(value) {
-    return !!value;
-  }
-  isValidValue(date) {
-    return !!date;
-  }
-  getInputType() {
-    return "text";
-  }
-  getInputPattern() {
-    return void 0;
-  }
-  getInputSuffixIconName() {
-    return void 0;
-  }
-  shouldRevertOnBlur(wasOpen) {
-    return false;
-  }
-  handleResize() {
-    this.isMobile = window.matchMedia("(max-width: 500px)").matches;
-  }
-  openCalendar() {
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    if (this.input) {
-      this.input.focus({ preventScroll: true });
-    }
-    if (!this.open) {
-      this.open = !this.open;
-    }
-  }
-  /** 移除焦点并关闭面板 */
-  blur() {
-    if (this.isMobile && this.open) {
-      return;
-    }
-    this.input.blur();
-    this.open = false;
-  }
-  checkValidity() {
-    return this.input.checkValidity();
-  }
-  reportValidity() {
-    return this.input.reportValidity();
-  }
-  setCustomValidity(message) {
-    this.input.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  get validity() {
-    return this.input.validity;
-  }
-  get validationMessage() {
-    return this.input.validationMessage;
-  }
-  updateValue(value, options) {
-    const oldValue = this.value;
-    this.value = value;
-    if (value !== oldValue) {
-      if (options == null ? void 0 : options.emitInput) {
-        this.emit("sl-input");
-      }
-      if (options == null ? void 0 : options.emitChange) {
-        this.emit("sl-change");
-      }
-    }
-  }
-  handleTriggerMouseDown(event) {
-    const path = event.composedPath();
-    const isIconButton = path.some((el) => el instanceof Element && el.tagName.toLowerCase() === "sl-icon-button");
-    if (isIconButton) {
-      return;
-    }
-    this.openCalendar();
-  }
-  handleSuffixClick() {
-    this.openCalendar();
-  }
-  handleInputChange(event) {
-    event.stopPropagation();
-    const target = event.target;
-    this.updateValue(target.value, { emitInput: true, emitChange: true });
-  }
-  handleInputInput(event) {
-  }
-  // 统一移动端行为：只在确认时提交
-  revertValue() {
-    this.updateValue(this.lastValidValue, { emitInput: true, emitChange: true });
-  }
-  commitValue() {
-    const parsedDate = this.parseValue(this.value);
-    const isValid = this.isValidValue(parsedDate);
-    if (isValid && parsedDate) {
-      const formattedValue = this.formatValue(parsedDate);
-      this.updateValue(formattedValue, { emitChange: true });
-    } else {
-      if (this.value === "") {
-        this.lastValidValue = "";
-      } else {
-        this.updateValue(this.lastValidValue, { emitChange: true });
-      }
-    }
-  }
-  handleMobileCancel() {
-    this.open = false;
-    this.revertValue();
-  }
-  handleMobileClear() {
-    this.value = "";
-    this.updateValue("", { emitInput: true, emitChange: true });
-    this.open = false;
-  }
-  handleMobileConfirm() {
-    this.open = false;
-    this.commitValue();
-  }
-  handleInputBlur() {
-    if (this.isMobile && this.open) {
-      return;
-    }
-    const wasOpen = this.open;
-    this.open = false;
-    if (this.shouldRevertOnBlur(wasOpen)) {
-      this.revertValue();
-      return;
-    }
-    this.commitValue();
-  }
-  syncInputValue() {
-    if (this.input && this.input.value !== this.value) {
-      this.input.value = this.value;
-    }
-  }
-  handleInputKeyDown(event) {
-    if (event.key === "Escape" && this.open) {
-      event.stopPropagation();
-      this.open = false;
-    }
-    if (event.key === "Enter") {
-      this.syncInputValue();
-    }
-  }
-  /** 设置焦点并按需打开面板 */
-  focus(options) {
-    this.input.focus(options);
-    if (!this.isMobile) {
-      this.openCalendar();
-    }
-  }
-  handleInputInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
-  renderInput(slot = "") {
-    const type = this.getInputType();
-    const pattern = this.getInputPattern();
-    const suffixIcon = this.getInputSuffixIconName();
-    return b`
-      <sl-input
-        part="input"
-        slot=${o(slot || void 0)}
-        size=${this.size}
-        .value=${this.value}
-        default-value=${this.defaultValue}
-        label=${this.label}
-        placeholder=${this.placeholder}
-        help-text=${this.helpText}
-        ?disabled=${this.disabled}
-        ?readonly=${this.readonly || this.isMobile}
-        ?clearable=${this.clearable}
-        ?filled=${this.filled}
-        ?pill=${this.pill}
-        ?required=${this.required}
-        ?autofocus=${this.autofocus}
-        type=${o(type)}
-        pattern=${o(pattern)}
-        autocomplete="off"
-        @mousedown=${this.handleTriggerMouseDown}
-        @sl-change=${this.handleInputChange}
-        @sl-blur=${this.handleInputBlur}
-        @sl-input=${this.handleInputInput}
-        @sl-invalid=${this.handleInputInvalid}
-        @keydown=${this.handleInputKeyDown}
-      >
-        ${this.hasSlotController.test("label") ? b`<slot name="label" slot="label"></slot>` : ""}
-        ${this.hasSlotController.test("prefix") ? b`<slot name="prefix" slot="prefix"></slot>` : ""}
-        ${this.hasSlotController.test("suffix") ? b`<slot name="suffix" slot="suffix"></slot>` : suffixIcon ? b`<sl-icon slot="suffix" @click=${this.handleSuffixClick} name=${suffixIcon}></sl-icon>` : ""}
-        ${this.hasSlotController.test("clear-icon") ? b`<slot name="clear-icon" slot="clear-icon"></slot>` : ""}
-        ${this.hasSlotController.test("help-text") ? b`<slot name="help-text" slot="help-text"></slot>` : ""}
-      </sl-input>
-    `;
-  }
-};
-__decorateClass([
-  e("sl-input")
-], PickerBase.prototype, "input", 2);
-__decorateClass([
-  r()
-], PickerBase.prototype, "open", 2);
-__decorateClass([
-  r()
-], PickerBase.prototype, "isMobile", 2);
-__decorateClass([
-  n()
-], PickerBase.prototype, "value", 2);
-__decorateClass([
-  defaultValue()
-], PickerBase.prototype, "defaultValue", 2);
-__decorateClass([
-  n()
-], PickerBase.prototype, "name", 2);
-__decorateClass([
-  n()
-], PickerBase.prototype, "placeholder", 2);
-__decorateClass([
-  n()
-], PickerBase.prototype, "label", 2);
-__decorateClass([
-  n({ type: Boolean })
-], PickerBase.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean })
-], PickerBase.prototype, "readonly", 2);
-__decorateClass([
-  n({ type: Boolean })
-], PickerBase.prototype, "clearable", 2);
-__decorateClass([
-  n({ reflect: true })
-], PickerBase.prototype, "size", 2);
-__decorateClass([
-  n({ type: Boolean })
-], PickerBase.prototype, "hoist", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], PickerBase.prototype, "filled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], PickerBase.prototype, "pill", 2);
-__decorateClass([
-  n({ attribute: "help-text" })
-], PickerBase.prototype, "helpText", 2);
-__decorateClass([
-  n({ reflect: true })
-], PickerBase.prototype, "form", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], PickerBase.prototype, "required", 2);
-__decorateClass([
-  n({ type: Boolean })
-], PickerBase.prototype, "autofocus", 2);
-
-export {
-  PickerBase
-};

package/cdn/chunks/chunk.5C2D23VD.js

@@ -1,29 +0,0 @@
-import {
-  SlInput
-} from "./chunk.S4KBFEOP.js";
-
-// src/react/input/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-input";
-SlInput.define("sl-input");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlInput,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlChange: "sl-change",
-    onSlClear: "sl-clear",
-    onSlFocus: "sl-focus",
-    onSlInput: "sl-input",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlInput"
-});
-var input_default = reactWrapper;
-
-export {
-  input_default
-};

package/cdn/chunks/chunk.5JLH5PE3.js

@@ -1,11 +0,0 @@
-import {
-  SlCard
-} from "./chunk.74HMBCGT.js";
-
-// src/components/card/card.ts
-var card_default = SlCard;
-SlCard.define("sl-card");
-
-export {
-  card_default
-};

package/cdn/chunks/chunk.5ZFEGBDN.js

@@ -1,302 +0,0 @@
-import {
-  SlSpinner
-} from "./chunk.32YAVLUZ.js";
-import {
-  FormControlController,
-  validValidityState
-} from "./chunk.SY37VGFH.js";
-import {
-  button_styles_default
-} from "./chunk.N6Z36FFY.js";
-import {
-  i,
-  u
-} from "./chunk.2ZJLDS5B.js";
-import {
-  o
-} from "./chunk.KJQP3AWV.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  e
-} from "./chunk.VHCLMDG7.js";
-import {
-  SlIcon
-} from "./chunk.LM7RJM2G.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.36BMTOJX.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/button/button.component.ts
-var SlButton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["click"]
-    });
-    this.hasSlotController = new HasSlotController(this, "[default]", "prefix", "suffix");
-    this.localize = new LocalizeController(this);
-    this.hasFocus = false;
-    this.invalid = false;
-    this.title = "";
-    this.variant = "default";
-    this.size = "medium";
-    this.caret = false;
-    this.disabled = false;
-    this.loading = false;
-    this.outline = false;
-    this.pill = false;
-    this.circle = false;
-    this.type = "button";
-    this.name = "";
-    this.value = "";
-    this.href = "";
-    this.rel = "noreferrer noopener";
-  }
-  /** Gets the validity state object */
-  get validity() {
-    if (this.isButton()) {
-      return this.button.validity;
-    }
-    return validValidityState;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    if (this.isButton()) {
-      return this.button.validationMessage;
-    }
-    return "";
-  }
-  firstUpdated() {
-    if (this.isButton()) {
-      this.formControlController.updateValidity();
-    }
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("sl-blur");
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("sl-focus");
-  }
-  handleClick() {
-    if (this.type === "submit") {
-      this.formControlController.submit(this);
-    }
-    if (this.type === "reset") {
-      this.formControlController.reset(this);
-    }
-  }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
-  isButton() {
-    return this.href ? false : true;
-  }
-  isLink() {
-    return this.href ? true : false;
-  }
-  handleDisabledChange() {
-    if (this.isButton()) {
-      this.formControlController.setValidity(this.disabled);
-    }
-  }
-  /** Simulates a click on the button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the button. */
-  focus(options) {
-    this.button.focus(options);
-  }
-  /** Removes focus from the button. */
-  blur() {
-    this.button.blur();
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    if (this.isButton()) {
-      return this.button.checkValidity();
-    }
-    return true;
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    if (this.isButton()) {
-      return this.button.reportValidity();
-    }
-    return true;
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(message) {
-    if (this.isButton()) {
-      this.button.setCustomValidity(message);
-      this.formControlController.updateValidity();
-    }
-  }
-  render() {
-    const isLink = this.isLink();
-    const tag = isLink ? i`a` : i`button`;
-    return u`
-      <${tag}
-        part="base"
-        class=${e({
-      button: true,
-      "button--default": this.variant === "default",
-      "button--primary": this.variant === "primary",
-      "button--success": this.variant === "success",
-      "button--neutral": this.variant === "neutral",
-      "button--warning": this.variant === "warning",
-      "button--danger": this.variant === "danger",
-      "button--text": this.variant === "text",
-      "button--small": this.size === "small",
-      "button--medium": this.size === "medium",
-      "button--large": this.size === "large",
-      "button--caret": this.caret,
-      "button--circle": this.circle,
-      "button--disabled": this.disabled,
-      "button--focused": this.hasFocus,
-      "button--loading": this.loading,
-      "button--standard": !this.outline,
-      "button--outline": this.outline,
-      "button--pill": this.pill,
-      "button--rtl": this.localize.dir() === "rtl",
-      "button--has-label": this.hasSlotController.test("[default]"),
-      "button--has-prefix": this.hasSlotController.test("prefix"),
-      "button--has-suffix": this.hasSlotController.test("suffix")
-    })}
-        ?disabled=${o(isLink ? void 0 : this.disabled)}
-        type=${o(isLink ? void 0 : this.type)}
-        title=${this.title}
-        name=${o(isLink ? void 0 : this.name)}
-        value=${o(isLink ? void 0 : this.value)}
-        href=${o(isLink && !this.disabled ? this.href : void 0)}
-        target=${o(isLink ? this.target : void 0)}
-        download=${o(isLink ? this.download : void 0)}
-        rel=${o(isLink ? this.rel : void 0)}
-        role=${o(isLink ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
-        tabindex=${this.disabled ? "-1" : "0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton() ? this.handleInvalid : null}
-        @click=${this.handleClick}
-      >
-        <slot name="prefix" part="prefix" class="button__prefix"></slot>
-        <slot part="label" class="button__label"></slot>
-        <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        ${this.caret ? u` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> ` : ""}
-        ${this.loading ? u`<sl-spinner part="spinner"></sl-spinner>` : ""}
-      </${tag}>
-    `;
-  }
-};
-SlButton.styles = [component_styles_default, button_styles_default];
-SlButton.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  e2(".button")
-], SlButton.prototype, "button", 2);
-__decorateClass([
-  r()
-], SlButton.prototype, "hasFocus", 2);
-__decorateClass([
-  r()
-], SlButton.prototype, "invalid", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "title", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlButton.prototype, "variant", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlButton.prototype, "size", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlButton.prototype, "caret", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlButton.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlButton.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlButton.prototype, "outline", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlButton.prototype, "pill", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlButton.prototype, "circle", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "type", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "name", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "value", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "href", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "target", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "rel", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "download", 2);
-__decorateClass([
-  n()
-], SlButton.prototype, "form", 2);
-__decorateClass([
-  n({ attribute: "formaction" })
-], SlButton.prototype, "formAction", 2);
-__decorateClass([
-  n({ attribute: "formenctype" })
-], SlButton.prototype, "formEnctype", 2);
-__decorateClass([
-  n({ attribute: "formmethod" })
-], SlButton.prototype, "formMethod", 2);
-__decorateClass([
-  n({ attribute: "formnovalidate", type: Boolean })
-], SlButton.prototype, "formNoValidate", 2);
-__decorateClass([
-  n({ attribute: "formtarget" })
-], SlButton.prototype, "formTarget", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SlButton.prototype, "handleDisabledChange", 1);
-
-export {
-  SlButton
-};

package/cdn/chunks/chunk.6EBGBMNC.js

@@ -1,25 +0,0 @@
-import {
-  SlIconButton
-} from "./chunk.4QRLZLHN.js";
-
-// src/react/icon-button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-icon-button";
-SlIconButton.define("sl-icon-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlIconButton,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus"
-  },
-  displayName: "SlIconButton"
-});
-var icon_button_default = reactWrapper;
-
-export {
-  icon_button_default
-};

package/cdn/chunks/chunk.6KMGBVDL.js

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