@kdcloudjs/shoelace 1.0.27 → 1.0.28

package/cdn/chunks/chunk.D32TYAV4.js

@@ -0,0 +1,215 @@
+import {
+  col_styles_default
+} from "./chunk.KKCLXXWI.js";
+import {
+  component_styles_default
+} from "./chunk.NDXSHFSW.js";
+import {
+  ShoelaceElement,
+  n,
+  r
+} from "./chunk.DGZ6NWOG.js";
+import {
+  b
+} from "./chunk.7WSF3BCU.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
+};

package/cdn/chunks/chunk.D7BS2A2Q.js

@@ -0,0 +1,126 @@
+import {
+  r
+} from "./chunk.AZSL5MFU.js";
+import {
+  e,
+  i,
+  t
+} from "./chunk.UP75L23G.js";
+import {
+  A
+} from "./chunk.7WSF3BCU.js";
+
+// node_modules/lit-html/async-directive.js
+var s = (i2, t2) => {
+  var _a;
+  const e3 = i2._$AN;
+  if (void 0 === e3) return false;
+  for (const i3 of e3) (_a = i3._$AO) == null ? void 0 : _a.call(i3, t2, false), s(i3, t2);
+  return true;
+};
+var o = (i2) => {
+  let t2, e3;
+  do {
+    if (void 0 === (t2 = i2._$AM)) break;
+    e3 = t2._$AN, e3.delete(i2), i2 = t2;
+  } while (0 === (e3 == null ? void 0 : e3.size));
+};
+var r2 = (i2) => {
+  for (let t2; t2 = i2._$AM; i2 = t2) {
+    let e3 = t2._$AN;
+    if (void 0 === e3) t2._$AN = e3 = /* @__PURE__ */ new Set();
+    else if (e3.has(i2)) break;
+    e3.add(i2), c(t2);
+  }
+};
+function h(i2) {
+  void 0 !== this._$AN ? (o(this), this._$AM = i2, r2(this)) : this._$AM = i2;
+}
+function n(i2, t2 = false, e3 = 0) {
+  const r3 = this._$AH, h3 = this._$AN;
+  if (void 0 !== h3 && 0 !== h3.size) if (t2) if (Array.isArray(r3)) for (let i3 = e3; i3 < r3.length; i3++) s(r3[i3], false), o(r3[i3]);
+  else null != r3 && (s(r3, false), o(r3));
+  else s(this, i2);
+}
+var c = (i2) => {
+  var _a, _b;
+  i2.type == t.CHILD && ((_a = i2._$AP) != null ? _a : i2._$AP = n, (_b = i2._$AQ) != null ? _b : i2._$AQ = h);
+};
+var f = class extends i {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i2, t2, e3) {
+    super._$AT(i2, t2, e3), r2(this), this.isConnected = i2._$AU;
+  }
+  _$AO(i2, t2 = true) {
+    var _a, _b;
+    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (_a = this.reconnected) == null ? void 0 : _a.call(this) : (_b = this.disconnected) == null ? void 0 : _b.call(this)), t2 && (s(this, i2), o(this));
+  }
+  setValue(t2) {
+    if (r(this._$Ct)) this._$Ct._$AI(t2, this);
+    else {
+      const i2 = [...this._$Ct._$AH];
+      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+};
+
+// node_modules/lit-html/directives/ref.js
+var e2 = () => new h2();
+var h2 = class {
+};
+var o2 = /* @__PURE__ */ new WeakMap();
+var n2 = e(class extends f {
+  render(i2) {
+    return A;
+  }
+  update(i2, [s2]) {
+    var _a;
+    const e3 = s2 !== this.G;
+    return e3 && void 0 !== this.G && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.G = s2, this.ht = (_a = i2.options) == null ? void 0 : _a.host, this.rt(this.ct = i2.element)), A;
+  }
+  rt(t2) {
+    var _a;
+    if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
+      const i2 = (_a = this.ht) != null ? _a : globalThis;
+      let s2 = o2.get(i2);
+      void 0 === s2 && (s2 = /* @__PURE__ */ new WeakMap(), o2.set(i2, s2)), void 0 !== s2.get(this.G) && this.G.call(this.ht, void 0), s2.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
+    } else this.G.value = t2;
+  }
+  get lt() {
+    var _a, _b, _c;
+    return "function" == typeof this.G ? (_b = o2.get((_a = this.ht) != null ? _a : globalThis)) == null ? void 0 : _b.get(this.G) : (_c = this.G) == null ? void 0 : _c.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+
+export {
+  e2 as e,
+  n2 as n
+};
+/*! Bundled license information:
+
+lit-html/async-directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/ref.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.DCS2CRXQ.js

@@ -0,0 +1,11 @@
+import {
+  SlPopup
+} from "./chunk.VYYYLW6Z.js";
+
+// src/components/popup/popup.ts
+var popup_default = SlPopup;
+SlPopup.define("sl-popup");
+
+export {
+  popup_default
+};

package/cdn/chunks/chunk.DGKVX2O4.js

@@ -0,0 +1,27 @@
+import {
+  SlDatePanel
+} from "./chunk.YRDO2LBD.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/cdn/chunks/chunk.DGZ6NWOG.js

@@ -0,0 +1,276 @@
+import {
+  f,
+  i2 as i,
+  u
+} from "./chunk.7WSF3BCU.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateSet,
+  __spreadProps,
+  __spreadValues
+} from "./chunk.CZCSAYQZ.js";
+
+// node_modules/@lit/reactive-element/decorators/custom-element.js
+var t = (t3) => (e4, o2) => {
+  void 0 !== o2 ? o2.addInitializer(() => {
+    customElements.define(t3, e4);
+  }) : customElements.define(t3, e4);
+};
+
+// node_modules/@lit/reactive-element/decorators/property.js
+var o = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r = (t3 = o, e4, r5) => {
+  const { kind: n2, metadata: i2 } = r5;
+  let s = globalThis.litPropertyMetadata.get(i2);
+  if (void 0 === s && globalThis.litPropertyMetadata.set(i2, s = /* @__PURE__ */ new Map()), "setter" === n2 && ((t3 = Object.create(t3)).wrapped = true), s.set(r5.name, t3), "accessor" === n2) {
+    const { name: o2 } = r5;
+    return { set(r6) {
+      const n3 = e4.get.call(this);
+      e4.set.call(this, r6), this.requestUpdate(o2, n3, t3, true, r6);
+    }, init(e5) {
+      return void 0 !== e5 && this.C(o2, void 0, t3, e5), e5;
+    } };
+  }
+  if ("setter" === n2) {
+    const { name: o2 } = r5;
+    return function(r6) {
+      const n3 = this[o2];
+      e4.call(this, r6), this.requestUpdate(o2, n3, t3, true, r6);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n2);
+};
+function n(t3) {
+  return (e4, o2) => "object" == typeof o2 ? r(t3, e4, o2) : ((t4, e5, o3) => {
+    const r5 = e5.hasOwnProperty(o3);
+    return e5.constructor.createProperty(o3, t4), r5 ? Object.getOwnPropertyDescriptor(e5, o3) : void 0;
+  })(t3, e4, o2);
+}
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r2(r5) {
+  return n(__spreadProps(__spreadValues({}, r5), { state: true, attribute: false }));
+}
+
+// node_modules/@lit/reactive-element/decorators/event-options.js
+function t2(t3) {
+  return (n2, o2) => {
+    const c = "function" == typeof n2 ? n2 : n2[o2];
+    Object.assign(c, t3);
+  };
+}
+
+// node_modules/@lit/reactive-element/decorators/base.js
+var e = (e4, t3, c) => (c.configurable = true, c.enumerable = true, Reflect.decorate && "object" != typeof t3 && Object.defineProperty(e4, t3, c), c);
+
+// node_modules/@lit/reactive-element/decorators/query.js
+function e2(e4, r5) {
+  return (n2, s, i2) => {
+    const o2 = (t3) => {
+      var _a, _b;
+      return (_b = (_a = t3.renderRoot) == null ? void 0 : _a.querySelector(e4)) != null ? _b : null;
+    };
+    if (r5) {
+      const { get: e5, set: r6 } = "object" == typeof s ? n2 : i2 != null ? i2 : (() => {
+        const t3 = Symbol();
+        return { get() {
+          return this[t3];
+        }, set(e6) {
+          this[t3] = e6;
+        } };
+      })();
+      return e(n2, s, { get() {
+        let t3 = e5.call(this);
+        return void 0 === t3 && (t3 = o2(this), (null !== t3 || this.hasUpdated) && r6.call(this, t3)), t3;
+      } });
+    }
+    return e(n2, s, { get() {
+      return o2(this);
+    } });
+  };
+}
+
+// node_modules/@lit/reactive-element/decorators/query-all.js
+var e3;
+function r3(r5) {
+  return (n2, o2) => e(n2, o2, { get() {
+    var _a;
+    return ((_a = this.renderRoot) != null ? _a : e3 != null ? e3 : e3 = document.createDocumentFragment()).querySelectorAll(r5);
+  } });
+}
+
+// node_modules/@lit/reactive-element/decorators/query-async.js
+function r4(r5) {
+  return (n2, e4) => e(n2, e4, { async get() {
+    var _a, _b;
+    return await this.updateComplete, (_b = (_a = this.renderRoot) == null ? void 0 : _a.querySelector(r5)) != null ? _b : null;
+  } });
+}
+
+// src/internal/shoelace-element.ts
+var _hasRecordedInitialProperties;
+var ShoelaceElement = class extends i {
+  constructor() {
+    super();
+    __privateAdd(this, _hasRecordedInitialProperties, false);
+    // Store the constructor value of all `static properties = {}`
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
+    Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
+      this.constructor.define(name, component);
+    });
+  }
+  emit(name, options) {
+    const event = new CustomEvent(name, __spreadValues({
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+      detail: {}
+    }, options));
+    this.dispatchEvent(event);
+    return event;
+  }
+  /* eslint-enable */
+  static define(name, elementConstructor = this, options = {}) {
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (!currentlyRegisteredConstructor) {
+      try {
+        customElements.define(name, elementConstructor, options);
+      } catch (_err) {
+        customElements.define(name, class extends elementConstructor {
+        }, options);
+      }
+      return;
+    }
+    let newVersion = " (unknown version)";
+    let existingVersion = newVersion;
+    if ("version" in elementConstructor && elementConstructor.version) {
+      newVersion = " v" + elementConstructor.version;
+    }
+    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
+      existingVersion = " v" + currentlyRegisteredConstructor.version;
+    }
+    if (newVersion && existingVersion && newVersion === existingVersion) {
+      return;
+    }
+    console.warn(
+      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
+    );
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
+};
+_hasRecordedInitialProperties = new WeakMap();
+/* eslint-disable */
+// @ts-expect-error This is auto-injected at build time.
+ShoelaceElement.version = "1.0.28";
+ShoelaceElement.dependencies = {};
+__decorateClass([
+  n()
+], ShoelaceElement.prototype, "dir", 2);
+__decorateClass([
+  n()
+], ShoelaceElement.prototype, "lang", 2);
+
+export {
+  t,
+  n,
+  r2 as r,
+  t2,
+  e2 as e,
+  r3 as r2,
+  r4 as r3,
+  ShoelaceElement
+};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.DIXDF6TO.js

@@ -0,0 +1,11 @@
+import {
+  SlRange
+} from "./chunk.IXNWTVO2.js";
+
+// src/components/range/range.ts
+var range_default = SlRange;
+SlRange.define("sl-range");
+
+export {
+  range_default
+};

package/cdn/chunks/chunk.DKU2N2M3.js

@@ -0,0 +1,24 @@
+import {
+  SlThoughtChainItem
+} from "./chunk.G5C433I3.js";
+
+// src/react/thought-chain-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-thought-chain-item";
+SlThoughtChainItem.define("sl-thought-chain-item");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlThoughtChainItem,
+  react: React,
+  events: {
+    onSlClick: "sl-click"
+  },
+  displayName: "SlThoughtChainItem"
+});
+var thought_chain_item_default = reactWrapper;
+
+export {
+  thought_chain_item_default
+};