@kdcloudjs/shoelace 1.0.35 → 1.0.36

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@kdcloudjs/shoelace",
   "description": "A forward-thinking library of web components.",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "license": "MIT",
-  "customElements": "dist/custom-elements.json",
+  "customElements": "cdn/custom-elements.json",
   "web-types": "./dist/web-types.json",
   "type": "module",
   "types": "dist/shoelace.d.ts",

package/cdn/chunks/chunk.22L3LIW2.js

@@ -1,26 +0,0 @@
-import {
-  SlAnimation
-} from "./chunk.75LY7ZAX.js";
-
-// src/react/animation/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-animation";
-SlAnimation.define("sl-animation");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlAnimation,
-  react: React,
-  events: {
-    onSlCancel: "sl-cancel",
-    onSlFinish: "sl-finish",
-    onSlStart: "sl-start"
-  },
-  displayName: "SlAnimation"
-});
-var animation_default = reactWrapper;
-
-export {
-  animation_default
-};

package/cdn/chunks/chunk.23OIV2XD.js

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

package/cdn/chunks/chunk.24UOJR4O.js

@@ -1,276 +0,0 @@
-import {
-  f,
-  i2 as i,
-  u
-} from "./chunk.VKO6US6U.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.35";
-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.25ZUFSN4.js

@@ -1,161 +0,0 @@
-import {
-  row_styles_default
-} from "./chunk.BZT6GXXB.js";
-import {
-  o
-} from "./chunk.TNQRIWXJ.js";
-import {
-  e
-} from "./chunk.ZLKEMKLZ.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.24UOJR4O.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/row/row.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 SlRow = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.mediaQueryLists = /* @__PURE__ */ new Map();
-    this.currentScreens = {};
-    this.gutter = 0;
-    this.align = "top";
-    this.justify = "start";
-    this.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 = (e2) => {
-        this.currentScreens = __spreadProps(__spreadValues({}, this.currentScreens), {
-          [breakpoint]: e2.matches
-        });
-        this.updateChildrenContext();
-      };
-      mql.addEventListener("change", handler);
-      this.mediaQueryLists.set(breakpoint, mql);
-      handler(mql);
-    });
-  }
-  cleanupResponsiveObserver() {
-    this.mediaQueryLists.forEach((mql) => {
-      mql.removeEventListener("change", () => {
-      });
-    });
-    this.mediaQueryLists.clear();
-  }
-  getGutterValue(gutterProp) {
-    if (typeof gutterProp === "number") {
-      return gutterProp;
-    }
-    if (typeof gutterProp === "object" && gutterProp !== null) {
-      for (const breakpoint of responsiveArray) {
-        if (this.currentScreens[breakpoint] && gutterProp[breakpoint] !== void 0) {
-          return gutterProp[breakpoint];
-        }
-      }
-    }
-    return 0;
-  }
-  getGutters() {
-    const normalizedGutter = Array.isArray(this.gutter) ? this.gutter : [this.gutter, 0];
-    return [
-      this.getGutterValue(normalizedGutter[0]),
-      this.getGutterValue(normalizedGutter[1] || 0)
-    ];
-  }
-  updateChildrenContext() {
-    const [gutterH, gutterV] = this.getGutters();
-    const context = {
-      gutter: [gutterH, gutterV],
-      wrap: this.wrap
-    };
-    const cols = this.querySelectorAll("sl-col");
-    cols.forEach((col) => {
-      col.rowContext = context;
-    });
-    this.requestUpdate();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("gutter") || changedProperties.has("wrap")) {
-      this.updateChildrenContext();
-    }
-  }
-  render() {
-    const [gutterH, gutterV] = this.getGutters();
-    const rowStyles = {};
-    if (gutterH) {
-      rowStyles.marginLeft = `${-gutterH / 2}px`;
-      rowStyles.marginRight = `${-gutterH / 2}px`;
-    }
-    if (gutterV) {
-      rowStyles.rowGap = `${gutterV}px`;
-    }
-    return b`
-      <div
-        part="base"
-        class=${e({
-      row: true,
-      "row--no-wrap": !this.wrap,
-      [`row--${this.justify}`]: true,
-      [`row--${this.align}`]: true
-    })}
-        style=${o(rowStyles)}
-      >
-        <slot @slotchange=${this.updateChildrenContext}></slot>
-      </div>
-    `;
-  }
-};
-SlRow.styles = [component_styles_default, row_styles_default];
-__decorateClass([
-  r()
-], SlRow.prototype, "currentScreens", 2);
-__decorateClass([
-  n({ type: Object })
-], SlRow.prototype, "gutter", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlRow.prototype, "align", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlRow.prototype, "justify", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlRow.prototype, "wrap", 2);
-
-export {
-  SlRow
-};

package/cdn/chunks/chunk.26WWVB25.js

@@ -1,91 +0,0 @@
-import {
-  sender_header_styles_default
-} from "./chunk.VT5GU4PO.js";
-import {
-  SlButton
-} from "./chunk.K5ENG4D5.js";
-import {
-  e
-} from "./chunk.ZLKEMKLZ.js";
-import {
-  SlIcon
-} from "./chunk.65SDTCPR.js";
-import {
-  ShoelaceElement,
-  n
-} from "./chunk.24UOJR4O.js";
-import {
-  A,
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/sender-header/sender-header.component.ts
-var SlSenderHeader = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.open = true;
-    this.closable = true;
-    this.title = "";
-    this.forceRender = false;
-  }
-  handleToggleOpen() {
-    const nextOpen = !this.open;
-    this.open = nextOpen;
-    this.emit("sl-open-change", { detail: { open: nextOpen } });
-  }
-  render() {
-    const showContent = this.open || this.forceRender;
-    return b`
-      <div part="base" class=${e({ "sender-header": true, "sender-header--closed": !this.open })}>
-        ${this.title || this.closable ? b`
-          <div class="header" part="header">
-            <div class="header__title" part="title">
-              <slot name="title">${this.title}</slot>
-            </div>
-            ${this.closable ? b`
-              <sl-button variant="text" size="small" @click=${this.handleToggleOpen}>
-                <sl-icon name="x-lg" label="Close"></sl-icon>
-              </sl-button>
-            ` : ""}
-          </div>
-        ` : ""}
-
-        ${showContent ? b`
-          <div
-            class=${e({
-      "content": true,
-      "content--closed": !this.open
-    })}
-            part="content"
-          >
-            <slot></slot>
-          </div>
-        ` : A}
-      </div>
-    `;
-  }
-};
-SlSenderHeader.styles = [sender_header_styles_default];
-SlSenderHeader.dependencies = {
-  "sl-button": SlButton,
-  "sl-icon": SlIcon
-};
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlSenderHeader.prototype, "open", 2);
-__decorateClass([
-  n({ type: Boolean })
-], SlSenderHeader.prototype, "closable", 2);
-__decorateClass([
-  n({ type: String })
-], SlSenderHeader.prototype, "title", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "force-render" })
-], SlSenderHeader.prototype, "forceRender", 2);
-
-export {
-  SlSenderHeader
-};

package/cdn/chunks/chunk.27I6VRB4.js

@@ -1,25 +0,0 @@
-import {
-  SlRadio
-} from "./chunk.WPKIKB6Z.js";
-
-// src/react/radio/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-radio";
-SlRadio.define("sl-radio");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRadio,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus"
-  },
-  displayName: "SlRadio"
-});
-var radio_default = reactWrapper;
-
-export {
-  radio_default
-};

package/cdn/chunks/chunk.2C44BUKN.js

@@ -1,21 +0,0 @@
-import {
-  SlQrCode
-} from "./chunk.GHHZPDS7.js";
-
-// src/react/qr-code/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-qr-code";
-SlQrCode.define("sl-qr-code");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlQrCode,
-  react: React,
-  events: {},
-  displayName: "SlQrCode"
-});
-var qr_code_default = reactWrapper;
-
-export {
-  qr_code_default
-};

package/cdn/chunks/chunk.2MWAZNKT.js

@@ -1,11 +0,0 @@
-import {
-  SlSkeleton
-} from "./chunk.BGTXT52I.js";
-
-// src/components/skeleton/skeleton.ts
-var skeleton_default = SlSkeleton;
-SlSkeleton.define("sl-skeleton");
-
-export {
-  skeleton_default
-};