@kdcloudjs/shoelace 1.0.20 → 1.0.22

package/cdn/chunks/chunk.4W5K5NIR.js

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

package/cdn/chunks/chunk.53YZYDXI.js

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

package/cdn/chunks/chunk.5ABJINYG.js

@@ -1,28 +0,0 @@
-import {
-  SlTextarea
-} from "./chunk.XXFXYJ4E.js";
-
-// src/react/textarea/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-textarea";
-SlTextarea.define("sl-textarea");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTextarea,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlChange: "sl-change",
-    onSlFocus: "sl-focus",
-    onSlInput: "sl-input",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlTextarea"
-});
-var textarea_default = reactWrapper;
-
-export {
-  textarea_default
-};

package/cdn/chunks/chunk.5BOJGKUG.js

@@ -1,292 +0,0 @@
-import {
-  blurActiveElement
-} from "./chunk.LD4M4QGE.js";
-import {
-  SlIconButton
-} from "./chunk.UVP3V5Z2.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.KSB7EI3T.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.RC46L6CZ.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.VHCLMDG7.js";
-import {
-  alert_styles_default
-} from "./chunk.FYSJH6YS.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.C32UDDJX.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/alert/alert.component.ts
-var _SlAlert = class _SlAlert extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "icon", "suffix");
-    this.localize = new LocalizeController(this);
-    this.open = false;
-    this.closable = false;
-    this.variant = "primary";
-    this.duration = Infinity;
-    this.remainingTime = this.duration;
-  }
-  static get toastStack() {
-    if (!this.currentToastStack) {
-      this.currentToastStack = Object.assign(document.createElement("div"), {
-        className: "sl-toast-stack"
-      });
-    }
-    return this.currentToastStack;
-  }
-  firstUpdated() {
-    this.base.hidden = !this.open;
-  }
-  restartAutoHide() {
-    this.handleCountdownChange();
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-    if (this.open && this.duration < Infinity) {
-      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
-      this.remainingTime = this.duration;
-      this.remainingTimeInterval = window.setInterval(() => {
-        this.remainingTime -= 100;
-      }, 100);
-    }
-  }
-  pauseAutoHide() {
-    var _a;
-    (_a = this.countdownAnimation) == null ? void 0 : _a.pause();
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-  }
-  resumeAutoHide() {
-    var _a;
-    if (this.duration < Infinity) {
-      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.remainingTime);
-      this.remainingTimeInterval = window.setInterval(() => {
-        this.remainingTime -= 100;
-      }, 100);
-      (_a = this.countdownAnimation) == null ? void 0 : _a.play();
-    }
-  }
-  handleCountdownChange() {
-    if (this.open && this.duration < Infinity && this.countdown) {
-      const { countdownElement } = this;
-      const start = "100%";
-      const end = "0";
-      this.countdownAnimation = countdownElement.animate([{ width: start }, { width: end }], {
-        duration: this.duration,
-        easing: "linear"
-      });
-    }
-  }
-  handleCloseClick() {
-    this.hide();
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("sl-show");
-      if (this.duration < Infinity) {
-        this.restartAutoHide();
-      }
-      await stopAnimations(this.base);
-      this.base.hidden = false;
-      const { keyframes, options } = getAnimation(this, "alert.show", { dir: this.localize.dir() });
-      await animateTo(this.base, keyframes, options);
-      this.emit("sl-after-show");
-    } else {
-      blurActiveElement(this);
-      this.emit("sl-hide");
-      clearTimeout(this.autoHideTimeout);
-      clearInterval(this.remainingTimeInterval);
-      await stopAnimations(this.base);
-      const { keyframes, options } = getAnimation(this, "alert.hide", { dir: this.localize.dir() });
-      await animateTo(this.base, keyframes, options);
-      this.base.hidden = true;
-      this.emit("sl-after-hide");
-    }
-  }
-  handleDurationChange() {
-    this.restartAutoHide();
-  }
-  /** Shows the alert. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return waitForEvent(this, "sl-after-show");
-  }
-  /** Hides the alert */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "sl-after-hide");
-  }
-  /**
-   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
-   */
-  async toast() {
-    return new Promise((resolve) => {
-      this.handleCountdownChange();
-      if (_SlAlert.toastStack.parentElement === null) {
-        document.body.append(_SlAlert.toastStack);
-      }
-      _SlAlert.toastStack.appendChild(this);
-      requestAnimationFrame(() => {
-        this.clientWidth;
-        this.show();
-      });
-      this.addEventListener(
-        "sl-after-hide",
-        () => {
-          _SlAlert.toastStack.removeChild(this);
-          resolve();
-          if (_SlAlert.toastStack.querySelector("sl-alert") === null) {
-            _SlAlert.toastStack.remove();
-          }
-        },
-        { once: true }
-      );
-    });
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class=${e({
-      alert: true,
-      "alert--open": this.open,
-      "alert--closable": this.closable,
-      "alert--has-countdown": !!this.countdown,
-      "alert--has-icon": this.hasSlotController.test("icon"),
-      "alert--primary": this.variant === "primary",
-      "alert--success": this.variant === "success",
-      "alert--neutral": this.variant === "neutral",
-      "alert--warning": this.variant === "warning",
-      "alert--danger": this.variant === "danger"
-    })}
-        role="alert"
-        aria-hidden=${this.open ? "false" : "true"}
-        @mouseenter=${this.pauseAutoHide}
-        @mouseleave=${this.resumeAutoHide}
-      >
-        <div part="icon" class="alert__icon">
-          <slot name="icon"></slot>
-        </div>
-
-        <div part="message" class="alert__message" aria-live="polite">
-          <slot></slot>
-        </div>
-
-        ${this.closable ? b`
-              <sl-icon-button
-                part="close-button"
-                exportparts="base:close-button__base"
-                class="alert__close-button"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("close")}
-                @click=${this.handleCloseClick}
-              ></sl-icon-button>
-            ` : ""}
-
-        <div role="timer" class="alert__timer">${this.remainingTime}</div>
-
-        ${this.countdown ? b`
-              <div
-                class=${e({
-      alert__countdown: true,
-      "alert__countdown--ltr": this.countdown === "ltr"
-    })}
-              >
-                <div class="alert__countdown-elapsed"></div>
-              </div>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-_SlAlert.styles = [component_styles_default, alert_styles_default];
-_SlAlert.dependencies = { "sl-icon-button": SlIconButton };
-__decorateClass([
-  e2('[part~="base"]')
-], _SlAlert.prototype, "base", 2);
-__decorateClass([
-  e2(".alert__countdown-elapsed")
-], _SlAlert.prototype, "countdownElement", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], _SlAlert.prototype, "open", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], _SlAlert.prototype, "closable", 2);
-__decorateClass([
-  n({ reflect: true })
-], _SlAlert.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Number })
-], _SlAlert.prototype, "duration", 2);
-__decorateClass([
-  n({ type: String, reflect: true })
-], _SlAlert.prototype, "countdown", 2);
-__decorateClass([
-  r()
-], _SlAlert.prototype, "remainingTime", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], _SlAlert.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch("duration")
-], _SlAlert.prototype, "handleDurationChange", 1);
-var SlAlert = _SlAlert;
-setDefaultAnimation("alert.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.8 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-setDefaultAnimation("alert.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.8 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-
-export {
-  SlAlert
-};

package/cdn/chunks/chunk.5E22AYAA.js

@@ -1,331 +0,0 @@
-import {
-  nav_submenu_styles_default
-} from "./chunk.3XFPVYL4.js";
-import {
-  SlPopup
-} from "./chunk.W6QAVMGN.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.KSB7EI3T.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  shimKeyframesHeightAuto,
-  stopAnimations
-} from "./chunk.RC46L6CZ.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.VHCLMDG7.js";
-import {
-  SlIcon
-} from "./chunk.XUEJ2TUM.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n
-} from "./chunk.C32UDDJX.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/nav-submenu/nav-submenu.component.ts
-var SlNavSubmenu = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
-    this.localize = new LocalizeController(this);
-    this.open = false;
-    this.nested = false;
-    this.title = "";
-    this.disabled = false;
-    this.active = false;
-    this.mode = "vertical";
-  }
-  firstUpdated() {
-    if (this.mode === "vertical") {
-      this.body.style.height = this.open ? "auto" : "0";
-    }
-    this.syncNestedState();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("mode")) {
-      if (this.mode === "vertical" && this.body) {
-        this.body.style.height = this.open ? "auto" : "0";
-      }
-      if (this.mode !== "vertical" && this.body) {
-        this.body.style.height = "";
-      }
-    }
-    this.syncNestedState();
-  }
-  syncNestedState() {
-    var _a;
-    this.nested = !!((_a = this.parentElement) == null ? void 0 : _a.closest("sl-nav-submenu"));
-  }
-  handleHeaderClick(event) {
-    event.preventDefault();
-    if (!this.disabled) {
-      if (this.open) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-  }
-  handleHeaderKeyDown(event) {
-    if (this.disabled) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      if (this.open) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
-      event.preventDefault();
-      this.hide();
-    }
-    if (event.key === "ArrowDown" || event.key === "ArrowRight") {
-      event.preventDefault();
-      this.show();
-    }
-  }
-  handleMouseOver() {
-    if ((this.mode === "horizontal" || this.mode === "vertical-popup") && !this.disabled) {
-      clearTimeout(this.hoverTimeout);
-      this.show();
-    }
-  }
-  handleMouseOut(event) {
-    var _a;
-    if ((this.mode === "horizontal" || this.mode === "vertical-popup") && !this.disabled) {
-      const relatedTarget = event.relatedTarget;
-      if (relatedTarget instanceof Node && (this.contains(relatedTarget) || ((_a = this.shadowRoot) == null ? void 0 : _a.contains(relatedTarget)) || this.renderRoot.contains(relatedTarget))) {
-        return;
-      }
-      this.hoverTimeout = window.setTimeout(() => this.hide(), 150);
-    }
-  }
-  handleFocus() {
-    if ((this.mode === "horizontal" || this.mode === "vertical-popup") && !this.disabled) {
-      clearTimeout(this.hoverTimeout);
-    }
-  }
-  handleBlur(event) {
-    var _a;
-    if ((this.mode === "horizontal" || this.mode === "vertical-popup") && !this.disabled) {
-      const relatedTarget = event.relatedTarget;
-      if (relatedTarget instanceof Node && (this.contains(relatedTarget) || ((_a = this.shadowRoot) == null ? void 0 : _a.contains(relatedTarget)) || this.renderRoot.contains(relatedTarget))) {
-        return;
-      }
-      this.hoverTimeout = window.setTimeout(() => this.hide(), 150);
-    }
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      const slShow = this.emit("sl-show", { cancelable: true });
-      if (slShow.defaultPrevented) {
-        this.open = false;
-        return;
-      }
-      await stopAnimations(this.body);
-      if (this.mode === "vertical") {
-        const { keyframes, options } = getAnimation(this, "nav-submenu.show", { dir: this.localize.dir() });
-        await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
-        this.body.style.height = "auto";
-      }
-      this.emit("sl-after-show");
-    } else {
-      const slHide = this.emit("sl-hide", { cancelable: true });
-      if (slHide.defaultPrevented) {
-        this.open = true;
-        return;
-      }
-      await stopAnimations(this.body);
-      if (this.mode === "vertical") {
-        const { keyframes, options } = getAnimation(this, "nav-submenu.hide", { dir: this.localize.dir() });
-        await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
-        this.body.style.height = "0";
-      }
-      this.emit("sl-after-hide");
-    }
-  }
-  /** Shows the submenu. */
-  async show() {
-    if (this.open || this.disabled) {
-      return void 0;
-    }
-    this.open = true;
-    return waitForEvent(this, "sl-after-show");
-  }
-  /** Hides the submenu. */
-  async hide() {
-    if (!this.open || this.disabled) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "sl-after-hide");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const isHorizontal = this.mode === "horizontal";
-    const isVerticalPopup = this.mode === "vertical-popup";
-    const isPopup = isHorizontal || isVerticalPopup;
-    return b`
-      <div
-        part="base"
-        class=${e({
-      "nav-submenu": true,
-      "nav-submenu--open": this.open,
-      "nav-submenu--disabled": this.disabled,
-      "nav-submenu--active": this.active,
-      "nav-submenu--rtl": isRtl,
-      "nav-submenu--horizontal": isHorizontal,
-      "nav-submenu--vertical": !isPopup,
-      "nav-submenu--vertical-popup": isVerticalPopup
-    })}
-        @mouseover=${this.handleMouseOver}
-        @mouseout=${this.handleMouseOut}
-        @focus=${this.handleFocus}
-        @blur=${this.handleBlur}
-      >
-        <button
-          part="header"
-          id="header"
-          class=${e({
-      "nav-submenu__header": true,
-      "nav-submenu__header--active": this.active,
-      "nav-submenu__header--disabled": this.disabled
-    })}
-          type="button"
-          aria-expanded=${this.open ? "true" : "false"}
-          aria-controls="content"
-          aria-disabled=${this.disabled ? "true" : "false"}
-          tabindex=${this.disabled ? "-1" : "0"}
-          @click=${this.handleHeaderClick}
-          @keydown=${this.handleHeaderKeyDown}
-        >
-          <span class="nav-submenu__header-content">
-            <slot
-              name="prefix"
-              part="prefix"
-              class="nav-submenu__prefix"
-              style="display: ${this.hasSlotController.test("prefix") ? "flex" : "none"}"
-            ></slot>
-
-            <slot name="title" part="label" class="nav-submenu__label">${this.title}</slot>
-
-            <slot
-              name="suffix"
-              part="suffix"
-              class="nav-submenu__suffix"
-              style="display: ${this.hasSlotController.test("suffix") ? "flex" : "none"}"
-            ></slot>
-
-            <span part="expand-icon" class="nav-submenu__chevron">
-              <slot name="expand-icon">
-                <sl-icon library="system" name=${isHorizontal && !this.nested || this.mode === "vertical" ? "chevron-down" : isRtl ? "chevron-left" : "chevron-right"}></sl-icon>
-              </slot>
-            </span>
-          </span>
-        </button>
-
-        ${isPopup ? b`
-          <sl-popup
-            part="popup"
-            anchor="header"
-            placement=${isVerticalPopup ? isRtl ? "left-start" : "right-start" : this.nested ? isRtl ? "left-start" : "right-start" : "bottom-start"}
-            ?active=${this.open}
-            strategy="absolute"
-            flip
-            shift
-            sync=${isHorizontal && !this.nested ? "width" : void 0}
-            auto-size="vertical"
-            auto-size-padding="10"
-          >
-             <div class="nav-submenu__body" role="region" aria-labelledby="header">
-              <slot part="content" id="content" class="nav-submenu__content"></slot>
-            </div>
-          </sl-popup>
-        ` : b`
-          <div class="nav-submenu__body" role="region" aria-labelledby="header">
-            <slot part="content" id="content" class="nav-submenu__content"></slot>
-          </div>
-        `}
-      </div>
-    `;
-  }
-};
-SlNavSubmenu.styles = [component_styles_default, nav_submenu_styles_default];
-SlNavSubmenu.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-popup": SlPopup
-};
-__decorateClass([
-  e2(".nav-submenu__header")
-], SlNavSubmenu.prototype, "header", 2);
-__decorateClass([
-  e2(".nav-submenu__body")
-], SlNavSubmenu.prototype, "body", 2);
-__decorateClass([
-  e2("sl-popup")
-], SlNavSubmenu.prototype, "popup", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlNavSubmenu.prototype, "open", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlNavSubmenu.prototype, "nested", 2);
-__decorateClass([
-  n()
-], SlNavSubmenu.prototype, "title", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlNavSubmenu.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlNavSubmenu.prototype, "active", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlNavSubmenu.prototype, "mode", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], SlNavSubmenu.prototype, "handleOpenChange", 1);
-setDefaultAnimation("nav-submenu.show", {
-  keyframes: [
-    { height: "0", opacity: "0" },
-    { height: "auto", opacity: "1" }
-  ],
-  options: { duration: 250, easing: "linear" }
-});
-setDefaultAnimation("nav-submenu.hide", {
-  keyframes: [
-    { height: "auto", opacity: "1" },
-    { height: "0", opacity: "0" }
-  ],
-  options: { duration: 250, easing: "linear" }
-});
-
-export {
-  SlNavSubmenu
-};

package/cdn/chunks/chunk.5F4BMJ3X.js

@@ -1,11 +0,0 @@
-import {
-  SlSplitPanel
-} from "./chunk.X55JHD5V.js";
-
-// src/components/split-panel/split-panel.ts
-var split_panel_default = SlSplitPanel;
-SlSplitPanel.define("sl-split-panel");
-
-export {
-  split_panel_default
-};