@kdcloudjs/shoelace 1.0.33 → 1.0.34

package/dist/chunks/chunk.ADRLOA4I.js

@@ -0,0 +1,11 @@
+import {
+  SlImageComparer
+} from "./chunk.VBBO6NB7.js";
+
+// src/components/image-comparer/image-comparer.ts
+var image_comparer_default = SlImageComparer;
+SlImageComparer.define("sl-image-comparer");
+
+export {
+  image_comparer_default
+};

package/dist/chunks/chunk.AS3HIPXG.js

@@ -0,0 +1,11 @@
+import {
+  SlNavSubmenu
+} from "./chunk.AZYNQIRI.js";
+
+// src/components/nav-submenu/nav-submenu.ts
+var nav_submenu_default = SlNavSubmenu;
+SlNavSubmenu.define("sl-nav-submenu");
+
+export {
+  nav_submenu_default
+};

package/dist/chunks/chunk.AUQHSUK7.js

@@ -0,0 +1,11 @@
+import {
+  SlDropdown
+} from "./chunk.MPCXBEEH.js";
+
+// src/components/dropdown/dropdown.ts
+var dropdown_default = SlDropdown;
+SlDropdown.define("sl-dropdown");
+
+export {
+  dropdown_default
+};

package/dist/chunks/chunk.AV7IFJUA.js

@@ -0,0 +1,11 @@
+import {
+  SlScreen
+} from "./chunk.6QGCLTB4.js";
+
+// src/components/screen/screen.ts
+var screen_default = SlScreen;
+SlScreen.define("sl-screen");
+
+export {
+  screen_default
+};

package/dist/chunks/chunk.AZYNQIRI.js

@@ -0,0 +1,444 @@
+import {
+  nav_submenu_styles_default
+} from "./chunk.K3VFQNZH.js";
+import {
+  SlPopup
+} from "./chunk.4XSA43XY.js";
+import {
+  getAnimation,
+  setDefaultAnimation
+} from "./chunk.WO7ALQNH.js";
+import {
+  waitForEvent
+} from "./chunk.B4BZKR24.js";
+import {
+  animateTo,
+  shimKeyframesHeightAuto,
+  stopAnimations
+} from "./chunk.VHWATTYS.js";
+import {
+  HasSlotController
+} from "./chunk.NYIIDP5N.js";
+import {
+  LocalizeController
+} from "./chunk.6CTB5ZDJ.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/nav-submenu/nav-submenu.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html, nothing } from "lit";
+import { property, query } from "lit/decorators.js";
+var SlNavSubmenu = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
+    this.localize = new LocalizeController(this);
+    this.openChangeSource = "api";
+    this.key = "";
+    this.itemKey = "";
+    this.open = false;
+    this.nested = false;
+    this.title = "";
+    this.theme = "light";
+    this.popupClassName = "";
+    this.disabled = false;
+    this.active = false;
+    this.mode = "inline";
+    this.collapsed = false;
+  }
+  getRootNav() {
+    var _a;
+    const root = this.getRootNode();
+    if (this.closest("sl-nav")) {
+      return this.closest("sl-nav");
+    }
+    if (root instanceof ShadowRoot && ((_a = root.host) == null ? void 0 : _a.tagName.toLowerCase()) === "sl-nav") {
+      return root.host;
+    }
+    return void 0;
+  }
+  getSubmenuKey() {
+    return this.key || this.itemKey;
+  }
+  getTriggerAction() {
+    var _a, _b;
+    return (_b = (_a = this.getRootNav()) == null ? void 0 : _a.triggerSubMenuAction) != null ? _b : "hover";
+  }
+  getOpenDelay() {
+    var _a, _b;
+    return ((_b = (_a = this.getRootNav()) == null ? void 0 : _a.subMenuOpenDelay) != null ? _b : 0) * 1e3;
+  }
+  getCloseDelay() {
+    var _a, _b;
+    return ((_b = (_a = this.getRootNav()) == null ? void 0 : _a.subMenuCloseDelay) != null ? _b : 0.1) * 1e3;
+  }
+  isPopupMode() {
+    return this.mode === "horizontal" || this.mode === "vertical";
+  }
+  hasCustomPopupContent() {
+    return Array.from(this.children).some((child) => {
+      const tagName = child.tagName.toLowerCase();
+      return !["sl-nav-item", "sl-nav-submenu", "sl-nav-group", "sl-divider"].includes(tagName);
+    });
+  }
+  /** @internal Clears any pending show/hide timers. */
+  clearTimers() {
+    clearTimeout(this.showTimeout);
+    clearTimeout(this.hideTimeout);
+  }
+  firstUpdated() {
+    if (this.mode === "inline") {
+      this.body.style.height = this.open ? "auto" : "0";
+    }
+    this.syncNestedState();
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("mode")) {
+      if (this.mode === "inline" && this.body) {
+        this.body.style.height = this.open ? "auto" : "0";
+      }
+      if (this.mode !== "inline" && this.body) {
+        this.body.style.height = "";
+      }
+    }
+    this.syncNestedState();
+  }
+  syncNestedState() {
+    var _a;
+    this.nested = !!((_a = this.parentElement) == null ? void 0 : _a.closest("sl-nav-submenu"));
+  }
+  handleHeaderClick(event) {
+    var _a;
+    event.preventDefault();
+    if (!this.disabled) {
+      (_a = this.onTitleClick) == null ? void 0 : _a.call(this, { key: this.getSubmenuKey(), domEvent: event });
+      if (this.open) {
+        this.hide("user");
+      } else {
+        this.show("user");
+      }
+    }
+  }
+  handleHeaderKeyDown(event) {
+    var _a;
+    if (this.disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      (_a = this.onTitleClick) == null ? void 0 : _a.call(this, { key: this.getSubmenuKey(), domEvent: event });
+      if (this.open) {
+        this.hide("user");
+      } else {
+        this.show("user");
+      }
+    }
+    if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+      event.preventDefault();
+      this.hide("user");
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+      event.preventDefault();
+      this.show("user");
+    }
+  }
+  handleMouseOver() {
+    if (this.isPopupMode() && this.getTriggerAction() === "hover" && !this.disabled) {
+      clearTimeout(this.hideTimeout);
+      const delay = this.getOpenDelay();
+      if (delay > 0) {
+        this.showTimeout = window.setTimeout(() => this.show("user"), delay);
+      } else {
+        this.show("user");
+      }
+    }
+  }
+  handleMouseOut(event) {
+    var _a;
+    if (this.isPopupMode() && this.getTriggerAction() === "hover" && !this.disabled) {
+      const relatedTarget = event.relatedTarget;
+      if (relatedTarget instanceof Node && (this.contains(relatedTarget) || ((_a = this.shadowRoot) == null ? void 0 : _a.contains(relatedTarget)) || this.renderRoot.contains(relatedTarget))) {
+        return;
+      }
+      clearTimeout(this.showTimeout);
+      this.hideTimeout = window.setTimeout(() => this.hide("user"), this.getCloseDelay());
+    }
+  }
+  handleFocus() {
+    if (this.isPopupMode() && !this.disabled) {
+      this.clearTimers();
+    }
+  }
+  handleBlur(event) {
+    var _a;
+    if (this.isPopupMode() && this.getTriggerAction() === "hover" && !this.disabled) {
+      const relatedTarget = event.relatedTarget;
+      if (relatedTarget instanceof Node && (this.contains(relatedTarget) || ((_a = this.shadowRoot) == null ? void 0 : _a.contains(relatedTarget)) || this.renderRoot.contains(relatedTarget))) {
+        return;
+      }
+      clearTimeout(this.showTimeout);
+      this.hideTimeout = window.setTimeout(() => this.hide("user"), this.getCloseDelay());
+    }
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      const slShow = this.emit("sl-show", { cancelable: true });
+      if (slShow.defaultPrevented) {
+        this.open = false;
+        return;
+      }
+      await stopAnimations(this.body);
+      if (this.mode === "inline") {
+        const { keyframes, options } = getAnimation(this, "nav-submenu.show", { dir: this.localize.dir() });
+        await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
+        this.body.style.height = "auto";
+      }
+      this.emit("sl-after-show");
+    } else {
+      const slHide = this.emit("sl-hide", { cancelable: true });
+      if (slHide.defaultPrevented) {
+        this.open = true;
+        return;
+      }
+      await stopAnimations(this.body);
+      if (this.mode === "inline") {
+        const { keyframes, options } = getAnimation(this, "nav-submenu.hide", { dir: this.localize.dir() });
+        await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
+        this.body.style.height = "0";
+      }
+      this.emit("sl-after-hide");
+    }
+    if (this.openChangeSource !== "nav") {
+      this.openChangeSource = "api";
+    }
+  }
+  /** Shows the submenu. */
+  async show(source = "api") {
+    if (this.open || this.disabled) {
+      return void 0;
+    }
+    this.openChangeSource = source;
+    this.open = true;
+    return waitForEvent(this, "sl-after-show");
+  }
+  /** Hides the submenu. */
+  async hide(source = "api") {
+    if (!this.open || this.disabled) {
+      return void 0;
+    }
+    this.openChangeSource = source;
+    this.open = false;
+    return waitForEvent(this, "sl-after-hide");
+  }
+  /** @internal Syncs submenu state from the parent nav without echoing the change back. */
+  setOpenFromNav(open) {
+    if (this.open === open) {
+      return;
+    }
+    this.openChangeSource = "nav";
+    this.open = open;
+  }
+  /** @internal Exposes the latest open change source for the parent nav. */
+  getOpenChangeSource() {
+    return this.openChangeSource;
+  }
+  render() {
+    var _a, _b, _c, _d;
+    const isRtl = this.localize.dir() === "rtl";
+    const isHorizontal = this.mode === "horizontal";
+    const isVertical = this.mode === "vertical";
+    const isPopup = isHorizontal || isVertical;
+    const hasCustomPopupContent = this.hasCustomPopupContent();
+    const popupOffset = (_a = this.popupOffset) != null ? _a : [0, 0];
+    const popupClassName = [this.popupClassName, hasCustomPopupContent ? "nav-submenu__popup--custom" : ""].filter(Boolean).join(" ");
+    const inheritedExpandIcon = (_b = this.getRootNav()) == null ? void 0 : _b.expandIcon;
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      "nav-submenu": true,
+      "nav-submenu--open": this.open,
+      "nav-submenu--disabled": this.disabled,
+      "nav-submenu--active": this.active,
+      "nav-submenu--rtl": isRtl,
+      "nav-submenu--horizontal": isHorizontal,
+      "nav-submenu--vertical": isVertical,
+      "nav-submenu--inline": !isPopup
+    })}
+        @mouseover=${this.handleMouseOver}
+        @mouseout=${this.handleMouseOut}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+      >
+        <button
+          part="header"
+          id="header"
+          class=${classMap({
+      "nav-submenu__header": true,
+      "nav-submenu__header--active": this.active,
+      "nav-submenu__header--disabled": this.disabled
+    })}
+          type="button"
+          aria-expanded=${this.open ? "true" : "false"}
+          aria-controls="content"
+          aria-disabled=${this.disabled ? "true" : "false"}
+          tabindex=${this.disabled ? "-1" : "0"}
+          @click=${this.handleHeaderClick}
+          @keydown=${this.handleHeaderKeyDown}
+        >
+          <span class="nav-submenu__header-content">
+            <slot
+              name="prefix"
+              part="prefix"
+              class="nav-submenu__prefix"
+              style="display: ${this.hasSlotController.test("prefix") || this.icon !== void 0 ? "flex" : "none"}"
+            >
+              ${(_c = this.icon) != null ? _c : nothing}
+            </slot>
+
+            <slot name="title" part="label" class="nav-submenu__label">${(_d = this.label) != null ? _d : this.title}</slot>
+
+            <slot
+              name="suffix"
+              part="suffix"
+              class="nav-submenu__suffix"
+              style="display: ${this.hasSlotController.test("suffix") ? "flex" : "none"}"
+            ></slot>
+
+            ${this.collapsed ? nothing : html`
+                  <span part="expand-icon" class="nav-submenu__chevron">
+                    <slot name="expand-icon">
+                      ${inheritedExpandIcon != null ? inheritedExpandIcon : html`
+                        <sl-icon
+                          library="system"
+                          name=${isHorizontal && !this.nested || this.mode === "inline" ? "chevron-down" : isRtl ? "chevron-left" : "chevron-right"}
+                        ></sl-icon>
+                      `}
+                    </slot>
+                  </span>
+                `}
+          </span>
+        </button>
+
+        ${isPopup ? html`
+              <sl-popup
+                part="popup"
+                class=${popupClassName || nothing}
+                anchor="header"
+                placement=${isVertical ? isRtl ? "left-start" : "right-start" : this.nested ? isRtl ? "left-start" : "right-start" : "bottom-start"}
+                ?active=${this.open}
+                strategy="absolute"
+                .skidding=${popupOffset[0]}
+                .distance=${popupOffset[1]}
+                flip
+                shift
+                sync=${isHorizontal && !this.nested && !hasCustomPopupContent ? "width" : void 0}
+                auto-size="vertical"
+                auto-size-padding="10"
+              >
+                <div class="nav-submenu__body" role="region" aria-labelledby="header">
+                  <slot part="content" id="content" class="nav-submenu__content"></slot>
+                </div>
+              </sl-popup>
+            ` : html`
+              <div class="nav-submenu__body" role="region" aria-labelledby="header">
+                <slot part="content" id="content" class="nav-submenu__content"></slot>
+              </div>
+            `}
+      </div>
+    `;
+  }
+};
+SlNavSubmenu.styles = [component_styles_default, nav_submenu_styles_default];
+SlNavSubmenu.dependencies = {
+  "sl-icon": SlIcon,
+  "sl-popup": SlPopup
+};
+__decorateClass([
+  query(".nav-submenu__header")
+], SlNavSubmenu.prototype, "header", 2);
+__decorateClass([
+  query(".nav-submenu__body")
+], SlNavSubmenu.prototype, "body", 2);
+__decorateClass([
+  query("sl-popup")
+], SlNavSubmenu.prototype, "popup", 2);
+__decorateClass([
+  property()
+], SlNavSubmenu.prototype, "key", 2);
+__decorateClass([
+  property({ attribute: "item-key" })
+], SlNavSubmenu.prototype, "itemKey", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlNavSubmenu.prototype, "open", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlNavSubmenu.prototype, "nested", 2);
+__decorateClass([
+  property()
+], SlNavSubmenu.prototype, "title", 2);
+__decorateClass([
+  property({ attribute: false })
+], SlNavSubmenu.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: false })
+], SlNavSubmenu.prototype, "icon", 2);
+__decorateClass([
+  property({ reflect: true })
+], SlNavSubmenu.prototype, "theme", 2);
+__decorateClass([
+  property({ attribute: "popup-class-name" })
+], SlNavSubmenu.prototype, "popupClassName", 2);
+__decorateClass([
+  property({ attribute: false })
+], SlNavSubmenu.prototype, "popupOffset", 2);
+__decorateClass([
+  property({ attribute: false })
+], SlNavSubmenu.prototype, "onTitleClick", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlNavSubmenu.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlNavSubmenu.prototype, "active", 2);
+__decorateClass([
+  property({ reflect: true })
+], SlNavSubmenu.prototype, "mode", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlNavSubmenu.prototype, "collapsed", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], SlNavSubmenu.prototype, "handleOpenChange", 1);
+setDefaultAnimation("nav-submenu.show", {
+  keyframes: [
+    { height: "0", opacity: "0" },
+    { height: "auto", opacity: "1" }
+  ],
+  options: { duration: 250, easing: "linear" }
+});
+setDefaultAnimation("nav-submenu.hide", {
+  keyframes: [
+    { height: "auto", opacity: "1" },
+    { height: "0", opacity: "0" }
+  ],
+  options: { duration: 250, easing: "linear" }
+});
+
+export {
+  SlNavSubmenu
+};

package/dist/chunks/chunk.B2YMUL3C.js

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

package/dist/chunks/chunk.B3DCMAFW.js

@@ -0,0 +1,25 @@
+import {
+  SlIconButton
+} from "./chunk.OASYD7GP.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/dist/chunks/chunk.B3TQK2P6.js

@@ -0,0 +1,24 @@
+import {
+  SlSenderSwitch
+} from "./chunk.6OVSLZQN.js";
+
+// src/react/sender-switch/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-sender-switch";
+SlSenderSwitch.define("sl-sender-switch");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlSenderSwitch,
+  react: React,
+  events: {
+    onSlChange: "sl-change"
+  },
+  displayName: "SlSenderSwitch"
+});
+var sender_switch_default = reactWrapper;
+
+export {
+  sender_switch_default
+};

package/dist/chunks/chunk.B4ERRIM5.js

@@ -0,0 +1,21 @@
+import {
+  SlThoughtChainNode
+} from "./chunk.VQ2XNGBV.js";
+
+// src/react/thought-chain-node/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "sl-thought-chain-node";
+SlThoughtChainNode.define("sl-thought-chain-node");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlThoughtChainNode,
+  react: React,
+  events: {},
+  displayName: "SlThoughtChainNode"
+});
+var thought_chain_node_default = reactWrapper;
+
+export {
+  thought_chain_node_default
+};

package/dist/chunks/chunk.B5S6YLNG.js

@@ -0,0 +1,24 @@
+import {
+  SlTable
+} from "./chunk.UQNPA54S.js";
+
+// src/react/table/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-table";
+SlTable.define("sl-table");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlTable,
+  react: React,
+  events: {
+    onChange: "change"
+  },
+  displayName: "SlTable"
+});
+var table_default = reactWrapper;
+
+export {
+  table_default
+};

package/dist/chunks/chunk.BIK6ZQWN.js

@@ -0,0 +1,27 @@
+import {
+  SlDetails
+} from "./chunk.6MN7FKZF.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/dist/chunks/chunk.CAYELPHG.js

@@ -0,0 +1,34 @@
+import {
+  spinner_styles_default
+} from "./chunk.Q2LC3QKX.js";
+import {
+  LocalizeController
+} from "./chunk.6CTB5ZDJ.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+import {
+  ShoelaceElement
+} from "./chunk.IAKFV7KT.js";
+
+// src/components/spinner/spinner.component.ts
+import { html } from "lit";
+var SlSpinner = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+  }
+  render() {
+    return html`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `;
+  }
+};
+SlSpinner.styles = [component_styles_default, spinner_styles_default];
+
+export {
+  SlSpinner
+};