@kdcloudjs/shoelace 1.0.5 → 1.0.7

package/dist/chunks/chunk.CQ6VBUBR.js

@@ -1,96 +0,0 @@
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  __spreadValues
-} from "./chunk.W5KB6T3Z.js";
-
-// src/internal/shoelace-element.ts
-import { LitElement } from "lit";
-import { property } from "lit/decorators.js";
-var _hasRecordedInitialProperties;
-var ShoelaceElement = class extends LitElement {
-  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.5";
-ShoelaceElement.dependencies = {};
-__decorateClass([
-  property()
-], ShoelaceElement.prototype, "dir", 2);
-__decorateClass([
-  property()
-], ShoelaceElement.prototype, "lang", 2);
-
-export {
-  ShoelaceElement
-};

package/dist/chunks/chunk.CSOWQ6ZF.js

@@ -1,22 +0,0 @@
-import {
-  visually_hidden_styles_default
-} from "./chunk.YKKSQ2FG.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.CQ6VBUBR.js";
-
-// src/components/visually-hidden/visually-hidden.component.ts
-import { html } from "lit";
-var SlVisuallyHidden = class extends ShoelaceElement {
-  render() {
-    return html` <slot></slot> `;
-  }
-};
-SlVisuallyHidden.styles = [component_styles_default, visually_hidden_styles_default];
-
-export {
-  SlVisuallyHidden
-};

package/dist/chunks/chunk.CXA6EXAW.js

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

@@ -1,45 +0,0 @@
-import {
-  skeleton_styles_default
-} from "./chunk.HTQNKB5E.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.CQ6VBUBR.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/skeleton/skeleton.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SlSkeleton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.effect = "none";
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      skeleton: true,
-      "skeleton--pulse": this.effect === "pulse",
-      "skeleton--sheen": this.effect === "sheen"
-    })}
-      >
-        <div part="indicator" class="skeleton__indicator"></div>
-      </div>
-    `;
-  }
-};
-SlSkeleton.styles = [component_styles_default, skeleton_styles_default];
-__decorateClass([
-  property()
-], SlSkeleton.prototype, "effect", 2);
-
-export {
-  SlSkeleton
-};

package/dist/chunks/chunk.D5KF7L4N.js

@@ -1,21 +0,0 @@
-import {
-  SlRelativeTime
-} from "./chunk.DOJK6RUS.js";
-
-// src/react/relative-time/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-relative-time";
-SlRelativeTime.define("sl-relative-time");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRelativeTime,
-  react: React,
-  events: {},
-  displayName: "SlRelativeTime"
-});
-var relative_time_default = reactWrapper;
-
-export {
-  relative_time_default
-};

package/dist/chunks/chunk.DBTBPR6I.js

@@ -1,11 +0,0 @@
-import {
-  SlRelativeTime
-} from "./chunk.DOJK6RUS.js";
-
-// src/components/relative-time/relative-time.ts
-var relative_time_default = SlRelativeTime;
-SlRelativeTime.define("sl-relative-time");
-
-export {
-  relative_time_default
-};

package/dist/chunks/chunk.DM3OE4HD.js

@@ -1,286 +0,0 @@
-import {
-  blurActiveElement
-} from "./chunk.LD4M4QGE.js";
-import {
-  SlIconButton
-} from "./chunk.2J6YXAWS.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.WO7ALQNH.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.VHWATTYS.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  alert_styles_default
-} from "./chunk.EOPHVE4H.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.CQ6VBUBR.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/alert/alert.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-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 html`
-      <div
-        part="base"
-        class=${classMap({
-      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 ? html`
-              <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 ? html`
-              <div
-                class=${classMap({
-      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([
-  query('[part~="base"]')
-], _SlAlert.prototype, "base", 2);
-__decorateClass([
-  query(".alert__countdown-elapsed")
-], _SlAlert.prototype, "countdownElement", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], _SlAlert.prototype, "open", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], _SlAlert.prototype, "closable", 2);
-__decorateClass([
-  property({ reflect: true })
-], _SlAlert.prototype, "variant", 2);
-__decorateClass([
-  property({ type: Number })
-], _SlAlert.prototype, "duration", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], _SlAlert.prototype, "countdown", 2);
-__decorateClass([
-  state()
-], _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/dist/chunks/chunk.DOJK6RUS.js

@@ -1,100 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  ShoelaceElement
-} from "./chunk.CQ6VBUBR.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/relative-time/relative-time.component.ts
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-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 html` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
-  }
-};
-__decorateClass([
-  state()
-], SlRelativeTime.prototype, "isoTime", 2);
-__decorateClass([
-  state()
-], SlRelativeTime.prototype, "relativeTime", 2);
-__decorateClass([
-  property()
-], SlRelativeTime.prototype, "date", 2);
-__decorateClass([
-  property()
-], SlRelativeTime.prototype, "format", 2);
-__decorateClass([
-  property()
-], SlRelativeTime.prototype, "numeric", 2);
-__decorateClass([
-  property({ 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/dist/chunks/chunk.DQB4ELCQ.js

@@ -1,21 +0,0 @@
-import {
-  SlProgressBar
-} from "./chunk.M6K5R2VR.js";
-
-// src/react/progress-bar/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-progress-bar";
-SlProgressBar.define("sl-progress-bar");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlProgressBar,
-  react: React,
-  events: {},
-  displayName: "SlProgressBar"
-});
-var progress_bar_default = reactWrapper;
-
-export {
-  progress_bar_default
-};