@kdcloudjs/shoelace 1.0.42 → 1.0.43

package/dist/chunks/chunk.WF5ULSHG.js

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

package/dist/chunks/chunk.WLL4TI6E.js

@@ -1,11 +0,0 @@
-import {
-  SlAlert
-} from "./chunk.SJPTKBQI.js";
-
-// src/components/alert/alert.ts
-var alert_default = SlAlert;
-SlAlert.define("sl-alert");
-
-export {
-  alert_default
-};

package/dist/chunks/chunk.WMGZ4VT7.js

@@ -1,21 +0,0 @@
-import {
-  SlCarouselItem
-} from "./chunk.G3SBOPRT.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.WQF5AUGI.js

@@ -1,26 +0,0 @@
-import {
-  SlRadioGroup
-} from "./chunk.JHLAS7PY.js";
-
-// src/react/radio-group/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-radio-group";
-SlRadioGroup.define("sl-radio-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRadioGroup,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlInput: "sl-input",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlRadioGroup"
-});
-var radio_group_default = reactWrapper;
-
-export {
-  radio_group_default
-};

package/dist/chunks/chunk.WS4C6M2T.js

@@ -1,11 +0,0 @@
-import {
-  SlMutationObserver
-} from "./chunk.YKIFWZNQ.js";
-
-// src/components/mutation-observer/mutation-observer.ts
-var mutation_observer_default = SlMutationObserver;
-SlMutationObserver.define("sl-mutation-observer");
-
-export {
-  mutation_observer_default
-};

package/dist/chunks/chunk.WT7XTWCV.js

@@ -1,24 +0,0 @@
-import {
-  SlSenderHeader
-} from "./chunk.CRIPT3JL.js";
-
-// src/react/sender-header/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-sender-header";
-SlSenderHeader.define("sl-sender-header");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlSenderHeader,
-  react: React,
-  events: {
-    onSlOpenChange: "sl-open-change"
-  },
-  displayName: "SlSenderHeader"
-});
-var sender_header_default = reactWrapper;
-
-export {
-  sender_header_default
-};

package/dist/chunks/chunk.WTEHM27Z.js

@@ -1,27 +0,0 @@
-import {
-  SlNavSubmenu
-} from "./chunk.ICM7Y4L3.js";
-
-// src/react/nav-submenu/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-nav-submenu";
-SlNavSubmenu.define("sl-nav-submenu");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlNavSubmenu,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlAfterShow: "sl-after-show",
-    onSlHide: "sl-hide",
-    onSlAfterHide: "sl-after-hide"
-  },
-  displayName: "SlNavSubmenu"
-});
-var nav_submenu_default = reactWrapper;
-
-export {
-  nav_submenu_default
-};

package/dist/chunks/chunk.WUEQXTJA.js

@@ -1,11 +0,0 @@
-import {
-  SlRating
-} from "./chunk.YSYQKV6A.js";
-
-// src/components/rating/rating.ts
-var rating_default = SlRating;
-SlRating.define("sl-rating");
-
-export {
-  rating_default
-};

package/dist/chunks/chunk.XAZTFMI7.js

@@ -1,25 +0,0 @@
-import {
-  SlFloatButtonGroup
-} from "./chunk.HEKKQ52P.js";
-
-// src/react/float-button-group/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-float-button-group";
-SlFloatButtonGroup.define("sl-float-button-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlFloatButtonGroup,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlHide: "sl-hide"
-  },
-  displayName: "SlFloatButtonGroup"
-});
-var float_button_group_default = reactWrapper;
-
-export {
-  float_button_group_default
-};

package/dist/chunks/chunk.XF53E2EV.js

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

package/dist/chunks/chunk.XO3ASHCI.js

@@ -1,11 +0,0 @@
-import {
-  SlMenuItem
-} from "./chunk.6U3SJUX2.js";
-
-// src/components/menu-item/menu-item.ts
-var menu_item_default = SlMenuItem;
-SlMenuItem.define("sl-menu-item");
-
-export {
-  menu_item_default
-};

package/dist/chunks/chunk.XQXUXM2G.js

@@ -1,116 +0,0 @@
-import {
-  animated_image_styles_default
-} from "./chunk.M3A4TKTU.js";
-import {
-  SlIcon
-} from "./chunk.BYYZZMGG.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.HDL3N2D6.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/animated-image/animated-image.component.ts
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var SlAnimatedImage = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.isLoaded = false;
-  }
-  handleClick() {
-    this.play = !this.play;
-  }
-  handleLoad() {
-    const canvas = document.createElement("canvas");
-    const { width, height } = this.animatedImage;
-    canvas.width = width;
-    canvas.height = height;
-    canvas.getContext("2d").drawImage(this.animatedImage, 0, 0, width, height);
-    this.frozenFrame = canvas.toDataURL("image/gif");
-    if (!this.isLoaded) {
-      this.emit("sl-load");
-      this.isLoaded = true;
-    }
-  }
-  handleError() {
-    this.emit("sl-error");
-  }
-  handlePlayChange() {
-    if (this.play) {
-      this.animatedImage.src = "";
-      this.animatedImage.src = this.src;
-    }
-  }
-  handleSrcChange() {
-    this.isLoaded = false;
-  }
-  render() {
-    return html`
-      <div class="animated-image">
-        <img
-          class="animated-image__animated"
-          src=${this.src}
-          alt=${this.alt}
-          crossorigin="anonymous"
-          aria-hidden=${this.play ? "false" : "true"}
-          @click=${this.handleClick}
-          @load=${this.handleLoad}
-          @error=${this.handleError}
-        />
-
-        ${this.isLoaded ? html`
-              <img
-                class="animated-image__frozen"
-                src=${this.frozenFrame}
-                alt=${this.alt}
-                aria-hidden=${this.play ? "true" : "false"}
-                @click=${this.handleClick}
-              />
-
-              <div part="control-box" class="animated-image__control-box">
-                <slot name="play-icon"><sl-icon name="play-fill" library="system"></sl-icon></slot>
-                <slot name="pause-icon"><sl-icon name="pause-fill" library="system"></sl-icon></slot>
-              </div>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-SlAnimatedImage.styles = [component_styles_default, animated_image_styles_default];
-SlAnimatedImage.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  query(".animated-image__animated")
-], SlAnimatedImage.prototype, "animatedImage", 2);
-__decorateClass([
-  state()
-], SlAnimatedImage.prototype, "frozenFrame", 2);
-__decorateClass([
-  state()
-], SlAnimatedImage.prototype, "isLoaded", 2);
-__decorateClass([
-  property()
-], SlAnimatedImage.prototype, "src", 2);
-__decorateClass([
-  property()
-], SlAnimatedImage.prototype, "alt", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlAnimatedImage.prototype, "play", 2);
-__decorateClass([
-  watch("play", { waitUntilFirstUpdate: true })
-], SlAnimatedImage.prototype, "handlePlayChange", 1);
-__decorateClass([
-  watch("src")
-], SlAnimatedImage.prototype, "handleSrcChange", 1);
-
-export {
-  SlAnimatedImage
-};

package/dist/chunks/chunk.XRBLPMTD.js

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

package/dist/chunks/chunk.XT365ECW.js

@@ -1,11 +0,0 @@
-import {
-  SlCarousel
-} from "./chunk.5PWPGYLP.js";
-
-// src/components/carousel/carousel.ts
-var carousel_default = SlCarousel;
-SlCarousel.define("sl-carousel");
-
-export {
-  carousel_default
-};

package/dist/chunks/chunk.XVJ4GYMY.js

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

package/dist/chunks/chunk.XVW74MWW.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.HDL3N2D6.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.YHVJRWF2.js

@@ -1,27 +0,0 @@
-import {
-  SlAlert
-} from "./chunk.SJPTKBQI.js";
-
-// src/react/alert/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-alert";
-SlAlert.define("sl-alert");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlAlert,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlAfterShow: "sl-after-show",
-    onSlHide: "sl-hide",
-    onSlAfterHide: "sl-after-hide"
-  },
-  displayName: "SlAlert"
-});
-var alert_default = reactWrapper;
-
-export {
-  alert_default
-};