@kdcloudjs/shoelace 1.0.42 → 1.0.44

package/cdn/chunks/chunk.KP2Z44IB.js

@@ -0,0 +1,21 @@
+import {
+  e,
+  i
+} from "./chunk.EQHFJGXH.js";
+
+// src/utilities/spread.ts
+var SpreadDirective = class extends i {
+  render(_) {
+  }
+  update(part, [props]) {
+    const el = part.element;
+    Object.entries(props).forEach(([key, value]) => {
+      el[key] = value;
+    });
+  }
+};
+var spread_default = e(SpreadDirective);
+
+export {
+  spread_default
+};

package/cdn/chunks/chunk.KPXQY32G.js

@@ -0,0 +1,128 @@
+import {
+  thought_chain_styles_default
+} from "./chunk.VVMDIMJZ.js";
+import {
+  component_styles_default
+} from "./chunk.N6N54SAA.js";
+import {
+  ShoelaceElement,
+  n,
+  r
+} from "./chunk.AEDZMM7E.js";
+import {
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/thought-chain/thought-chain.component.ts
+var SlThoughtChain = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.size = "middle";
+    this.line = true;
+    this.defaultExpandedKeys = [];
+    this.internalExpandedKeys = [];
+    this.hasInitialized = false;
+  }
+  firstUpdated() {
+    if (!this.hasInitialized) {
+      this.internalExpandedKeys = [...this.defaultExpandedKeys];
+      this.hasInitialized = true;
+    }
+    this.updateChildNodes();
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("line") || changedProperties.has("size") || changedProperties.has("expandedKeys") || changedProperties.has("internalExpandedKeys") || changedProperties.has("defaultExpandedKeys")) {
+      this.updateChildNodes();
+    }
+  }
+  /** Get the effective expanded keys */
+  getExpandedKeys() {
+    var _a;
+    return (_a = this.expandedKeys) != null ? _a : this.internalExpandedKeys;
+  }
+  /** Normalize line value to a consistent CSS-friendly string */
+  getLineStyleValue() {
+    const line = this.line;
+    if (line === false) return "none";
+    if (line === true || line === "solid") return "solid";
+    return line;
+  }
+  /** Propagate context to child sl-thought-chain-node elements */
+  async updateChildNodes() {
+    await customElements.whenDefined("sl-thought-chain-node");
+    const nodes = this.querySelectorAll(":scope > sl-thought-chain-node");
+    const expandedKeys = this.getExpandedKeys();
+    const total = nodes.length;
+    const lineStyleValue = this.getLineStyleValue();
+    nodes.forEach((node, index) => {
+      node._lineStyle = lineStyleValue;
+      node._isLast = index === total - 1;
+      node._index = index;
+      node._size = this.size;
+      node._expandedKeys = expandedKeys;
+      node._onExpand = (key) => this.handleItemExpand(key);
+    });
+  }
+  /** Handle slot changes to update newly added nodes */
+  handleSlotChange() {
+    this.updateChildNodes();
+  }
+  /** Handle expand/collapse toggle from child node */
+  handleItemExpand(key) {
+    const currentKeys = this.getExpandedKeys();
+    const isExpanded = currentKeys.includes(key);
+    const newKeys = isExpanded ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+    if (this.expandedKeys === void 0) {
+      this.internalExpandedKeys = newKeys;
+    }
+    this.emit("sl-expand", {
+      detail: { key, expandedKeys: newKeys }
+    });
+  }
+  render() {
+    return b`
+      <div part="base" class="thought-chain">
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `;
+  }
+};
+SlThoughtChain.styles = [component_styles_default, thought_chain_styles_default];
+__decorateClass([
+  n({ reflect: true })
+], SlThoughtChain.prototype, "size", 2);
+__decorateClass([
+  n({
+    reflect: true,
+    converter: {
+      fromAttribute(value) {
+        if (value === null || value === "true" || value === "") return true;
+        if (value === "false" || value === "none") return false;
+        if (value === "solid" || value === "dashed" || value === "dotted") return value;
+        return true;
+      },
+      toAttribute(value) {
+        if (value === true) return "true";
+        if (value === false) return "none";
+        return String(value);
+      }
+    }
+  })
+], SlThoughtChain.prototype, "line", 2);
+__decorateClass([
+  n({ attribute: "default-expanded-keys", type: Array })
+], SlThoughtChain.prototype, "defaultExpandedKeys", 2);
+__decorateClass([
+  n({ attribute: "expanded-keys", type: Array })
+], SlThoughtChain.prototype, "expandedKeys", 2);
+__decorateClass([
+  r()
+], SlThoughtChain.prototype, "internalExpandedKeys", 2);
+
+export {
+  SlThoughtChain
+};

package/cdn/chunks/chunk.KSJWDCWO.js

@@ -0,0 +1,11 @@
+import {
+  SlRating
+} from "./chunk.NCJ72OG4.js";
+
+// src/components/rating/rating.ts
+var rating_default = SlRating;
+SlRating.define("sl-rating");
+
+export {
+  rating_default
+};

package/cdn/chunks/chunk.L2DLUSIZ.js

@@ -0,0 +1,24 @@
+import {
+  SlThoughtChain
+} from "./chunk.KPXQY32G.js";
+
+// src/react/thought-chain/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-thought-chain";
+SlThoughtChain.define("sl-thought-chain");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlThoughtChain,
+  react: React,
+  events: {
+    onSlExpand: "sl-expand"
+  },
+  displayName: "SlThoughtChain"
+});
+var thought_chain_default = reactWrapper;
+
+export {
+  thought_chain_default
+};

package/cdn/chunks/chunk.L47J3NI3.js

@@ -0,0 +1,82 @@
+import {
+  resize_observer_styles_default
+} from "./chunk.I63GAWI2.js";
+import {
+  watch
+} from "./chunk.WID3TCT6.js";
+import {
+  component_styles_default
+} from "./chunk.N6N54SAA.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.AEDZMM7E.js";
+import {
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/resize-observer/resize-observer.component.ts
+var SlResizeObserver = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.observedElements = [];
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.resizeObserver = new ResizeObserver((entries) => {
+      this.emit("sl-resize", { detail: { entries } });
+    });
+    if (!this.disabled) {
+      this.startObserver();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  handleSlotChange() {
+    if (!this.disabled) {
+      this.startObserver();
+    }
+  }
+  startObserver() {
+    const slot = this.shadowRoot.querySelector("slot");
+    if (slot !== null) {
+      const elements = slot.assignedElements({ flatten: true });
+      this.observedElements.forEach((el) => this.resizeObserver.unobserve(el));
+      this.observedElements = [];
+      elements.forEach((el) => {
+        this.resizeObserver.observe(el);
+        this.observedElements.push(el);
+      });
+    }
+  }
+  stopObserver() {
+    this.resizeObserver.disconnect();
+  }
+  handleDisabledChange() {
+    if (this.disabled) {
+      this.stopObserver();
+    } else {
+      this.startObserver();
+    }
+  }
+  render() {
+    return b` <slot @slotchange=${this.handleSlotChange}></slot> `;
+  }
+};
+SlResizeObserver.styles = [component_styles_default, resize_observer_styles_default];
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlResizeObserver.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlResizeObserver.prototype, "handleDisabledChange", 1);
+
+export {
+  SlResizeObserver
+};

package/cdn/chunks/chunk.L56YSYGP.js

@@ -0,0 +1,25 @@
+import {
+  SlCopyButton
+} from "./chunk.VIAE6KQU.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.L6AYJSCW.js

@@ -0,0 +1,27 @@
+import {
+  SlDetails
+} from "./chunk.NM2UY2EQ.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
+};

package/cdn/chunks/chunk.LAHF5F7W.js

@@ -0,0 +1,11 @@
+import {
+  SlSteps
+} from "./chunk.J67BOR4G.js";
+
+// src/components/steps/steps.ts
+var steps_default = SlSteps;
+SlSteps.define("sl-steps");
+
+export {
+  steps_default
+};

package/cdn/chunks/chunk.LLWFQLO4.js

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

package/cdn/chunks/chunk.LQWDVIIJ.js

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

package/cdn/chunks/chunk.LTA5NGT2.js

@@ -0,0 +1,11 @@
+import {
+  SlRadio
+} from "./chunk.QIWIXWY3.js";
+
+// src/components/radio/radio.ts
+var radio_default = SlRadio;
+SlRadio.define("sl-radio");
+
+export {
+  radio_default
+};

package/cdn/chunks/chunk.LVXQKPFY.js

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