@kdcloudjs/shoelace 1.0.31 → 1.0.32

package/dist/chunks/chunk.37ODMRKG.js

@@ -0,0 +1,25 @@
+import {
+  SlThink
+} from "./chunk.NBSEUJKB.js";
+
+// src/react/think/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-think";
+SlThink.define("sl-think");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlThink,
+  react: React,
+  events: {
+    onSlExpand: "sl-expand",
+    onSlCollapse: "sl-collapse"
+  },
+  displayName: "SlThink"
+});
+var think_default = reactWrapper;
+
+export {
+  think_default
+};

package/dist/chunks/chunk.3AINOOTS.js

@@ -0,0 +1,25 @@
+import {
+  SlFloatButtonGroup
+} from "./chunk.3P4V4P3H.js";
+
+// src/react/float-button-group/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-float-button-group";
+SlFloatButtonGroup.define("sl-float-button-group");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlFloatButtonGroup,
+  react: React,
+  events: {
+    onSlShow: "sl-show",
+    onSlHide: "sl-hide"
+  },
+  displayName: "SlFloatButtonGroup"
+});
+var float_button_group_default = reactWrapper;
+
+export {
+  float_button_group_default
+};

package/dist/chunks/chunk.3EOJVTR3.js

@@ -0,0 +1,299 @@
+import {
+  highlightCodeBlock
+} from "./chunk.RWKV5C6J.js";
+import {
+  isValidCustomElementTag,
+  renderMappedComponent
+} from "./chunk.MR4YVMRN.js";
+
+// src/components/x-markdown/markdown/render.ts
+import { html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+function getTokenText(token) {
+  if ("text" in token && typeof token.text === "string") {
+    return token.text;
+  }
+  return "";
+}
+function getInlineTokens(source) {
+  if (Array.isArray(source.tokens)) {
+    return source.tokens;
+  }
+  return [];
+}
+function getListItems(items) {
+  if (Array.isArray(items)) {
+    return items;
+  }
+  return [];
+}
+function getTableHeader(header) {
+  if (Array.isArray(header)) {
+    return header;
+  }
+  return [];
+}
+function getTableRows(rows) {
+  if (Array.isArray(rows)) {
+    return rows;
+  }
+  return [];
+}
+function parseAttributes(attrSource) {
+  var _a;
+  const attrs = {};
+  const attrPattern = /([:@a-zA-Z_][\w:.-]*)(?:\s*=\s*"([^"]*)")?/g;
+  let attrMatch;
+  while ((attrMatch = attrPattern.exec(attrSource)) !== null) {
+    attrs[attrMatch[1]] = (_a = attrMatch[2]) != null ? _a : "";
+  }
+  return attrs;
+}
+function parseCustomTag(raw) {
+  var _a, _b, _c;
+  const trimmed = raw.trim();
+  const fullTag = /^<([a-zA-Z][\w-]*)([^>]*)>([\s\S]*)<\/\1>$/.exec(trimmed);
+  if (fullTag) {
+    return {
+      tagName: fullTag[1].toLowerCase(),
+      attrs: parseAttributes((_a = fullTag[2]) != null ? _a : ""),
+      textContent: ((_b = fullTag[3]) != null ? _b : "").trim()
+    };
+  }
+  const selfClosingTag = /^<([a-zA-Z][\w-]*)([^>]*)\/>$/.exec(trimmed);
+  if (selfClosingTag) {
+    return {
+      tagName: selfClosingTag[1].toLowerCase(),
+      attrs: parseAttributes((_c = selfClosingTag[2]) != null ? _c : ""),
+      textContent: ""
+    };
+  }
+  return void 0;
+}
+function getMappedTag(nodeType, components) {
+  const mappedTag = components[nodeType];
+  if (!isValidCustomElementTag(mappedTag)) {
+    return void 0;
+  }
+  return mappedTag;
+}
+function createPayload(nodeType, streamStatus, textContent, attrs, meta, raw) {
+  return {
+    nodeType,
+    streamStatus,
+    textContent,
+    attrs,
+    meta,
+    raw
+  };
+}
+function renderThink(content) {
+  return html`<details part="blockquote" class="x-markdown__think">
+    <summary part="paragraph" class="x-markdown__think-summary">Reasoning</summary>
+    <div part="paragraph" class="x-markdown__think-content">${content}</div>
+  </details>`;
+}
+function renderSources(content) {
+  const lines = content.split("\n").map((line) => line.trim()).filter(Boolean);
+  if (lines.length === 0) {
+    return html``;
+  }
+  return html`<section part="blockquote" class="x-markdown__sources">
+    <h4 part="heading" class="x-markdown__sources-title">Sources</h4>
+    <ul part="list" class="x-markdown__sources-list">
+      ${lines.map((line) => html`<li part="list-item" class="x-markdown__sources-item">${line}</li>`)}
+    </ul>
+  </section>`;
+}
+function renderInlineToken(token, context) {
+  switch (token.type) {
+    case "strong":
+      return html`<strong>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</strong>`;
+    case "em":
+      return html`<em>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</em>`;
+    case "codespan":
+      return html`<code part="code-inline">${getTokenText(token)}</code>`;
+    case "del":
+      return html`<del>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</del>`;
+    case "link": {
+      const href = "href" in token && typeof token.href === "string" ? token.href : "";
+      const title = "title" in token && typeof token.title === "string" ? token.title : void 0;
+      const target = context.openLinksInNewTab ? "_blank" : void 0;
+      const rel = context.openLinksInNewTab ? "noopener noreferrer" : void 0;
+      return html`<a
+        href=${href}
+        title=${ifDefined(title)}
+        target=${ifDefined(target)}
+        rel=${ifDefined(rel)}
+        part="link"
+        >${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</a
+      >`;
+    }
+    case "image": {
+      const src = "href" in token && typeof token.href === "string" ? token.href : "";
+      const alt = getTokenText(token);
+      const title = "title" in token && typeof token.title === "string" ? token.title : void 0;
+      return html`<img src=${src} alt=${alt} title=${ifDefined(title)} part="image" loading="lazy" />`;
+    }
+    case "br":
+      return html`<br />`;
+    case "html":
+      if (context.escapeRawHtml) {
+        return html`${getTokenText(token)}`;
+      }
+      return html`${unsafeHTML(token.raw)}`;
+    case "text":
+    default:
+      return html`${getTokenText(token)}`;
+  }
+}
+function renderTableCell(cell, context) {
+  var _a;
+  const inlineTokens = getInlineTokens(cell);
+  return html`${inlineTokens.length ? inlineTokens.map((token) => renderInlineToken(token, context)) : html`${(_a = cell.text) != null ? _a : ""}`}`;
+}
+function renderCodeToken(token, context) {
+  var _a;
+  const language = ((_a = token.lang) != null ? _a : "").trim().toLowerCase();
+  const mappedTag = language ? getMappedTag(language, context.components) : void 0;
+  if (mappedTag) {
+    return renderMappedComponent(
+      mappedTag,
+      createPayload(language, context.streamStatus, token.text, {}, { kind: "fence", language }, token.raw),
+      "code-block"
+    );
+  }
+  if (language === "think") {
+    return renderThink(token.text);
+  }
+  if (language === "sources") {
+    return renderSources(token.text);
+  }
+  const highlighted = highlightCodeBlock(token.text, language);
+  const codeClass = highlighted.language ? `language-${highlighted.language}` : "";
+  return html`<div part="code-block" class="x-markdown__code-block">
+    <div part="code-block-header" class="x-markdown__code-block-header">${highlighted.language || "text"}</div>
+    <pre part="code-block-body" class="x-markdown__code-block-body"><code class=${codeClass}
+        >${unsafeHTML(highlighted.highlightedHtml)}</code
+      ></pre>
+  </div>`;
+}
+function renderCustomHtmlToken(token, context) {
+  const parsed = parseCustomTag(token.raw);
+  if (!parsed) {
+    if (context.escapeRawHtml) {
+      return html`<p part="paragraph">${token.raw}</p>`;
+    }
+    return html`${unsafeHTML(token.raw)}`;
+  }
+  const mappedTag = getMappedTag(parsed.tagName, context.components);
+  if (mappedTag) {
+    return renderMappedComponent(
+      mappedTag,
+      createPayload(parsed.tagName, context.streamStatus, parsed.textContent, parsed.attrs, { kind: "html-tag" }, token.raw),
+      "body"
+    );
+  }
+  if (parsed.tagName === "think") {
+    return renderThink(parsed.textContent);
+  }
+  if (parsed.tagName === "sources") {
+    return renderSources(parsed.textContent);
+  }
+  if (context.escapeRawHtml) {
+    return html`<p part="paragraph">${token.raw}</p>`;
+  }
+  return html`${unsafeHTML(token.raw)}`;
+}
+function renderBlockToken(token, context, key) {
+  var _a, _b;
+  switch (token.type) {
+    case "space":
+      return html`<span data-key=${key}></span>`;
+    case "paragraph":
+      return html`<p part="paragraph" data-key=${key}>
+        ${getInlineTokens(token).map((child) => renderInlineToken(child, context))}
+      </p>`;
+    case "heading": {
+      const rawDepth = typeof token.depth === "number" ? token.depth : Number(token.depth);
+      const depth = Number.isFinite(rawDepth) ? rawDepth : 1;
+      const level = Math.max(1, Math.min(6, depth));
+      const content = getInlineTokens(token).map((child) => renderInlineToken(child, context));
+      if (level === 1) {
+        return html`<h1 part="heading" data-key=${key}>${content}</h1>`;
+      }
+      if (level === 2) {
+        return html`<h2 part="heading" data-key=${key}>${content}</h2>`;
+      }
+      if (level === 3) {
+        return html`<h3 part="heading" data-key=${key}>${content}</h3>`;
+      }
+      if (level === 4) {
+        return html`<h4 part="heading" data-key=${key}>${content}</h4>`;
+      }
+      if (level === 5) {
+        return html`<h5 part="heading" data-key=${key}>${content}</h5>`;
+      }
+      return html`<h6 part="heading" data-key=${key}>${content}</h6>`;
+    }
+    case "blockquote":
+      return html`<blockquote part="blockquote" data-key=${key}>
+        ${getInlineTokens(token).map((child, index) => renderBlockToken(child, context, `${key}-bq-${index}`))}
+      </blockquote>`;
+    case "list": {
+      const listItems = getListItems(token.items);
+      if (token.ordered) {
+        return html`<ol part="list" data-key=${key} start=${(_a = token.start) != null ? _a : 1}>
+          ${listItems.map(
+          (item, index) => html`<li part="list-item">
+              ${getInlineTokens(item).map((child) => renderBlockToken(child, context, `${key}-li-${index}`))}
+            </li>`
+        )}
+        </ol>`;
+      }
+      return html`<ul part="list" data-key=${key}>
+        ${listItems.map(
+        (item, index) => html`<li part="list-item">
+            ${getInlineTokens(item).map((child) => renderBlockToken(child, context, `${key}-li-${index}`))}
+          </li>`
+      )}
+      </ul>`;
+    }
+    case "table": {
+      const headerCells = getTableHeader(token.header);
+      const rows = getTableRows(token.rows);
+      return html`<table part="table" data-key=${key}>
+        <thead part="table-head">
+          <tr part="table-row">
+            ${headerCells.map((cell) => html`<th part="table-cell">${renderTableCell(cell, context)}</th>`)}
+          </tr>
+        </thead>
+        <tbody part="table-body">
+          ${rows.map(
+        (row) => html`<tr part="table-row">
+              ${row.map((cell) => html`<td part="table-cell">${renderTableCell(cell, context)}</td>`)}
+            </tr>`
+      )}
+        </tbody>
+      </table>`;
+    }
+    case "hr":
+      return html`<hr data-key=${key} />`;
+    case "code":
+      return html`${renderCodeToken(token, context)}`;
+    case "html":
+      return html`${renderCustomHtmlToken(token, context)}`;
+    case "text":
+      return html`<p part="paragraph" data-key=${key}>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</p>`;
+    default:
+      return html`<p part="paragraph" data-key=${key}>${(_b = token.raw) != null ? _b : ""}</p>`;
+  }
+}
+function renderMarkdownTokens(tokens, context) {
+  return tokens.map((token, index) => renderBlockToken(token, context, `token-${index}`));
+}
+
+export {
+  renderMarkdownTokens
+};

package/dist/chunks/chunk.3ILQMNTZ.js

@@ -0,0 +1,11 @@
+import {
+  SlDrawer
+} from "./chunk.N6I33EAC.js";
+
+// src/components/drawer/drawer.ts
+var drawer_default = SlDrawer;
+SlDrawer.define("sl-drawer");
+
+export {
+  drawer_default
+};

package/dist/chunks/chunk.3P4V4P3H.js

@@ -0,0 +1,153 @@
+import {
+  float_button_group_styles_default
+} from "./chunk.7UUWTJQR.js";
+import {
+  SlIcon
+} from "./chunk.XMBINA7J.js";
+import {
+  watch
+} from "./chunk.55S3OOTM.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+import {
+  ShoelaceElement
+} from "./chunk.26SCCLYY.js";
+import {
+  __decorateClass
+} from "./chunk.W5KB6T3Z.js";
+
+// src/components/float-button-group/float-button-group.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit";
+import { property, state } from "lit/decorators.js";
+var SlFloatButtonGroup = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.isOpen = false;
+    this.shape = "circle";
+    this.trigger = "";
+    this.open = false;
+    this.placement = "top";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+    document.addEventListener("click", this.handleDocumentClick);
+    this.syncChildAttributes();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("click", this.handleDocumentClick);
+  }
+  handleOpenPropChange() {
+    if (this.trigger) {
+      this.isOpen = this.open;
+    }
+  }
+  syncChildAttributes() {
+    requestAnimationFrame(() => {
+      this.querySelectorAll("sl-float-button").forEach((btn) => {
+        btn.setAttribute("ingroup", "");
+        btn.setAttribute("shape", this.shape);
+      });
+    });
+  }
+  handleDocumentClick(event) {
+    if (!this.trigger || !this.isOpen) return;
+    const path = event.composedPath();
+    if (!path.includes(this)) {
+      this.setOpen(false);
+    }
+  }
+  handleTriggerClick() {
+    if (this.trigger === "click") {
+      this.setOpen(!this.isOpen);
+    }
+  }
+  handleTriggerMouseEnter() {
+    if (this.trigger === "hover") {
+      this.setOpen(true);
+    }
+  }
+  handleGroupMouseLeave() {
+    if (this.trigger === "hover") {
+      this.setOpen(false);
+    }
+  }
+  setOpen(value) {
+    if (this.isOpen === value) return;
+    this.isOpen = value;
+    this.open = value;
+    this.emit(value ? "sl-show" : "sl-hide");
+  }
+  handleSlotChange() {
+    this.syncChildAttributes();
+  }
+  render() {
+    const isMenu = !!this.trigger;
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      "float-button-group": true,
+      "float-button-group--menu": isMenu,
+      "float-button-group--open": this.isOpen,
+      "float-button-group--top": this.placement === "top",
+      "float-button-group--bottom": this.placement === "bottom",
+      "float-button-group--left": this.placement === "left",
+      "float-button-group--right": this.placement === "right"
+    })}
+        @mouseleave=${this.handleGroupMouseLeave}
+      >
+        <div part="list" class="float-button-group__list">
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+
+        ${isMenu ? html`
+              <button
+                part="trigger"
+                class="float-button-group__trigger"
+                @click=${this.handleTriggerClick}
+                @mouseenter=${this.handleTriggerMouseEnter}
+                aria-expanded=${this.isOpen ? "true" : "false"}
+                aria-label=${this.isOpen ? "Close menu" : "Open menu"}
+              >
+                <span part="trigger-icon" class="float-button-group__trigger-icon">
+                  ${this.isOpen ? html`<slot name="close-icon"><sl-icon name="x-lg" library="system"></sl-icon></slot>` : html`<slot name="trigger-icon"><sl-icon name="plus-lg" library="system"></sl-icon></slot>`}
+                </span>
+              </button>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+SlFloatButtonGroup.styles = [component_styles_default, float_button_group_styles_default];
+SlFloatButtonGroup.dependencies = {
+  "sl-icon": SlIcon
+};
+__decorateClass([
+  state()
+], SlFloatButtonGroup.prototype, "isOpen", 2);
+__decorateClass([
+  property({ reflect: true })
+], SlFloatButtonGroup.prototype, "shape", 2);
+__decorateClass([
+  property({ reflect: true })
+], SlFloatButtonGroup.prototype, "trigger", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SlFloatButtonGroup.prototype, "open", 2);
+__decorateClass([
+  property()
+], SlFloatButtonGroup.prototype, "placement", 2);
+__decorateClass([
+  watch("open")
+], SlFloatButtonGroup.prototype, "handleOpenPropChange", 1);
+__decorateClass([
+  watch("shape", { waitUntilFirstUpdate: true })
+], SlFloatButtonGroup.prototype, "syncChildAttributes", 1);
+
+export {
+  SlFloatButtonGroup
+};

package/dist/chunks/chunk.3STPB52K.js

@@ -0,0 +1,27 @@
+import {
+  SlDatePanel
+} from "./chunk.PILQUS46.js";
+
+// src/react/date-panel/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-date-panel";
+SlDatePanel.define("sl-date-panel");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlDatePanel,
+  react: React,
+  events: {
+    onSlCancel: "sl-cancel",
+    onSlClear: "sl-clear",
+    onSlConfirm: "sl-confirm",
+    onSlDateChange: "sl-date-change"
+  },
+  displayName: "SlDatePanel"
+});
+var date_panel_default = reactWrapper;
+
+export {
+  date_panel_default
+};

package/dist/chunks/chunk.3SZVHDKE.js

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

package/dist/chunks/chunk.3YHNIVVX.js

@@ -0,0 +1,109 @@
+import {
+  avatar_styles_default
+} from "./chunk.K35GSB4N.js";
+import {
+  SlIcon
+} from "./chunk.XMBINA7J.js";
+import {
+  watch
+} from "./chunk.55S3OOTM.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+import {
+  ShoelaceElement
+} from "./chunk.26SCCLYY.js";
+import {
+  __decorateClass
+} from "./chunk.W5KB6T3Z.js";
+
+// src/components/avatar/avatar.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit";
+import { property, state } from "lit/decorators.js";
+var SlAvatar = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasError = false;
+    this.image = "";
+    this.label = "";
+    this.initials = "";
+    this.loading = "eager";
+    this.shape = "circle";
+  }
+  handleImageChange() {
+    this.hasError = false;
+  }
+  handleImageLoadError() {
+    this.hasError = true;
+    this.emit("sl-error");
+  }
+  render() {
+    const avatarWithImage = html`
+      <img
+        part="image"
+        class="avatar__image"
+        src="${this.image}"
+        loading="${this.loading}"
+        alt=""
+        @error="${this.handleImageLoadError}"
+      />
+    `;
+    let avatarWithoutImage = html``;
+    if (this.initials) {
+      avatarWithoutImage = html`<div part="initials" class="avatar__initials">${this.initials}</div>`;
+    } else {
+      avatarWithoutImage = html`
+        <div part="icon" class="avatar__icon" aria-hidden="true">
+          <slot name="icon">
+            <sl-icon name="person-fill" library="system"></sl-icon>
+          </slot>
+        </div>
+      `;
+    }
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      avatar: true,
+      "avatar--circle": this.shape === "circle",
+      "avatar--rounded": this.shape === "rounded",
+      "avatar--square": this.shape === "square"
+    })}
+        role="img"
+        aria-label=${this.label}
+      >
+        ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
+      </div>
+    `;
+  }
+};
+SlAvatar.styles = [component_styles_default, avatar_styles_default];
+SlAvatar.dependencies = {
+  "sl-icon": SlIcon
+};
+__decorateClass([
+  state()
+], SlAvatar.prototype, "hasError", 2);
+__decorateClass([
+  property()
+], SlAvatar.prototype, "image", 2);
+__decorateClass([
+  property()
+], SlAvatar.prototype, "label", 2);
+__decorateClass([
+  property()
+], SlAvatar.prototype, "initials", 2);
+__decorateClass([
+  property()
+], SlAvatar.prototype, "loading", 2);
+__decorateClass([
+  property({ reflect: true })
+], SlAvatar.prototype, "shape", 2);
+__decorateClass([
+  watch("image")
+], SlAvatar.prototype, "handleImageChange", 1);
+
+export {
+  SlAvatar
+};

package/dist/chunks/chunk.453W67RW.js

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