@kdcloudjs/shoelace 1.0.51 → 1.0.52

package/cdn/chunks/chunk.2G73RXIH.js

@@ -0,0 +1,11 @@
+import {
+  SlProgressBar
+} from "./chunk.6OUAKLAH.js";
+
+// src/components/progress-bar/progress-bar.ts
+var progress_bar_default = SlProgressBar;
+SlProgressBar.define("sl-progress-bar");
+
+export {
+  progress_bar_default
+};

package/cdn/chunks/chunk.2HRPMOQM.js

@@ -0,0 +1,21 @@
+import {
+  SlTabPanel
+} from "./chunk.4CYR65T5.js";
+
+// src/react/tab-panel/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "sl-tab-panel";
+SlTabPanel.define("sl-tab-panel");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlTabPanel,
+  react: React,
+  events: {},
+  displayName: "SlTabPanel"
+});
+var tab_panel_default = reactWrapper;
+
+export {
+  tab_panel_default
+};

package/cdn/chunks/chunk.2LRWHOTR.js

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

package/cdn/chunks/chunk.2O76QLFW.js

@@ -0,0 +1,198 @@
+import {
+  segmented_styles_default
+} from "./chunk.SHFCKG5G.js";
+import {
+  SlTooltip
+} from "./chunk.FWKTAM24.js";
+import {
+  SlIcon
+} from "./chunk.QKWA4FGY.js";
+import {
+  component_styles_default
+} from "./chunk.WT5BNBAS.js";
+import {
+  ShoelaceElement,
+  e,
+  n,
+  r,
+  r2
+} from "./chunk.XXG7OQYD.js";
+import {
+  A,
+  b
+} from "./chunk.7Z2GKZ7U.js";
+import {
+  __decorateClass,
+  __spreadProps,
+  __spreadValues
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/segmented/segmented.component.ts
+var SlSegmented = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.options = [];
+    this.disabled = false;
+    this.orientation = "horizontal";
+    this.shape = "default";
+    this.size = "medium";
+    this.block = false;
+    this.name = "segmented";
+    this.thumbStyle = "";
+    this._internalValue = "";
+  }
+  /** 判断是否为受控模式 */
+  get isControlled() {
+    return this.value !== void 0;
+  }
+  /** 获取当前选中值（受控模式用 value，非受控模式用内部值） */
+  get currentValue() {
+    return this.isControlled ? this.value : this._internalValue;
+  }
+  normalizeOption(opt) {
+    var _a;
+    if (typeof opt === "string") return { label: opt, value: opt };
+    if (typeof opt === "number") return { label: String(opt), value: opt };
+    return __spreadProps(__spreadValues({}, opt), { label: (_a = opt.label) != null ? _a : "" });
+  }
+  get normalizedOptions() {
+    return this.options.map((o) => this.normalizeOption(o));
+  }
+  handleChange(opt) {
+    var _a;
+    if (this.disabled || opt.disabled) return;
+    if (opt.value === this.currentValue) return;
+    if (!this.isControlled) {
+      this._internalValue = opt.value;
+    }
+    (_a = this.onChange) == null ? void 0 : _a.call(this, opt.value);
+    if (this.isControlled) {
+      this.requestUpdate();
+    }
+    this.updateComplete.then(() => this.updateThumb());
+  }
+  updateThumb() {
+    var _a;
+    if (!this.container || !((_a = this.itemEls) == null ? void 0 : _a.length)) return;
+    const opts = this.normalizedOptions;
+    const idx = opts.findIndex((o) => o.value === this.currentValue);
+    if (idx < 0) {
+      this.thumbStyle = "display:none";
+      return;
+    }
+    const el = this.itemEls[idx];
+    if (!el) return;
+    if (this.orientation === "vertical") {
+      this.thumbStyle = `top:${el.offsetTop}px;height:${el.offsetHeight}px;left:2px;width:calc(100% - 4px)`;
+    } else {
+      this.thumbStyle = `left:${el.offsetLeft}px;width:${el.offsetWidth}px`;
+    }
+  }
+  firstUpdated() {
+    if (!this.isControlled) {
+      if (this.defaultValue !== void 0) {
+        this._internalValue = this.defaultValue;
+      } else if (this.normalizedOptions.length) {
+        const first = this.normalizedOptions.find((o) => !o.disabled);
+        if (first) this._internalValue = first.value;
+      }
+    }
+    this.updateComplete.then(() => this.updateThumb());
+  }
+  updated(changed) {
+    if (changed.has("value") || changed.has("_internalValue") || changed.has("options") || changed.has("orientation")) {
+      if (changed.has("options") && !this.isControlled) {
+        const opts = this.normalizedOptions;
+        const currentValid = opts.some((o) => o.value === this._internalValue);
+        if (!currentValid && opts.length) {
+          const first = opts.find((o) => !o.disabled);
+          if (first) this._internalValue = first.value;
+        }
+      }
+      this.updateComplete.then(() => this.updateThumb());
+    }
+  }
+  render() {
+    const opts = this.normalizedOptions;
+    const selectedValue = this.currentValue;
+    return b`
+      <div
+        class="segmented segmented-${this.orientation} segmented-${this.size} ${this.shape === "round" ? "segmented-round" : ""} ${this.block ? "segmented-block" : ""}"
+      >
+        <div class="segmented-thumb" style="${this.thumbStyle}"></div>
+        ${opts.map((opt) => {
+      const selected = opt.value === selectedValue;
+      const isDisabled = this.disabled || opt.disabled;
+      const isCustom = typeof opt.label !== "string" || opt.label === "";
+      const itemContent = b`
+            <label
+              class="segmented-item ${selected ? "segmented-item-selected" : ""} ${isDisabled ? "segmented-item-disabled" : ""} ${isCustom ? "segmented-item-custom" : ""}"
+            >
+              <input
+                type="radio"
+                class="segmented-radio"
+                name="${this.name}"
+                .value="${String(opt.value)}"
+                .checked="${selected}"
+                ?disabled="${isDisabled}"
+                @change="${() => this.handleChange(opt)}"
+              />
+              ${opt.icon ? b`<sl-icon name="${opt.icon}" class="segmented-item-icon"></sl-icon>` : A}
+              ${opt.label ? typeof opt.label === "string" ? b`<span>${opt.label}</span>` : opt.label : A}
+              <slot name="${String(opt.value)}"></slot>
+            </label>
+          `;
+      return opt.tooltip ? b`<sl-tooltip content="${opt.tooltip}">${itemContent}</sl-tooltip>` : itemContent;
+    })}
+      </div>
+    `;
+  }
+};
+SlSegmented.styles = [component_styles_default, segmented_styles_default];
+SlSegmented.dependencies = { "sl-icon": SlIcon, "sl-tooltip": SlTooltip };
+__decorateClass([
+  n({ type: Array })
+], SlSegmented.prototype, "options", 2);
+__decorateClass([
+  n()
+], SlSegmented.prototype, "value", 2);
+__decorateClass([
+  n()
+], SlSegmented.prototype, "defaultValue", 2);
+__decorateClass([
+  n({ attribute: false })
+], SlSegmented.prototype, "onChange", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSegmented.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "orientation", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "shape", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSegmented.prototype, "block", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "name", 2);
+__decorateClass([
+  r()
+], SlSegmented.prototype, "thumbStyle", 2);
+__decorateClass([
+  r()
+], SlSegmented.prototype, "_internalValue", 2);
+__decorateClass([
+  e(".segmented")
+], SlSegmented.prototype, "container", 2);
+__decorateClass([
+  r2(".segmented-item")
+], SlSegmented.prototype, "itemEls", 2);
+
+export {
+  SlSegmented
+};

package/cdn/chunks/chunk.2OXO34RA.js

@@ -0,0 +1,77 @@
+import {
+  include_styles_default
+} from "./chunk.K6K4CAJF.js";
+import {
+  requestInclude
+} from "./chunk.XNEONNEJ.js";
+import {
+  watch
+} from "./chunk.WID3TCT6.js";
+import {
+  component_styles_default
+} from "./chunk.WT5BNBAS.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.XXG7OQYD.js";
+import {
+  b
+} from "./chunk.7Z2GKZ7U.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/include/include.component.ts
+var SlInclude = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.mode = "cors";
+    this.allowScripts = false;
+  }
+  executeScript(script) {
+    const newScript = document.createElement("script");
+    [...script.attributes].forEach((attr) => newScript.setAttribute(attr.name, attr.value));
+    newScript.textContent = script.textContent;
+    script.parentNode.replaceChild(newScript, script);
+  }
+  async handleSrcChange() {
+    try {
+      const src = this.src;
+      const file = await requestInclude(src, this.mode);
+      if (src !== this.src) {
+        return;
+      }
+      if (!file.ok) {
+        this.emit("sl-error", { detail: { status: file.status } });
+        return;
+      }
+      this.innerHTML = file.html;
+      if (this.allowScripts) {
+        [...this.querySelectorAll("script")].forEach((script) => this.executeScript(script));
+      }
+      this.emit("sl-load");
+    } catch (e) {
+      this.emit("sl-error", { detail: { status: -1 } });
+    }
+  }
+  render() {
+    return b`<slot></slot>`;
+  }
+};
+SlInclude.styles = [component_styles_default, include_styles_default];
+__decorateClass([
+  n()
+], SlInclude.prototype, "src", 2);
+__decorateClass([
+  n()
+], SlInclude.prototype, "mode", 2);
+__decorateClass([
+  n({ attribute: "allow-scripts", type: Boolean })
+], SlInclude.prototype, "allowScripts", 2);
+__decorateClass([
+  watch("src")
+], SlInclude.prototype, "handleSrcChange", 1);
+
+export {
+  SlInclude
+};

package/cdn/chunks/chunk.2R3GGC4X.js

@@ -0,0 +1,11 @@
+import {
+  SlSelect
+} from "./chunk.2YOV7SNL.js";
+
+// src/components/select/select.ts
+var select_default = SlSelect;
+SlSelect.define("sl-select");
+
+export {
+  select_default
+};

package/cdn/chunks/chunk.2RPQF23S.js

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

package/cdn/chunks/chunk.2SFS3U6O.js

@@ -0,0 +1,11 @@
+import {
+  SlThink
+} from "./chunk.7WFX4NA4.js";
+
+// src/components/think/think.ts
+var think_default = SlThink;
+SlThink.define("sl-think");
+
+export {
+  think_default
+};

package/cdn/chunks/chunk.2VFZWVZE.js

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