@kdcloudjs/shoelace 1.0.40 → 1.0.42

package/cdn/chunks/chunk.RQEFMEEG.js

@@ -1,24 +0,0 @@
-import {
-  SlThoughtChain
-} from "./chunk.WYCWWJ5O.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.RQQPX4SF.js

@@ -1,305 +0,0 @@
-import {
-  highlightCodeBlock
-} from "./chunk.GBSEWAX5.js";
-import {
-  isValidCustomElementTag,
-  renderMappedComponent
-} from "./chunk.QLAFK3BN.js";
-import {
-  o as o2
-} from "./chunk.2T5J6WBF.js";
-import {
-  o
-} from "./chunk.OJXBTTLD.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-
-// src/components/x-markdown/markdown/render.ts
-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 b`<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 b``;
-  }
-  return b`<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) => b`<li part="list-item" class="x-markdown__sources-item">${line}</li>`)}
-    </ul>
-  </section>`;
-}
-function renderInlineToken(token, context) {
-  switch (token.type) {
-    case "strong":
-      return b`<strong>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</strong>`;
-    case "em":
-      return b`<em>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</em>`;
-    case "codespan":
-      return b`<code part="code-inline">${getTokenText(token)}</code>`;
-    case "del":
-      return b`<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 b`<a
-        href=${href}
-        title=${o(title)}
-        target=${o(target)}
-        rel=${o(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 b`<img src=${src} alt=${alt} title=${o(title)} part="image" loading="lazy" />`;
-    }
-    case "br":
-      return b`<br />`;
-    case "html":
-      if (context.escapeRawHtml) {
-        return b`${getTokenText(token)}`;
-      }
-      return b`${o2(token.raw)}`;
-    case "text":
-    default:
-      return b`${getTokenText(token)}`;
-  }
-}
-function renderTableCell(cell, context) {
-  var _a;
-  const inlineTokens = getInlineTokens(cell);
-  return b`${inlineTokens.length ? inlineTokens.map((token) => renderInlineToken(token, context)) : b`${(_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 b`<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}
-        >${o2(highlighted.highlightedHtml)}</code
-      ></pre>
-  </div>`;
-}
-function renderCustomHtmlToken(token, context) {
-  const parsed = parseCustomTag(token.raw);
-  if (!parsed) {
-    if (context.escapeRawHtml) {
-      return b`<p part="paragraph">${token.raw}</p>`;
-    }
-    return b`${o2(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 b`<p part="paragraph">${token.raw}</p>`;
-  }
-  return b`${o2(token.raw)}`;
-}
-function renderBlockToken(token, context, key) {
-  var _a, _b;
-  switch (token.type) {
-    case "space":
-      return b`<span data-key=${key}></span>`;
-    case "paragraph":
-      return b`<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 b`<h1 part="heading" data-key=${key}>${content}</h1>`;
-      }
-      if (level === 2) {
-        return b`<h2 part="heading" data-key=${key}>${content}</h2>`;
-      }
-      if (level === 3) {
-        return b`<h3 part="heading" data-key=${key}>${content}</h3>`;
-      }
-      if (level === 4) {
-        return b`<h4 part="heading" data-key=${key}>${content}</h4>`;
-      }
-      if (level === 5) {
-        return b`<h5 part="heading" data-key=${key}>${content}</h5>`;
-      }
-      return b`<h6 part="heading" data-key=${key}>${content}</h6>`;
-    }
-    case "blockquote":
-      return b`<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 b`<ol part="list" data-key=${key} start=${(_a = token.start) != null ? _a : 1}>
-          ${listItems.map(
-          (item, index) => b`<li part="list-item">
-              ${getInlineTokens(item).map((child) => renderBlockToken(child, context, `${key}-li-${index}`))}
-            </li>`
-        )}
-        </ol>`;
-      }
-      return b`<ul part="list" data-key=${key}>
-        ${listItems.map(
-        (item, index) => b`<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 b`<table part="table" data-key=${key}>
-        <thead part="table-head">
-          <tr part="table-row">
-            ${headerCells.map((cell) => b`<th part="table-cell">${renderTableCell(cell, context)}</th>`)}
-          </tr>
-        </thead>
-        <tbody part="table-body">
-          ${rows.map(
-        (row) => b`<tr part="table-row">
-              ${row.map((cell) => b`<td part="table-cell">${renderTableCell(cell, context)}</td>`)}
-            </tr>`
-      )}
-        </tbody>
-      </table>`;
-    }
-    case "hr":
-      return b`<hr data-key=${key} />`;
-    case "code":
-      return b`${renderCodeToken(token, context)}`;
-    case "html":
-      return b`${renderCustomHtmlToken(token, context)}`;
-    case "text":
-      return b`<p part="paragraph" data-key=${key}>${getInlineTokens(token).map((child) => renderInlineToken(child, context))}</p>`;
-    default:
-      return b`<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/cdn/chunks/chunk.RR4L56XU.js

@@ -1,103 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.GHZEUHFY.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/relative-time/relative-time.component.ts
-var availableUnits = [
-  { max: 276e4, value: 6e4, unit: "minute" },
-  // max 46 minutes
-  { max: 72e6, value: 36e5, unit: "hour" },
-  // max 20 hours
-  { max: 5184e5, value: 864e5, unit: "day" },
-  // max 6 days
-  { max: 24192e5, value: 6048e5, unit: "week" },
-  // max 28 days
-  { max: 28512e6, value: 2592e6, unit: "month" },
-  // max 11 months
-  { max: Infinity, value: 31536e6, unit: "year" }
-];
-var SlRelativeTime = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.isoTime = "";
-    this.relativeTime = "";
-    this.date = /* @__PURE__ */ new Date();
-    this.format = "long";
-    this.numeric = "auto";
-    this.sync = false;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    clearTimeout(this.updateTimeout);
-  }
-  render() {
-    const now = /* @__PURE__ */ new Date();
-    const then = new Date(this.date);
-    if (isNaN(then.getMilliseconds())) {
-      this.relativeTime = "";
-      this.isoTime = "";
-      return "";
-    }
-    const diff = then.getTime() - now.getTime();
-    const { unit, value } = availableUnits.find((singleUnit) => Math.abs(diff) < singleUnit.max);
-    this.isoTime = then.toISOString();
-    this.relativeTime = this.localize.relativeTime(Math.round(diff / value), unit, {
-      numeric: this.numeric,
-      style: this.format
-    });
-    clearTimeout(this.updateTimeout);
-    if (this.sync) {
-      let nextInterval;
-      if (unit === "minute") {
-        nextInterval = getTimeUntilNextUnit("second");
-      } else if (unit === "hour") {
-        nextInterval = getTimeUntilNextUnit("minute");
-      } else if (unit === "day") {
-        nextInterval = getTimeUntilNextUnit("hour");
-      } else {
-        nextInterval = getTimeUntilNextUnit("day");
-      }
-      this.updateTimeout = window.setTimeout(() => this.requestUpdate(), nextInterval);
-    }
-    return b` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
-  }
-};
-__decorateClass([
-  r()
-], SlRelativeTime.prototype, "isoTime", 2);
-__decorateClass([
-  r()
-], SlRelativeTime.prototype, "relativeTime", 2);
-__decorateClass([
-  n()
-], SlRelativeTime.prototype, "date", 2);
-__decorateClass([
-  n()
-], SlRelativeTime.prototype, "format", 2);
-__decorateClass([
-  n()
-], SlRelativeTime.prototype, "numeric", 2);
-__decorateClass([
-  n({ type: Boolean })
-], SlRelativeTime.prototype, "sync", 2);
-function getTimeUntilNextUnit(unit) {
-  const units = { second: 1e3, minute: 6e4, hour: 36e5, day: 864e5 };
-  const value = units[unit];
-  return value - Date.now() % value;
-}
-
-export {
-  SlRelativeTime
-};

package/cdn/chunks/chunk.RXU4FKKZ.js

@@ -1,11 +0,0 @@
-import {
-  SlTag
-} from "./chunk.ZJL5JEDQ.js";
-
-// src/components/tag/tag.ts
-var tag_default = SlTag;
-SlTag.define("sl-tag");
-
-export {
-  tag_default
-};

package/cdn/chunks/chunk.RZANYYGP.js

@@ -1,24 +0,0 @@
-import {
-  SlNavItem
-} from "./chunk.GM3FTEHE.js";
-
-// src/react/nav-item/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-nav-item";
-SlNavItem.define("sl-nav-item");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlNavItem,
-  react: React,
-  events: {
-    onSlNavSelect: "sl-nav-select"
-  },
-  displayName: "SlNavItem"
-});
-var nav_item_default = reactWrapper;
-
-export {
-  nav_item_default
-};

package/cdn/chunks/chunk.S2AFJO55.js

@@ -1,11 +0,0 @@
-import {
-  SlAlert
-} from "./chunk.34AKSO3W.js";
-
-// src/components/alert/alert.ts
-var alert_default = SlAlert;
-SlAlert.define("sl-alert");
-
-export {
-  alert_default
-};

package/cdn/chunks/chunk.S5PSLRGZ.js

@@ -1,215 +0,0 @@
-import {
-  col_styles_default
-} from "./chunk.BL4LNXNP.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.GHZEUHFY.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/col/col.component.ts
-var breakpoints = {
-  xs: 0,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1600
-};
-var responsiveArray = ["xxl", "xl", "lg", "md", "sm", "xs"];
-var SlCol = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.mediaQueryLists = /* @__PURE__ */ new Map();
-    this.currentBreakpoint = "xs";
-    this.rowContext = { gutter: [0, 0], wrap: true };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setupResponsiveObserver();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanupResponsiveObserver();
-  }
-  setupResponsiveObserver() {
-    Object.entries(breakpoints).forEach(([key, minWidth]) => {
-      const breakpoint = key;
-      const mediaQuery = minWidth === 0 ? "(min-width: 0px)" : `(min-width: ${minWidth}px)`;
-      const mql = window.matchMedia(mediaQuery);
-      const handler = (e) => {
-        if (e.matches) {
-          this.currentBreakpoint = breakpoint;
-          this.requestUpdate();
-        }
-      };
-      mql.addEventListener("change", handler);
-      this.mediaQueryLists.set(breakpoint, mql);
-      if (mql.matches) {
-        this.currentBreakpoint = breakpoint;
-      }
-    });
-  }
-  cleanupResponsiveObserver() {
-    this.mediaQueryLists.forEach((mql) => {
-      mql.removeEventListener("change", () => {
-      });
-    });
-    this.mediaQueryLists.clear();
-  }
-  getResponsiveProps() {
-    for (const bp of responsiveArray) {
-      const bpIndex = responsiveArray.indexOf(bp);
-      const currentIndex = responsiveArray.indexOf(this.currentBreakpoint);
-      if (bpIndex >= currentIndex) {
-        const config = this[bp];
-        if (config !== void 0) {
-          if (typeof config === "number" || typeof config === "string") {
-            return { span: config };
-          }
-          return config;
-        }
-      }
-    }
-    return {};
-  }
-  parseFlex(flex) {
-    if (flex === "auto") {
-      return "1 1 auto";
-    }
-    if (typeof flex === "number") {
-      return `${flex} ${flex} auto`;
-    }
-    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(String(flex))) {
-      return `0 0 ${flex}`;
-    }
-    return String(flex);
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.updateHostStyles();
-  }
-  updateHostStyles() {
-    var _a, _b, _c, _d, _e, _f;
-    const responsiveProps = this.getResponsiveProps();
-    const mergedSpan = (_a = this.span) != null ? _a : responsiveProps.span;
-    const mergedOffset = (_b = this.offset) != null ? _b : responsiveProps.offset;
-    const mergedOrder = (_c = this.order) != null ? _c : responsiveProps.order;
-    const mergedPush = (_d = this.push) != null ? _d : responsiveProps.push;
-    const mergedPull = (_e = this.pull) != null ? _e : responsiveProps.pull;
-    const mergedFlex = (_f = this.flex) != null ? _f : responsiveProps.flex;
-    const hostStyle = this.style;
-    hostStyle.flex = "";
-    hostStyle.maxWidth = "";
-    hostStyle.marginLeft = "";
-    hostStyle.order = "";
-    hostStyle.left = "";
-    hostStyle.right = "";
-    hostStyle.paddingLeft = "";
-    hostStyle.paddingRight = "";
-    hostStyle.display = "";
-    hostStyle.minWidth = "";
-    if (mergedSpan !== void 0) {
-      const spanNum = Number(mergedSpan);
-      if (spanNum === 0) {
-        hostStyle.display = "none";
-      } else {
-        const percentage = spanNum / 24 * 100;
-        hostStyle.flex = `0 0 ${percentage}%`;
-        hostStyle.maxWidth = `${percentage}%`;
-      }
-    }
-    if (mergedOffset !== void 0 && mergedOffset !== 0) {
-      const offsetNum = Number(mergedOffset);
-      const percentage = offsetNum / 24 * 100;
-      hostStyle.marginLeft = `${percentage}%`;
-    }
-    if (mergedOrder !== void 0) {
-      hostStyle.order = String(mergedOrder);
-    }
-    if (mergedPush !== void 0 && mergedPush !== 0) {
-      const pushNum = Number(mergedPush);
-      const percentage = pushNum / 24 * 100;
-      hostStyle.left = `${percentage}%`;
-    }
-    if (mergedPull !== void 0 && mergedPull !== 0) {
-      const pullNum = Number(mergedPull);
-      const percentage = pullNum / 24 * 100;
-      hostStyle.right = `${percentage}%`;
-    }
-    if (mergedFlex !== void 0) {
-      hostStyle.flex = this.parseFlex(mergedFlex);
-      if (!this.rowContext.wrap) {
-        hostStyle.minWidth = "0";
-      }
-    }
-    const [gutterH] = this.rowContext.gutter;
-    if (gutterH) {
-      hostStyle.paddingLeft = `${gutterH / 2}px`;
-      hostStyle.paddingRight = `${gutterH / 2}px`;
-    }
-  }
-  render() {
-    return b`
-      <div part="base" class="col">
-        <slot></slot>
-      </div>
-    `;
-  }
-};
-SlCol.styles = [component_styles_default, col_styles_default];
-__decorateClass([
-  r()
-], SlCol.prototype, "currentBreakpoint", 2);
-__decorateClass([
-  r()
-], SlCol.prototype, "rowContext", 2);
-__decorateClass([
-  n({ type: Number })
-], SlCol.prototype, "span", 2);
-__decorateClass([
-  n({ type: Number })
-], SlCol.prototype, "offset", 2);
-__decorateClass([
-  n({ type: Number })
-], SlCol.prototype, "order", 2);
-__decorateClass([
-  n({ type: Number })
-], SlCol.prototype, "push", 2);
-__decorateClass([
-  n({ type: Number })
-], SlCol.prototype, "pull", 2);
-__decorateClass([
-  n()
-], SlCol.prototype, "flex", 2);
-__decorateClass([
-  n({ type: Object })
-], SlCol.prototype, "xs", 2);
-__decorateClass([
-  n({ type: Object })
-], SlCol.prototype, "sm", 2);
-__decorateClass([
-  n({ type: Object })
-], SlCol.prototype, "md", 2);
-__decorateClass([
-  n({ type: Object })
-], SlCol.prototype, "lg", 2);
-__decorateClass([
-  n({ type: Object })
-], SlCol.prototype, "xl", 2);
-__decorateClass([
-  n({ type: Object })
-], SlCol.prototype, "xxl", 2);
-
-export {
-  SlCol
-};