@kdcloudjs/shoelace 1.0.32 → 1.0.33

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

@@ -1,25 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,299 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,153 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,109 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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
-};