@kdcloudjs/shoelace 1.0.3 → 1.0.5

package/cdn/chunks/chunk.KMJ37RZ3.js

@@ -1,177 +0,0 @@
-import {
-  f,
-  u
-} from "./chunk.ZKRJ3RUK.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk.CZCSAYQZ.js";
-
-// node_modules/@lit/reactive-element/decorators/custom-element.js
-var t = (t3) => (e3, o2) => {
-  void 0 !== o2 ? o2.addInitializer(() => {
-    customElements.define(t3, e3);
-  }) : customElements.define(t3, e3);
-};
-
-// node_modules/@lit/reactive-element/decorators/property.js
-var o = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
-var r = (t3 = o, e3, r4) => {
-  const { kind: n2, metadata: i } = r4;
-  let s = globalThis.litPropertyMetadata.get(i);
-  if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = /* @__PURE__ */ new Map()), "setter" === n2 && ((t3 = Object.create(t3)).wrapped = true), s.set(r4.name, t3), "accessor" === n2) {
-    const { name: o2 } = r4;
-    return { set(r5) {
-      const n3 = e3.get.call(this);
-      e3.set.call(this, r5), this.requestUpdate(o2, n3, t3, true, r5);
-    }, init(e4) {
-      return void 0 !== e4 && this.C(o2, void 0, t3, e4), e4;
-    } };
-  }
-  if ("setter" === n2) {
-    const { name: o2 } = r4;
-    return function(r5) {
-      const n3 = this[o2];
-      e3.call(this, r5), this.requestUpdate(o2, n3, t3, true, r5);
-    };
-  }
-  throw Error("Unsupported decorator location: " + n2);
-};
-function n(t3) {
-  return (e3, o2) => "object" == typeof o2 ? r(t3, e3, o2) : ((t4, e4, o3) => {
-    const r4 = e4.hasOwnProperty(o3);
-    return e4.constructor.createProperty(o3, t4), r4 ? Object.getOwnPropertyDescriptor(e4, o3) : void 0;
-  })(t3, e3, o2);
-}
-
-// node_modules/@lit/reactive-element/decorators/state.js
-function r2(r4) {
-  return n(__spreadProps(__spreadValues({}, r4), { 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 = (e3, t3, c) => (c.configurable = true, c.enumerable = true, Reflect.decorate && "object" != typeof t3 && Object.defineProperty(e3, t3, c), c);
-
-// node_modules/@lit/reactive-element/decorators/query.js
-function e2(e3, r4) {
-  return (n2, s, i) => {
-    const o2 = (t3) => {
-      var _a, _b;
-      return (_b = (_a = t3.renderRoot) == null ? void 0 : _a.querySelector(e3)) != null ? _b : null;
-    };
-    if (r4) {
-      const { get: e4, set: r5 } = "object" == typeof s ? n2 : i != null ? i : (() => {
-        const t3 = Symbol();
-        return { get() {
-          return this[t3];
-        }, set(e5) {
-          this[t3] = e5;
-        } };
-      })();
-      return e(n2, s, { get() {
-        let t3 = e4.call(this);
-        return void 0 === t3 && (t3 = o2(this), (null !== t3 || this.hasUpdated) && r5.call(this, t3)), t3;
-      } });
-    }
-    return e(n2, s, { get() {
-      return o2(this);
-    } });
-  };
-}
-
-// node_modules/@lit/reactive-element/decorators/query-async.js
-function r3(r4) {
-  return (n2, e3) => e(n2, e3, { async get() {
-    var _a, _b;
-    return await this.updateComplete, (_b = (_a = this.renderRoot) == null ? void 0 : _a.querySelector(r4)) != null ? _b : null;
-  } });
-}
-
-export {
-  t,
-  n,
-  r2 as r,
-  t2,
-  e2 as e,
-  r3 as r2
-};
-/*! 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-async.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-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.KNUAFTBD.js

@@ -1,11 +0,0 @@
-import {
-  SlCarouselItem
-} from "./chunk.YLHUKNQ6.js";
-
-// src/components/carousel-item/carousel-item.ts
-var carousel_item_default = SlCarouselItem;
-SlCarouselItem.define("sl-carousel-item");
-
-export {
-  carousel_item_default
-};

package/cdn/chunks/chunk.KPGKBJGQ.js

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

package/cdn/chunks/chunk.KSUQROY6.js

@@ -1,79 +0,0 @@
-import {
-  requestInclude
-} from "./chunk.XNEONNEJ.js";
-import {
-  include_styles_default
-} from "./chunk.7P7NFDLH.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.EFE6XYM5.js";
-import {
-  ShoelaceElement
-} from "./chunk.C5MBP4NZ.js";
-import {
-  n
-} from "./chunk.KMJ37RZ3.js";
-import {
-  x
-} from "./chunk.ZKRJ3RUK.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/include/include.component.ts
-var SlInclude = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.mode = "cors";
-    this.allowScripts = false;
-  }
-  executeScript(script) {
-    const newScript = document.createElement("script");
-    [...script.attributes].forEach((attr) => newScript.setAttribute(attr.name, attr.value));
-    newScript.textContent = script.textContent;
-    script.parentNode.replaceChild(newScript, script);
-  }
-  async handleSrcChange() {
-    try {
-      const src = this.src;
-      const file = await requestInclude(src, this.mode);
-      if (src !== this.src) {
-        return;
-      }
-      if (!file.ok) {
-        this.emit("sl-error", { detail: { status: file.status } });
-        return;
-      }
-      this.innerHTML = file.html;
-      if (this.allowScripts) {
-        [...this.querySelectorAll("script")].forEach((script) => this.executeScript(script));
-      }
-      this.emit("sl-load");
-    } catch (e) {
-      this.emit("sl-error", { detail: { status: -1 } });
-    }
-  }
-  render() {
-    return x`<slot></slot>`;
-  }
-};
-SlInclude.styles = [component_styles_default, include_styles_default];
-__decorateClass([
-  n()
-], SlInclude.prototype, "src", 2);
-__decorateClass([
-  n()
-], SlInclude.prototype, "mode", 2);
-__decorateClass([
-  n({ attribute: "allow-scripts", type: Boolean })
-], SlInclude.prototype, "allowScripts", 2);
-__decorateClass([
-  watch("src")
-], SlInclude.prototype, "handleSrcChange", 1);
-
-export {
-  SlInclude
-};

package/cdn/chunks/chunk.LTUI3QNR.js

@@ -1,25 +0,0 @@
-import {
-  SlAnimatedImage
-} from "./chunk.GEVG2WIH.js";
-
-// src/react/animated-image/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-animated-image";
-SlAnimatedImage.define("sl-animated-image");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlAnimatedImage,
-  react: React,
-  events: {
-    onSlLoad: "sl-load",
-    onSlError: "sl-error"
-  },
-  displayName: "SlAnimatedImage"
-});
-var animated_image_default = reactWrapper;
-
-export {
-  animated_image_default
-};

package/cdn/chunks/chunk.LY5O4QV2.js

@@ -1,301 +0,0 @@
-import {
-  split_panel_styles_default
-} from "./chunk.O4VEQSCU.js";
-import {
-  drag
-} from "./chunk.ESELY2US.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  o
-} from "./chunk.COPAJV25.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.EFE6XYM5.js";
-import {
-  ShoelaceElement
-} from "./chunk.C5MBP4NZ.js";
-import {
-  e,
-  n
-} from "./chunk.KMJ37RZ3.js";
-import {
-  x
-} from "./chunk.ZKRJ3RUK.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/split-panel/split-panel.component.ts
-var SNAP_NONE = () => null;
-var SlSplitPanel = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.isCollapsed = false;
-    this.localize = new LocalizeController(this);
-    this.positionBeforeCollapsing = 0;
-    this.position = 50;
-    this.vertical = false;
-    this.disabled = false;
-    // Returned when the property is queried, so that string 'snap's are preserved.
-    this.snapValue = "";
-    // Actually used for computing snap points. All string snaps are converted via `toSnapFunction`.
-    this.snapFunction = SNAP_NONE;
-    this.snapThreshold = 12;
-  }
-  /**
-   * Converts a string containing either a series of fixed/repeated snap points (e.g. "repeat(20%)", "100px 200px 800px", or "10% 50% repeat(10px)") into a SnapFunction. `SnapFunction`s take in a `SnapFunctionOpts` and return the position that the split panel should snap to.
-   *
-   * @param snap - The snap string.
-   * @returns a `SnapFunction` representing the snap string's logic.
-   */
-  toSnapFunction(snap) {
-    const snapPoints = snap.split(" ");
-    return ({ pos, size, snapThreshold, isRtl, vertical }) => {
-      let newPos = pos;
-      let minDistance = Number.POSITIVE_INFINITY;
-      snapPoints.forEach((value) => {
-        let snapPoint;
-        if (value.startsWith("repeat(")) {
-          const repeatVal = snap.substring("repeat(".length, snap.length - 1);
-          const isPercent = repeatVal.endsWith("%");
-          const repeatNum = Number.parseFloat(repeatVal);
-          const snapIntervalPx = isPercent ? size * (repeatNum / 100) : repeatNum;
-          snapPoint = Math.round((isRtl && !vertical ? size - pos : pos) / snapIntervalPx) * snapIntervalPx;
-        } else if (value.endsWith("%")) {
-          snapPoint = size * (Number.parseFloat(value) / 100);
-        } else {
-          snapPoint = Number.parseFloat(value);
-        }
-        if (isRtl && !vertical) {
-          snapPoint = size - snapPoint;
-        }
-        const distance = Math.abs(pos - snapPoint);
-        if (distance <= snapThreshold && distance < minDistance) {
-          newPos = snapPoint;
-          minDistance = distance;
-        }
-      });
-      return newPos;
-    };
-  }
-  set snap(snap) {
-    this.snapValue = snap != null ? snap : "";
-    if (snap) {
-      this.snapFunction = typeof snap === "string" ? this.toSnapFunction(snap) : snap;
-    } else {
-      this.snapFunction = SNAP_NONE;
-    }
-  }
-  get snap() {
-    return this.snapValue;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.resizeObserver = new ResizeObserver((entries) => this.handleResize(entries));
-    this.updateComplete.then(() => this.resizeObserver.observe(this));
-    this.detectSize();
-    this.cachedPositionInPixels = this.percentageToPixels(this.position);
-  }
-  disconnectedCallback() {
-    var _a;
-    super.disconnectedCallback();
-    (_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this);
-  }
-  detectSize() {
-    const { width, height } = this.getBoundingClientRect();
-    this.size = this.vertical ? height : width;
-  }
-  percentageToPixels(value) {
-    return this.size * (value / 100);
-  }
-  pixelsToPercentage(value) {
-    return value / this.size * 100;
-  }
-  handleDrag(event) {
-    const isRtl = this.localize.dir() === "rtl";
-    if (this.disabled) {
-      return;
-    }
-    if (event.cancelable) {
-      event.preventDefault();
-    }
-    drag(this, {
-      onMove: (x2, y) => {
-        var _a;
-        let newPositionInPixels = this.vertical ? y : x2;
-        if (this.primary === "end") {
-          newPositionInPixels = this.size - newPositionInPixels;
-        }
-        newPositionInPixels = (_a = this.snapFunction({
-          pos: newPositionInPixels,
-          size: this.size,
-          snapThreshold: this.snapThreshold,
-          isRtl,
-          vertical: this.vertical
-        })) != null ? _a : newPositionInPixels;
-        this.position = clamp(this.pixelsToPercentage(newPositionInPixels), 0, 100);
-      },
-      initialEvent: event
-    });
-  }
-  handleKeyDown(event) {
-    if (this.disabled) {
-      return;
-    }
-    if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End", "Enter"].includes(event.key)) {
-      let newPosition = this.position;
-      const incr = (event.shiftKey ? 10 : 1) * (this.primary === "end" ? -1 : 1);
-      event.preventDefault();
-      if (event.key === "ArrowLeft" && !this.vertical || event.key === "ArrowUp" && this.vertical) {
-        newPosition -= incr;
-      }
-      if (event.key === "ArrowRight" && !this.vertical || event.key === "ArrowDown" && this.vertical) {
-        newPosition += incr;
-      }
-      if (event.key === "Home") {
-        newPosition = this.primary === "end" ? 100 : 0;
-      }
-      if (event.key === "End") {
-        newPosition = this.primary === "end" ? 0 : 100;
-      }
-      if (event.key === "Enter") {
-        if (this.isCollapsed) {
-          newPosition = this.positionBeforeCollapsing;
-          this.isCollapsed = false;
-        } else {
-          const positionBeforeCollapsing = this.position;
-          newPosition = 0;
-          requestAnimationFrame(() => {
-            this.isCollapsed = true;
-            this.positionBeforeCollapsing = positionBeforeCollapsing;
-          });
-        }
-      }
-      this.position = clamp(newPosition, 0, 100);
-    }
-  }
-  handleResize(entries) {
-    const { width, height } = entries[0].contentRect;
-    this.size = this.vertical ? height : width;
-    if (isNaN(this.cachedPositionInPixels) || this.position === Infinity) {
-      this.cachedPositionInPixels = Number(this.getAttribute("position-in-pixels"));
-      this.positionInPixels = Number(this.getAttribute("position-in-pixels"));
-      this.position = this.pixelsToPercentage(this.positionInPixels);
-    }
-    if (this.primary) {
-      this.position = this.pixelsToPercentage(this.cachedPositionInPixels);
-    }
-  }
-  handlePositionChange() {
-    this.cachedPositionInPixels = this.percentageToPixels(this.position);
-    this.isCollapsed = false;
-    this.positionBeforeCollapsing = 0;
-    this.positionInPixels = this.percentageToPixels(this.position);
-    this.emit("sl-reposition");
-  }
-  handlePositionInPixelsChange() {
-    this.position = this.pixelsToPercentage(this.positionInPixels);
-  }
-  handleVerticalChange() {
-    this.detectSize();
-  }
-  render() {
-    const gridTemplate = this.vertical ? "gridTemplateRows" : "gridTemplateColumns";
-    const gridTemplateAlt = this.vertical ? "gridTemplateColumns" : "gridTemplateRows";
-    const isRtl = this.localize.dir() === "rtl";
-    const primary = `
-      clamp(
-        0%,
-        clamp(
-          var(--min),
-          ${this.position}% - var(--divider-width) / 2,
-          var(--max)
-        ),
-        calc(100% - var(--divider-width))
-      )
-    `;
-    const secondary = "auto";
-    if (this.primary === "end") {
-      if (isRtl && !this.vertical) {
-        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;
-      } else {
-        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;
-      }
-    } else {
-      if (isRtl && !this.vertical) {
-        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;
-      } else {
-        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;
-      }
-    }
-    this.style[gridTemplateAlt] = "";
-    return x`
-      <slot name="start" part="panel start" class="start"></slot>
-
-      <div
-        part="divider"
-        class="divider"
-        tabindex=${o(this.disabled ? void 0 : "0")}
-        role="separator"
-        aria-valuenow=${this.position}
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-label=${this.localize.term("resize")}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleDrag}
-        @touchstart=${this.handleDrag}
-      >
-        <slot name="divider"></slot>
-      </div>
-
-      <slot name="end" part="panel end" class="end"></slot>
-    `;
-  }
-};
-SlSplitPanel.styles = [component_styles_default, split_panel_styles_default];
-__decorateClass([
-  e(".divider")
-], SlSplitPanel.prototype, "divider", 2);
-__decorateClass([
-  n({ type: Number, reflect: true })
-], SlSplitPanel.prototype, "position", 2);
-__decorateClass([
-  n({ attribute: "position-in-pixels", type: Number })
-], SlSplitPanel.prototype, "positionInPixels", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlSplitPanel.prototype, "vertical", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlSplitPanel.prototype, "disabled", 2);
-__decorateClass([
-  n()
-], SlSplitPanel.prototype, "primary", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlSplitPanel.prototype, "snap", 1);
-__decorateClass([
-  n({ type: Number, attribute: "snap-threshold" })
-], SlSplitPanel.prototype, "snapThreshold", 2);
-__decorateClass([
-  watch("position")
-], SlSplitPanel.prototype, "handlePositionChange", 1);
-__decorateClass([
-  watch("positionInPixels")
-], SlSplitPanel.prototype, "handlePositionInPixelsChange", 1);
-__decorateClass([
-  watch("vertical")
-], SlSplitPanel.prototype, "handleVerticalChange", 1);
-
-export {
-  SNAP_NONE,
-  SlSplitPanel
-};