@kdcloudjs/shoelace 1.0.14 → 1.0.15

package/cdn/chunks/chunk.Z7IUHPIK.js

@@ -1,36 +0,0 @@
-import {
-  spinner_styles_default
-} from "./chunk.YVCGZCD6.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement
-} from "./chunk.EA2DMJAE.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/spinner/spinner.component.ts
-var SlSpinner = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-  }
-  render() {
-    return b`
-      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
-        <circle class="spinner__track"></circle>
-        <circle class="spinner__indicator"></circle>
-      </svg>
-    `;
-  }
-};
-SlSpinner.styles = [component_styles_default, spinner_styles_default];
-
-export {
-  SlSpinner
-};

package/cdn/chunks/chunk.ZBQ6Q62K.js

@@ -1,87 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  ShoelaceElement,
-  n
-} from "./chunk.EA2DMJAE.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/format-date/format-date.component.ts
-var SlFormatDate = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.date = /* @__PURE__ */ new Date();
-    this.hourFormat = "auto";
-  }
-  render() {
-    const date = new Date(this.date);
-    const hour12 = this.hourFormat === "auto" ? void 0 : this.hourFormat === "12";
-    if (isNaN(date.getMilliseconds())) {
-      return void 0;
-    }
-    return b`
-      <time datetime=${date.toISOString()}>
-        ${this.localize.date(date, {
-      weekday: this.weekday,
-      era: this.era,
-      year: this.year,
-      month: this.month,
-      day: this.day,
-      hour: this.hour,
-      minute: this.minute,
-      second: this.second,
-      timeZoneName: this.timeZoneName,
-      timeZone: this.timeZone,
-      hour12
-    })}
-      </time>
-    `;
-  }
-};
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "date", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "weekday", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "era", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "year", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "month", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "day", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "hour", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "minute", 2);
-__decorateClass([
-  n()
-], SlFormatDate.prototype, "second", 2);
-__decorateClass([
-  n({ attribute: "time-zone-name" })
-], SlFormatDate.prototype, "timeZoneName", 2);
-__decorateClass([
-  n({ attribute: "time-zone" })
-], SlFormatDate.prototype, "timeZone", 2);
-__decorateClass([
-  n({ attribute: "hour-format" })
-], SlFormatDate.prototype, "hourFormat", 2);
-
-export {
-  SlFormatDate
-};

package/cdn/chunks/chunk.ZJGFICZX.js

@@ -1,11 +0,0 @@
-import {
-  SlCard
-} from "./chunk.7SEK5SSL.js";
-
-// src/components/card/card.ts
-var card_default = SlCard;
-SlCard.define("sl-card");
-
-export {
-  card_default
-};

package/cdn/chunks/chunk.ZUTU3US7.js

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

package/cdn/chunks/chunk.ZXUF3HDH.js

@@ -1,25 +0,0 @@
-import {
-  SlRadio
-} from "./chunk.K6QF2OAU.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/dist/chunks/chunk.22A6U2DI.js

@@ -1,21 +0,0 @@
-import {
-  SlCarouselItem
-} from "./chunk.GODD6VUZ.js";
-
-// src/react/carousel-item/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-carousel-item";
-SlCarouselItem.define("sl-carousel-item");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlCarouselItem,
-  react: React,
-  events: {},
-  displayName: "SlCarouselItem"
-});
-var carousel_item_default = reactWrapper;
-
-export {
-  carousel_item_default
-};

package/dist/chunks/chunk.2CFRBOE2.js

@@ -1,213 +0,0 @@
-import {
-  animation_styles_default
-} from "./chunk.XVVDUPMB.js";
-import {
-  animations
-} from "./chunk.TJOP7HQP.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.AFYNEPK3.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/animation/animation.component.ts
-import { html } from "lit";
-import { property, queryAsync } from "lit/decorators.js";
-var SlAnimation = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasStarted = false;
-    this.name = "none";
-    this.play = false;
-    this.delay = 0;
-    this.direction = "normal";
-    this.duration = 1e3;
-    this.easing = "linear";
-    this.endDelay = 0;
-    this.fill = "auto";
-    this.iterations = Infinity;
-    this.iterationStart = 0;
-    this.playbackRate = 1;
-    this.handleAnimationFinish = () => {
-      this.play = false;
-      this.hasStarted = false;
-      this.emit("sl-finish");
-    };
-    this.handleAnimationCancel = () => {
-      this.play = false;
-      this.hasStarted = false;
-      this.emit("sl-cancel");
-    };
-  }
-  /** Gets and sets the current animation time. */
-  get currentTime() {
-    var _a, _b;
-    return (_b = (_a = this.animation) == null ? void 0 : _a.currentTime) != null ? _b : 0;
-  }
-  set currentTime(time) {
-    if (this.animation) {
-      this.animation.currentTime = time;
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.createAnimation();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.destroyAnimation();
-  }
-  handleSlotChange() {
-    this.destroyAnimation();
-    this.createAnimation();
-  }
-  async createAnimation() {
-    var _a, _b;
-    const easing = (_a = animations.easings[this.easing]) != null ? _a : this.easing;
-    const keyframes = (_b = this.keyframes) != null ? _b : animations[this.name];
-    const slot = await this.defaultSlot;
-    const element = slot.assignedElements()[0];
-    if (!element || !keyframes) {
-      return false;
-    }
-    this.destroyAnimation();
-    this.animation = element.animate(keyframes, {
-      delay: this.delay,
-      direction: this.direction,
-      duration: this.duration,
-      easing,
-      endDelay: this.endDelay,
-      fill: this.fill,
-      iterationStart: this.iterationStart,
-      iterations: this.iterations
-    });
-    this.animation.playbackRate = this.playbackRate;
-    this.animation.addEventListener("cancel", this.handleAnimationCancel);
-    this.animation.addEventListener("finish", this.handleAnimationFinish);
-    if (this.play) {
-      this.hasStarted = true;
-      this.emit("sl-start");
-    } else {
-      this.animation.pause();
-    }
-    return true;
-  }
-  destroyAnimation() {
-    if (this.animation) {
-      this.animation.cancel();
-      this.animation.removeEventListener("cancel", this.handleAnimationCancel);
-      this.animation.removeEventListener("finish", this.handleAnimationFinish);
-      this.hasStarted = false;
-    }
-  }
-  handleAnimationChange() {
-    if (!this.hasUpdated) {
-      return;
-    }
-    this.createAnimation();
-  }
-  handlePlayChange() {
-    if (this.animation) {
-      if (this.play && !this.hasStarted) {
-        this.hasStarted = true;
-        this.emit("sl-start");
-      }
-      if (this.play) {
-        this.animation.play();
-      } else {
-        this.animation.pause();
-      }
-      return true;
-    }
-    return false;
-  }
-  handlePlaybackRateChange() {
-    if (this.animation) {
-      this.animation.playbackRate = this.playbackRate;
-    }
-  }
-  /** Clears all keyframe effects caused by this animation and aborts its playback. */
-  cancel() {
-    var _a;
-    (_a = this.animation) == null ? void 0 : _a.cancel();
-  }
-  /** Sets the playback time to the end of the animation corresponding to the current playback direction. */
-  finish() {
-    var _a;
-    (_a = this.animation) == null ? void 0 : _a.finish();
-  }
-  render() {
-    return html` <slot @slotchange=${this.handleSlotChange}></slot> `;
-  }
-};
-SlAnimation.styles = [component_styles_default, animation_styles_default];
-__decorateClass([
-  queryAsync("slot")
-], SlAnimation.prototype, "defaultSlot", 2);
-__decorateClass([
-  property()
-], SlAnimation.prototype, "name", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlAnimation.prototype, "play", 2);
-__decorateClass([
-  property({ type: Number })
-], SlAnimation.prototype, "delay", 2);
-__decorateClass([
-  property()
-], SlAnimation.prototype, "direction", 2);
-__decorateClass([
-  property({ type: Number })
-], SlAnimation.prototype, "duration", 2);
-__decorateClass([
-  property()
-], SlAnimation.prototype, "easing", 2);
-__decorateClass([
-  property({ attribute: "end-delay", type: Number })
-], SlAnimation.prototype, "endDelay", 2);
-__decorateClass([
-  property()
-], SlAnimation.prototype, "fill", 2);
-__decorateClass([
-  property({ type: Number })
-], SlAnimation.prototype, "iterations", 2);
-__decorateClass([
-  property({ attribute: "iteration-start", type: Number })
-], SlAnimation.prototype, "iterationStart", 2);
-__decorateClass([
-  property({ attribute: false })
-], SlAnimation.prototype, "keyframes", 2);
-__decorateClass([
-  property({ attribute: "playback-rate", type: Number })
-], SlAnimation.prototype, "playbackRate", 2);
-__decorateClass([
-  watch([
-    "name",
-    "delay",
-    "direction",
-    "duration",
-    "easing",
-    "endDelay",
-    "fill",
-    "iterations",
-    "iterationsStart",
-    "keyframes"
-  ])
-], SlAnimation.prototype, "handleAnimationChange", 1);
-__decorateClass([
-  watch("play")
-], SlAnimation.prototype, "handlePlayChange", 1);
-__decorateClass([
-  watch("playbackRate")
-], SlAnimation.prototype, "handlePlaybackRateChange", 1);
-
-export {
-  SlAnimation
-};

package/dist/chunks/chunk.2DWQVEIZ.js

@@ -1,24 +0,0 @@
-import {
-  SlPopup
-} from "./chunk.Y5O5JHJ4.js";
-
-// src/react/popup/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-popup";
-SlPopup.define("sl-popup");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlPopup,
-  react: React,
-  events: {
-    onSlReposition: "sl-reposition"
-  },
-  displayName: "SlPopup"
-});
-var popup_default = reactWrapper;
-
-export {
-  popup_default
-};

package/dist/chunks/chunk.2FSVIWBT.js

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

package/dist/chunks/chunk.2MJ37SAI.js

@@ -1,52 +0,0 @@
-import {
-  ShoelaceElement
-} from "./chunk.AFYNEPK3.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/table/spinner-container.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SpinnerContainer = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-  }
-  render() {
-    return html`<div class="spinner-container">
-        ${this.loading ? html`<div class="spinner-overlay"></div>
-              <sl-spinner class="spinner" style="font-size: 2rem;"></sl-spinner>` : ""}
-        <slot></slot>
-      </div>
-      <style>
-        .spinner-container {
-          position: relative;
-        }
-        .spinner-overlay {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          z-index: var(--sl-z-index-table-overlay);
-          background-color: var(--sl-table-mask);
-        }
-        .spinner {
-          z-index: calc(var(--sl-z-index-table-overlay) + 1);
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%);
-        }
-      </style> `;
-  }
-};
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SpinnerContainer.prototype, "loading", 2);
-SpinnerContainer.define("sl-table-spinner-container");
-
-export {
-  SpinnerContainer
-};

package/dist/chunks/chunk.2QDWTIV5.js

@@ -1,21 +0,0 @@
-import {
-  SlBreadcrumb
-} from "./chunk.3653MYZD.js";
-
-// src/react/breadcrumb/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-breadcrumb";
-SlBreadcrumb.define("sl-breadcrumb");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlBreadcrumb,
-  react: React,
-  events: {},
-  displayName: "SlBreadcrumb"
-});
-var breadcrumb_default = reactWrapper;
-
-export {
-  breadcrumb_default
-};

package/dist/chunks/chunk.2SCRUQKD.js

@@ -1,11 +0,0 @@
-import {
-  SlCard
-} from "./chunk.URUACMGN.js";
-
-// src/components/card/card.ts
-var card_default = SlCard;
-SlCard.define("sl-card");
-
-export {
-  card_default
-};

package/dist/chunks/chunk.2U33PC3U.js

@@ -1,27 +0,0 @@
-import {
-  SlDatePanel
-} from "./chunk.QIJTEMBD.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.2WNR5NMQ.js

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