@kdcloudjs/shoelace 1.0.25 → 1.0.26

package/dist/chunks/chunk.UXDKZEWB.js

@@ -1,11 +0,0 @@
-import {
-  SlThink
-} from "./chunk.UACFJ7ET.js";
-
-// src/components/think/think.ts
-var think_default = SlThink;
-SlThink.define("sl-think");
-
-export {
-  think_default
-};

package/dist/chunks/chunk.V226VAMQ.js

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

package/dist/chunks/chunk.VCKKWWX5.js

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

package/dist/chunks/chunk.VFO6XX4A.js

@@ -1,93 +0,0 @@
-import {
-  tag_styles_default
-} from "./chunk.LVBOFYKS.js";
-import {
-  SlIconButton
-} from "./chunk.NPS3ESCM.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JRE3XEGV.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/tag/tag.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SlTag = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.variant = "neutral";
-    this.size = "medium";
-    this.pill = false;
-    this.removable = false;
-  }
-  handleRemoveClick() {
-    this.emit("sl-remove");
-  }
-  render() {
-    return html`
-      <span
-        part="base"
-        class=${classMap({
-      tag: true,
-      // Types
-      "tag--primary": this.variant === "primary",
-      "tag--success": this.variant === "success",
-      "tag--neutral": this.variant === "neutral",
-      "tag--warning": this.variant === "warning",
-      "tag--danger": this.variant === "danger",
-      "tag--text": this.variant === "text",
-      // Sizes
-      "tag--small": this.size === "small",
-      "tag--medium": this.size === "medium",
-      "tag--large": this.size === "large",
-      // Modifiers
-      "tag--pill": this.pill,
-      "tag--removable": this.removable
-    })}
-      >
-        <slot part="content" class="tag__content"></slot>
-
-        ${this.removable ? html`
-              <sl-icon-button
-                part="remove-button"
-                exportparts="base:remove-button__base"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("remove")}
-                class="tag__remove"
-                @click=${this.handleRemoveClick}
-                tabindex="-1"
-              ></sl-icon-button>
-            ` : ""}
-      </span>
-    `;
-  }
-};
-SlTag.styles = [component_styles_default, tag_styles_default];
-SlTag.dependencies = { "sl-icon-button": SlIconButton };
-__decorateClass([
-  property({ reflect: true })
-], SlTag.prototype, "variant", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlTag.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlTag.prototype, "pill", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlTag.prototype, "removable", 2);
-
-export {
-  SlTag
-};

package/dist/chunks/chunk.VSR2VRYO.js

@@ -1,11 +0,0 @@
-import {
-  SlButtonGroup
-} from "./chunk.ACFWV6JZ.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.VZFYIASQ.js

@@ -1,24 +0,0 @@
-import {
-  SlCarousel
-} from "./chunk.4TR2RXVB.js";
-
-// src/react/carousel/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-carousel";
-SlCarousel.define("sl-carousel");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlCarousel,
-  react: React,
-  events: {
-    onSlSlideChange: "sl-slide-change"
-  },
-  displayName: "SlCarousel"
-});
-var carousel_default = reactWrapper;
-
-export {
-  carousel_default
-};

package/dist/chunks/chunk.W4CK4MNF.js

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

package/dist/chunks/chunk.W5XOGECB.js

@@ -1,135 +0,0 @@
-import {
-  menu_styles_default
-} from "./chunk.PVCCOPM6.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JRE3XEGV.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/menu/menu.component.ts
-import { html } from "lit";
-import { query } from "lit/decorators.js";
-var SlMenu = class extends ShoelaceElement {
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "menu");
-  }
-  handleClick(event) {
-    const menuItemTypes = ["menuitem", "menuitemcheckbox"];
-    const composedPath = event.composedPath();
-    const target = composedPath.find((el) => {
-      var _a;
-      return menuItemTypes.includes(((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) || "");
-    });
-    if (!target) return;
-    const closestMenu = composedPath.find((el) => {
-      var _a;
-      return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) === "menu";
-    });
-    const clickHasSubmenu = closestMenu !== this;
-    if (clickHasSubmenu) return;
-    const item = target;
-    if (item.type === "checkbox") {
-      item.checked = !item.checked;
-    }
-    this.emit("sl-select", { detail: { item } });
-  }
-  handleKeyDown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      const item = this.getCurrentItem();
-      event.preventDefault();
-      event.stopPropagation();
-      item == null ? void 0 : item.click();
-    } else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
-      const items = this.getAllItems();
-      const activeItem = this.getCurrentItem();
-      let index = activeItem ? items.indexOf(activeItem) : 0;
-      if (items.length > 0) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.key === "ArrowDown") {
-          index++;
-        } else if (event.key === "ArrowUp") {
-          index--;
-        } else if (event.key === "Home") {
-          index = 0;
-        } else if (event.key === "End") {
-          index = items.length - 1;
-        }
-        if (index < 0) {
-          index = items.length - 1;
-        }
-        if (index > items.length - 1) {
-          index = 0;
-        }
-        this.setCurrentItem(items[index]);
-        items[index].focus();
-      }
-    }
-  }
-  handleMouseDown(event) {
-    const target = event.target;
-    if (this.isMenuItem(target)) {
-      this.setCurrentItem(target);
-    }
-  }
-  handleSlotChange() {
-    const items = this.getAllItems();
-    if (items.length > 0) {
-      this.setCurrentItem(items[0]);
-    }
-  }
-  isMenuItem(item) {
-    var _a;
-    return item.tagName.toLowerCase() === "sl-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
-  }
-  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
-  getAllItems() {
-    return [...this.defaultSlot.assignedElements({ flatten: true })].filter((el) => {
-      if (el.inert || !this.isMenuItem(el)) {
-        return false;
-      }
-      return true;
-    });
-  }
-  /**
-   * @internal Gets the current menu item, which is the menu item that has `tabindex="0"` within the roving tab index.
-   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the "active" item.
-   */
-  getCurrentItem() {
-    return this.getAllItems().find((i) => i.getAttribute("tabindex") === "0");
-  }
-  /**
-   * @internal Sets the current menu item to the specified element. This sets `tabindex="0"` on the target element and
-   * `tabindex="-1"` to all other items. This method must be called prior to setting focus on a menu item.
-   */
-  setCurrentItem(item) {
-    const items = this.getAllItems();
-    items.forEach((i) => {
-      i.setAttribute("tabindex", i === item ? "0" : "-1");
-    });
-  }
-  render() {
-    return html`
-      <slot
-        @slotchange=${this.handleSlotChange}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      ></slot>
-    `;
-  }
-};
-SlMenu.styles = [component_styles_default, menu_styles_default];
-__decorateClass([
-  query("slot")
-], SlMenu.prototype, "defaultSlot", 2);
-
-export {
-  SlMenu
-};

package/dist/chunks/chunk.W6WWCEDK.js

@@ -1,11 +0,0 @@
-import {
-  SlSplitPanel
-} from "./chunk.CXUTYTWH.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.WLIH7OTH.js

@@ -1,116 +0,0 @@
-import {
-  SlIcon
-} from "./chunk.TJTYBIR7.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JRE3XEGV.js";
-import {
-  animated_image_styles_default
-} from "./chunk.M3A4TKTU.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
-};