@kdcloudjs/shoelace 1.0.29 → 1.0.30

package/cdn/chunks/chunk.DN35DSU5.js

@@ -1,218 +0,0 @@
-import {
-  i
-} from "./chunk.VKO6US6U.js";
-
-// src/components/think/think.styles.ts
-var think_styles_default = i`
-  :host {
-    display: block;
-  }
-
-  .think__status {
-    width: fit-content;
-    display: flex;
-    flex-direction: row;
-    gap: var(--sl-spacing-1-5x-small, 6px);
-    align-items: center;
-    font-size: var(--sl-font-size-medium, 16px);
-    color: var(--sl-color-neutral-600, #555555);
-    line-height: var(--sl-line-height-normal, 1.8);
-    cursor: pointer;
-    user-select: none;
-    -webkit-user-select: none;
-    border-radius: var(--sl-border-radius-small, 2px);
-    // padding: var(--sl-spacing-3x-small);
-    outline: none;
-  }
-
-  .think__status:focus-visible {
-    outline: var(--sl-focus-ring, solid 1px #5582f3);
-    outline-offset: var(--sl-focus-ring-offset, 1px);
-  }
-
-  .think__status-icon {
-    font-size: var(--sl-font-size-large, 1.25rem);
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    color: var(--sl-color-neutral-600, #555555);
-  }
-
-  .think__status-text {
-    line-height: var(--sl-line-height-normal, 22px);
-    font-size: var(--sl-font-size-small, 14px);
-    color: var(--sl-color-neutral-900, rgba(0, 0, 0, 0.94));
-    font-weight: var(--sl-font-weight-bold, 700);
-    /* Bidirectional text: let each title string determine its own base direction
-       via the Unicode Paragraph Algorithm (same as HTML dir='auto' on a block). */
-    unicode-bidi: plaintext;
-  }
-
-  .think__chevron {
-    display: flex;
-    align-items: center;
-    /* Match React's fontSizeSM for the down icon */
-    font-size: var(--sl-font-size-large, 1.25rem);
-    color: var(--sl-color-neutral-600, #555555);
-    /* Matches React's transition: all motionDurationMid motionEaseInOut */
-    transition: transform var(--sl-transition-medium, 250ms) ease-in-out;
-    flex-shrink: 0;
-  }
-
-  .think__chevron--expanded {
-    transform: rotate(90deg);
-  }
-
-  .think__body {
-    overflow: hidden;
-  }
-
-  .think__content {
-    /* Matches React: marginSM top, paddingSM inline-start, 2*lineWidth border */
-    margin-block-start: var(--sl-spacing-x-small, 0.5rem);
-    width: 100%;
-    color: var(--sl-color-neutral-600, rgba(0, 0, 0, 0.64));
-    padding-inline-start: var(--sl-spacing-x-small, 0.5rem);
-    border-inline-start: 2px solid var(--sl-color-neutral-600, rgba(0, 0, 0, 0.64));
-    font-size: var(--sl-font-size-small, 14px);
-    line-height: var(--sl-line-height-normal, 22px);
-    /* Bidirectional text: each block-level paragraph determines its own base
-       direction from its first strong Unicode character. This handles mixed
-       LTR/RTL content without requiring an explicit dir attribute on every node. */
-    unicode-bidi: plaintext;
-  }
-
-  /* ── RTL support ─────────────────────────────────────────────────────────── */
-  /* Mirrors React's [prefixCls]-rtl class applied when direction === 'rtl'.  */
-  /* Uses LocalizeController + class modifier, consistent with sl-details etc. */
-
-  /* In RTL, the inherited direction: rtl from the host makes flex-direction: row
-     flow right-to-left automatically. No flex-direction override needed. */
-
-  /* .think__content uses logical properties (padding-inline-start, border-inline-start)
-     which auto-flip in RTL via inherited direction: rtl. No override needed. */
-
-  .think--rtl .think__chevron {
-    transform: scaleX(-1);
-  }
-
-  .think--rtl .think__chevron--expanded {
-    transform: scaleX(-1) rotate(90deg);
-  }
-
-  /* Spinner animation */
-  @keyframes think-spin {
-    from {
-      transform: rotate(0deg);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  .think__spinner {
-    animation: think-spin 1s linear infinite;
-    transform-origin: center;
-  }
-
-  /*
-   * Blink animation — matches React's blinkMotion visual effect.
-   *
-   * A highlight "beam" sweeps left-to-right across the title text while the text
-   * remains fully visible at all times. The gradient goes from the base text
-   * colour through the highlight colour and back, so no part of the text ever
-   * disappears — only the brightness changes as the beam passes.
-   *
-   * React implementation (blink.ts) uses:
-   *   color             - colorTextBlinkDefault (base text colour)
-   *   backgroundImage   - linear-gradient(90deg, transparent, colorTextBlink, transparent)
-   *   backgroundClip    - text
-   *   backgroundSize    - 50%
-   *
-   * In React's CSS-in-JS environment, the "color" property keeps the text
-   * visible while the gradient beam sweeps behind it. In a Web Component we
-   * must use -webkit-text-fill-color: transparent so the clipped background
-   * shows through the text glyphs. To compensate, the gradient endpoints use
-   * the base colour (instead of transparent) so the text stays readable.
-   *
-   * CSS custom properties:
-   *   --sl-c-think-TitleTextBlink-color-default           Base text colour (colorTextBlinkDefault in React).
-   *                                 Defaults to rgba(0, 0, 0, 0.45).
-   *   --sl-c-think-TitleTextBlink-color Highlight beam colour (colorTextBlink / colorTextBase in React).
-   *                                 Defaults to #000.
-   */
-  @keyframes think-blink {
-    0% {
-      background-position-x: -200%;
-      background-position-y: 100%;
-    }
-
-    25% {
-      background-position-x: -100%;
-      background-position-y: 100%;
-    }
-
-    50% {
-      background-position-x: 0%;
-      background-position-y: 100%;
-    }
-
-    75% {
-      background-position-x: 100%;
-      background-position-y: 100%;
-    }
-
-    100% {
-      background-position-x: 200%;
-      background-position-y: 100%;
-    }
-  }
-
-  .think__status-text--blink {
-    /*
-     * Blink shimmer — matches React's blinkMotion visual effect.
-     *
-     * The technique layers TWO backgrounds via background-clip: text:
-     *   1. background-color (base colour) - always fills the full text area,
-     *      keeping every glyph visible at all times.
-     *   2. background-image (gradient beam) - transparent -> highlight -> transparent,
-     *      50% wide, sweeps left-to-right. Where the gradient is transparent the
-     *      background-color shows through (= base colour). At the peak the
-     *      highlight colour fully covers the base, producing strong contrast.
-     *
-     * This is the Web-Component equivalent of React's:
-     *   color: colorTextBlinkDefault          (keeps text readable)
-     *   backgroundImage: linear-gradient(90deg, transparent, colorTextBlink, transparent)
-     *   backgroundClip: 'text'
-     *   backgroundSize: '50%'
-     */
-    color: var(--sl-c-think-TitleTextBlink-color-default, rgba(0, 0, 0, 0.45));
-    -webkit-text-fill-color: transparent;
-
-    /* 1. Base colour — guarantees text is always fully visible */
-    background-color: var(--sl-c-think-TitleTextBlink-color-default, rgba(0, 0, 0, 0.45));
-
-    /* 2. Beam gradient — transparent endpoints let background-color show through;
-     *    only the highlight peak produces a visible colour change. */
-    background-image: linear-gradient(90deg, transparent, var(--sl-c-think-TitleTextBlink-color, var(--sl-color-neutral-1000, #000), transparent);
-
-    background-clip: text;
-    -webkit-background-clip: text;
-
-    /* Beam size: 50% of element width (matches React's backgroundSize: '50%') */
-    background-size: 50%;
-    background-repeat: no-repeat;
-
-    /* Animation: 1s linear infinite (matches React's animationDuration / timing) */
-    animation-name: think-blink;
-    animation-duration: 1s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    animation-fill-mode: forwards;
-  }
-`;
-
-export {
-  think_styles_default
-};

package/cdn/chunks/chunk.DOGB5EZC.js

@@ -1,127 +0,0 @@
-import {
-  breadcrumb_item_styles_default
-} from "./chunk.YOVO5FAJ.js";
-import {
-  o
-} from "./chunk.OJXBTTLD.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.ZLKEMKLZ.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.J5EDZ3U4.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.component.ts
-var SlBreadcrumbItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
-    this.renderType = "button";
-    this.rel = "noreferrer noopener";
-  }
-  setRenderType() {
-    const hasDropdown = this.defaultSlot.assignedElements({ flatten: true }).filter((i) => i.tagName.toLowerCase() === "sl-dropdown").length > 0;
-    if (this.href) {
-      this.renderType = "link";
-      return;
-    }
-    if (hasDropdown) {
-      this.renderType = "dropdown";
-      return;
-    }
-    this.renderType = "button";
-  }
-  hrefChanged() {
-    this.setRenderType();
-  }
-  handleSlotChange() {
-    this.setRenderType();
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class=${e({
-      "breadcrumb-item": true,
-      "breadcrumb-item--has-prefix": this.hasSlotController.test("prefix"),
-      "breadcrumb-item--has-suffix": this.hasSlotController.test("suffix")
-    })}
-      >
-        <span part="prefix" class="breadcrumb-item__prefix">
-          <slot name="prefix"></slot>
-        </span>
-
-        ${this.renderType === "link" ? b`
-              <a
-                part="label"
-                class="breadcrumb-item__label breadcrumb-item__label--link"
-                href="${this.href}"
-                target="${o(this.target ? this.target : void 0)}"
-                rel=${o(this.target ? this.rel : void 0)}
-              >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </a>
-            ` : ""}
-        ${this.renderType === "button" ? b`
-              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </button>
-            ` : ""}
-        ${this.renderType === "dropdown" ? b`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </div>
-            ` : ""}
-
-        <span part="suffix" class="breadcrumb-item__suffix">
-          <slot name="suffix"></slot>
-        </span>
-
-        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
-          <slot name="separator"></slot>
-        </span>
-      </div>
-    `;
-  }
-};
-SlBreadcrumbItem.styles = [component_styles_default, breadcrumb_item_styles_default];
-__decorateClass([
-  e2("slot:not([name])")
-], SlBreadcrumbItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], SlBreadcrumbItem.prototype, "renderType", 2);
-__decorateClass([
-  n()
-], SlBreadcrumbItem.prototype, "href", 2);
-__decorateClass([
-  n()
-], SlBreadcrumbItem.prototype, "target", 2);
-__decorateClass([
-  n()
-], SlBreadcrumbItem.prototype, "rel", 2);
-__decorateClass([
-  watch("href", { waitUntilFirstUpdate: true })
-], SlBreadcrumbItem.prototype, "hrefChanged", 1);
-
-export {
-  SlBreadcrumbItem
-};

package/cdn/chunks/chunk.DTQ34BNA.js

@@ -1,29 +0,0 @@
-import {
-  SlDrawer
-} from "./chunk.JNFUW4AH.js";
-
-// src/react/drawer/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-drawer";
-SlDrawer.define("sl-drawer");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlDrawer,
-  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: "SlDrawer"
-});
-var drawer_default = reactWrapper;
-
-export {
-  drawer_default
-};

package/cdn/chunks/chunk.DUNTCPCC.js

@@ -1,11 +0,0 @@
-import {
-  SlMutationObserver
-} from "./chunk.FEOPEHU4.js";
-
-// src/components/mutation-observer/mutation-observer.ts
-var mutation_observer_default = SlMutationObserver;
-SlMutationObserver.define("sl-mutation-observer");
-
-export {
-  mutation_observer_default
-};

package/cdn/chunks/chunk.E3KU5ZUQ.js

@@ -1,93 +0,0 @@
-import {
-  breadcrumb_styles_default
-} from "./chunk.XB6JEHTC.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  SlIcon
-} from "./chunk.ZNCN2NE6.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  e,
-  n
-} from "./chunk.J5EDZ3U4.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/breadcrumb/breadcrumb.component.ts
-var SlBreadcrumb = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.separatorDir = this.localize.dir();
-    this.label = "";
-  }
-  // Generates a clone of the separator element to use for each breadcrumb item
-  getSeparator() {
-    const separator = this.separatorSlot.assignedElements({ flatten: true })[0];
-    const clone = separator.cloneNode(true);
-    [clone, ...clone.querySelectorAll("[id]")].forEach((el) => el.removeAttribute("id"));
-    clone.setAttribute("data-default", "");
-    clone.slot = "separator";
-    return clone;
-  }
-  handleSlotChange() {
-    const items = [...this.defaultSlot.assignedElements({ flatten: true })].filter(
-      (item) => item.tagName.toLowerCase() === "sl-breadcrumb-item"
-    );
-    items.forEach((item, index) => {
-      const separator = item.querySelector('[slot="separator"]');
-      if (separator === null) {
-        item.append(this.getSeparator());
-      } else if (separator.hasAttribute("data-default")) {
-        separator.replaceWith(this.getSeparator());
-      } else {
-      }
-      if (index === items.length - 1) {
-        item.setAttribute("aria-current", "page");
-      } else {
-        item.removeAttribute("aria-current");
-      }
-    });
-  }
-  render() {
-    if (this.separatorDir !== this.localize.dir()) {
-      this.separatorDir = this.localize.dir();
-      this.updateComplete.then(() => this.handleSlotChange());
-    }
-    return b`
-      <nav part="base" class="breadcrumb" aria-label=${this.label}>
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </nav>
-
-      <span hidden aria-hidden="true">
-        <slot name="separator">
-          <sl-icon name=${this.localize.dir() === "rtl" ? "chevron-left" : "chevron-right"} library="system"></sl-icon>
-        </slot>
-      </span>
-    `;
-  }
-};
-SlBreadcrumb.styles = [component_styles_default, breadcrumb_styles_default];
-SlBreadcrumb.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  e("slot")
-], SlBreadcrumb.prototype, "defaultSlot", 2);
-__decorateClass([
-  e('slot[name="separator"]')
-], SlBreadcrumb.prototype, "separatorSlot", 2);
-__decorateClass([
-  n()
-], SlBreadcrumb.prototype, "label", 2);
-
-export {
-  SlBreadcrumb
-};

package/cdn/chunks/chunk.EGWQFRSJ.js

@@ -1,11 +0,0 @@
-import {
-  SlThoughtChainNode
-} from "./chunk.IGSMYZPJ.js";
-
-// src/components/thought-chain-node/thought-chain-node.ts
-var thought_chain_node_default = SlThoughtChainNode;
-SlThoughtChainNode.define("sl-thought-chain-node");
-
-export {
-  thought_chain_node_default
-};

package/cdn/chunks/chunk.ENDE6WDK.js

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

package/cdn/chunks/chunk.ENXY5MW5.js

@@ -1,11 +0,0 @@
-import {
-  SlTabGroup
-} from "./chunk.L27ZP5M3.js";
-
-// src/components/tab-group/tab-group.ts
-var tab_group_default = SlTabGroup;
-SlTabGroup.define("sl-tab-group");
-
-export {
-  tab_group_default
-};