@kdcloudjs/shoelace 1.0.21 → 1.0.22

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

@@ -1,24 +0,0 @@
-import {
-  SlImageComparer
-} from "./chunk.5VMZZO5N.js";
-
-// src/react/image-comparer/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-image-comparer";
-SlImageComparer.define("sl-image-comparer");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlImageComparer,
-  react: React,
-  events: {
-    onSlChange: "sl-change"
-  },
-  displayName: "SlImageComparer"
-});
-var image_comparer_default = reactWrapper;
-
-export {
-  image_comparer_default
-};

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

@@ -1,25 +0,0 @@
-import {
-  SlRadioButton
-} from "./chunk.EJY3J7NW.js";
-
-// src/react/radio-button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-radio-button";
-SlRadioButton.define("sl-radio-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRadioButton,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus"
-  },
-  displayName: "SlRadioButton"
-});
-var radio_button_default = reactWrapper;
-
-export {
-  radio_button_default
-};

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

@@ -1,11 +0,0 @@
-import {
-  SlFormatBytes
-} from "./chunk.2I5NSDA3.js";
-
-// src/components/format-bytes/format-bytes.ts
-var format_bytes_default = SlFormatBytes;
-SlFormatBytes.define("sl-format-bytes");
-
-export {
-  format_bytes_default
-};

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

@@ -1,25 +0,0 @@
-import {
-  SlRadio
-} from "./chunk.OVX7KABZ.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.2GEKAE7B.js

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

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

@@ -1,50 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  ShoelaceElement
-} from "./chunk.JRE3XEGV.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/format-bytes/format-bytes.component.ts
-import { property } from "lit/decorators.js";
-var SlFormatBytes = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.unit = "byte";
-    this.display = "short";
-  }
-  render() {
-    if (isNaN(this.value)) {
-      return "";
-    }
-    const bitPrefixes = ["", "kilo", "mega", "giga", "tera"];
-    const bytePrefixes = ["", "kilo", "mega", "giga", "tera", "peta"];
-    const prefix = this.unit === "bit" ? bitPrefixes : bytePrefixes;
-    const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1));
-    const unit = prefix[index] + this.unit;
-    const valueToFormat = parseFloat((this.value / Math.pow(1e3, index)).toPrecision(3));
-    return this.localize.number(valueToFormat, {
-      style: "unit",
-      unit,
-      unitDisplay: this.display
-    });
-  }
-};
-__decorateClass([
-  property({ type: Number })
-], SlFormatBytes.prototype, "value", 2);
-__decorateClass([
-  property()
-], SlFormatBytes.prototype, "unit", 2);
-__decorateClass([
-  property()
-], SlFormatBytes.prototype, "display", 2);
-
-export {
-  SlFormatBytes
-};

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

@@ -1,42 +0,0 @@
-import {
-  divider_styles_default
-} from "./chunk.SUSCR7CI.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JRE3XEGV.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/divider/divider.component.ts
-import { property } from "lit/decorators.js";
-var SlDivider = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.vertical = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "separator");
-  }
-  handleVerticalChange() {
-    this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
-  }
-};
-SlDivider.styles = [component_styles_default, divider_styles_default];
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlDivider.prototype, "vertical", 2);
-__decorateClass([
-  watch("vertical")
-], SlDivider.prototype, "handleVerticalChange", 1);
-
-export {
-  SlDivider
-};

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

@@ -1,25 +0,0 @@
-import {
-  carousel_item_styles_default
-} from "./chunk.NQ44LUGM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JRE3XEGV.js";
-
-// src/components/carousel-item/carousel-item.component.ts
-import { html } from "lit";
-var SlCarouselItem = class extends ShoelaceElement {
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  render() {
-    return html` <slot></slot> `;
-  }
-};
-SlCarouselItem.styles = [component_styles_default, carousel_item_styles_default];
-
-export {
-  SlCarouselItem
-};

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

@@ -1,188 +0,0 @@
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-
-// src/components/nav-item/nav-item.styles.ts
-import { css } from "lit";
-var nav_item_styles_default = css`
-  ${component_styles_default}
-
-  :host {
-    display: block;
-    --height: var(--sl-nav-item-height, 48px);
-    --padding: var(--sl-nav-item-padding-inline, var(--sl-spacing-medium));
-    --padding-start: var(--sl-nav-item-padding-start, var(--sl-spacing-medium));
-    --padding-end: var(--sl-nav-item-padding-end, var(--sl-spacing-medium));
-    --padding-block: var(--sl-nav-item-padding-block, var(--sl-spacing-x-small));
-    --border-radius: var(--sl-nav-item-radius, var(--sl-border-radius-x-medium));
-    --background-color-hover: var(--sl-nav-item-hover-background, var(--sl-color-neutral-100));
-    --background-color-active: var(--sl-nav-item-active-background, var(--sl-color-primary-50));
-    --color-active: var(--sl-nav-item-active-color, var(--sl-color-primary-600));
-    --color-text: var(--sl-nav-item-color, var(--sl-color-neutral-900));
-    --divider-width: var(--sl-nav-item-divider-width, 0);
-    --divider-color: var(--sl-nav-item-divider-color, transparent);
-    --divider-inset: var(--sl-nav-item-divider-inset, 0);
-    font-size: var(--sl-font-size-small);
-  }
-
-  .nav-item {
-    display: flex;
-    align-items: stretch;
-    position: relative;
-    box-sizing: border-box;
-    width: 100%;
-    height: var(--height);
-    padding-inline: var(--sl-spacing-2x-small);
-    padding-block: var(--sl-spacing-2x-small);
-    color: var(--color-text);
-    background-color: transparent;
-    border: none;
-    font-family: var(
-    font-size: var(--sl-font-size-small);--sl-font-sans);
-    font-weight: var(--sl-font-weight-semibold);
-    line-height: var(--sl-line-height-normal);
-    text-decoration: none;
-    user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-    transition:
-      var(--sl-transition-fast) background-color,
-      var(--sl-transition-fast) color,
-      var(--sl-transition-fast) box-shadow;
-  }
-
-  .nav-item__content {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    padding-inline-start: var(--padding-start);
-    padding-inline-end: var(--padding-end);
-    padding-block: var(--padding-block);
-    border-radius: var(--sl-border-radius-x-medium);
-    transition:
-      var(--sl-transition-fast) background-color,
-      var(--sl-transition-fast) box-shadow;
-  }
-
-  .nav-item:hover:not(.nav-item--disabled),
-  .nav-item:focus-visible:not(.nav-item--disabled) {
-    color: var(--sl-nav-item-hover-color, var(--sl-color-neutral-900));
-    outline: none;
-  }
-
-  .nav-item:hover:not(.nav-item--disabled) .nav-item__content,
-  .nav-item:focus-visible:not(.nav-item--disabled) .nav-item__content {
-    background-color: var(--background-color-hover);
-  }
-
-  .nav-item--active:not(.nav-item--disabled) {
-    color: var(--color-active);
-  }
-
-  .nav-item--active:not(.nav-item--disabled) .nav-item__content {
-    background-color: var(--background-color-active);
-  }
-
-  .nav-item--disabled {
-    color: var(--sl-color-neutral-400);
-    opacity: 1;
-    cursor: not-allowed;
-  }
-
-  .nav-item__prefix,
-  .nav-item__suffix {
-    display: flex;
-    align-items: center;
-    flex: 0 0 auto;
-    color: inherit;
-  }
-
-  .nav-item__prefix::slotted(*) {
-    display: inline-flex;
-  }
-
-  .nav-item__suffix::slotted(*) {
-    display: inline-flex;
-  }
-
-  .nav-item__label {
-    flex: 1 1 auto;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .nav-item__label::slotted(*) {
-    color: inherit;
-  }
-
-  /* Vertical Mode */
-  :host(:not([mode='horizontal'])) .nav-item__prefix::slotted(*),
-  :host(:not([mode='horizontal'])) .nav-item__suffix::slotted(*) {
-    font-size: 20px;
-  }
-
-  /* Focus ring */
-  :host(:focus-visible) .nav-item {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  /* Horizontal Mode */
-  :host([mode='horizontal']) {
-    --height: 46px;
-    --color-text: var(--sl-color-neutral-900);
-    --padding-start: 0;
-  }
-
-  :host([mode='horizontal']) .nav-item {
-    width: auto;
-    min-width: max-content;
-  }
-
-  :host([mode='horizontal']) .nav-item__content {
-    gap: var(--sl-nav-horizontal-item-gap, var(--sl-spacing-x-small));
-    padding-inline: var(--sl-nav-horizontal-item-padding-inline, var(--sl-spacing-medium));
-    padding-block: 0;
-    border-radius: 0;
-    font-size: var(--sl-font-size-small);
-    line-height: 20px;
-  }
-
-  :host([mode='horizontal']) .nav-item:hover:not(.nav-item--disabled) {
-    background-color: transparent;
-    color: var(--sl-nav-item-hover-color, var(--sl-color-neutral-900));
-    box-shadow:
-      inset 0 calc(-1 * var(--sl-nav-horizontal-indicator-width, 2px)) 0 0
-      var(--sl-nav-horizontal-indicator-color, var(--sl-color-primary-600));
-  }
-
-  :host([mode='horizontal']) .nav-item:hover:not(.nav-item--disabled) .nav-item__content,
-  :host([mode='horizontal']) .nav-item:focus-visible:not(.nav-item--disabled) .nav-item__content {
-    background-color: transparent;
-  }
-
-  :host([mode='horizontal']) .nav-item--active:not(.nav-item--disabled) {
-    background-color: transparent;
-    color: var(--sl-color-primary-600);
-    box-shadow:
-      inset 0 calc(-1 * var(--sl-nav-horizontal-indicator-width, 2px)) 0 0
-      var(--sl-nav-horizontal-indicator-color, var(--sl-color-primary-600));
-  }
-
-  :host([mode='horizontal']) .nav-item--active:not(.nav-item--disabled) .nav-item__content {
-    background-color: transparent;
-  }
-
-  :host([mode='horizontal']) .nav-item__prefix::slotted(*) {
-    width: 16px;
-    height: 16px;
-  }
-`;
-
-export {
-  nav_item_styles_default
-};

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

@@ -1,192 +0,0 @@
-import {
-  menu_item_styles_default
-} from "./chunk.B4HO2SQD.js";
-import {
-  SubmenuController
-} from "./chunk.ZLIGP6HZ.js";
-import {
-  SlPopup
-} from "./chunk.YPHENAEZ.js";
-import {
-  SlSpinner
-} from "./chunk.F2BIKL72.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.NYIIDP5N.js";
-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 {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/menu-item/menu-item.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-var SlMenuItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.type = "normal";
-    this.checked = false;
-    this.value = "";
-    this.loading = false;
-    this.disabled = false;
-    this.hasSlotController = new HasSlotController(this, "submenu");
-    this.submenuController = new SubmenuController(this, this.hasSlotController);
-    this.handleHostClick = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleMouseOver = (event) => {
-      this.focus();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this.handleHostClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-    this.removeEventListener("mouseover", this.handleMouseOver);
-  }
-  handleDefaultSlotChange() {
-    const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
-    if (textLabel !== this.cachedTextLabel) {
-      this.cachedTextLabel = textLabel;
-      this.emit("slotchange", { bubbles: true, composed: false, cancelable: false });
-    }
-  }
-  handleCheckedChange() {
-    if (this.checked && this.type !== "checkbox") {
-      this.checked = false;
-      console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
-      return;
-    }
-    if (this.type === "checkbox") {
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.removeAttribute("aria-checked");
-    }
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleTypeChange() {
-    if (this.type === "checkbox") {
-      this.setAttribute("role", "menuitemcheckbox");
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.setAttribute("role", "menuitem");
-      this.removeAttribute("aria-checked");
-    }
-  }
-  /** Returns a text label based on the contents of the menu item's default slot. */
-  getTextLabel() {
-    return getTextContent(this.defaultSlot);
-  }
-  isSubmenu() {
-    return this.hasSlotController.test("submenu");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const isSubmenuExpanded = this.submenuController.isExpanded();
-    return html`
-      <div
-        id="anchor"
-        part="base"
-        class=${classMap({
-      "menu-item": true,
-      "menu-item--rtl": isRtl,
-      "menu-item--checked": this.checked,
-      "menu-item--disabled": this.disabled,
-      "menu-item--loading": this.loading,
-      "menu-item--has-submenu": this.isSubmenu(),
-      "menu-item--submenu-expanded": isSubmenuExpanded
-    })}
-        ?aria-haspopup="${this.isSubmenu()}"
-        ?aria-expanded="${isSubmenuExpanded ? true : false}"
-      >
-        <span part="checked-icon" class="menu-item__check">
-          <sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-
-        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-        <span part="submenu-icon" class="menu-item__chevron">
-          <sl-icon name=${isRtl ? "chevron-left" : "chevron-right"} library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        ${this.submenuController.renderSubmenu()}
-        ${this.loading ? html` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> ` : ""}
-      </div>
-    `;
-  }
-};
-SlMenuItem.styles = [component_styles_default, menu_item_styles_default];
-SlMenuItem.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-popup": SlPopup,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  query("slot:not([name])")
-], SlMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  query(".menu-item")
-], SlMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  property()
-], SlMenuItem.prototype, "type", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "checked", 2);
-__decorateClass([
-  property()
-], SlMenuItem.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "loading", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], SlMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], SlMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], SlMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  SlMenuItem
-};

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

@@ -1,11 +0,0 @@
-import {
-  SlTabGroup
-} from "./chunk.PKSNYBHX.js";
-
-// src/components/tab-group/tab-group.ts
-var tab_group_default = SlTabGroup;
-SlTabGroup.define("sl-tab-group");
-
-export {
-  tab_group_default
-};

package/dist/chunks/chunk.3MHYIUMZ.js

@@ -1,11 +0,0 @@
-import {
-  SlSwitch
-} from "./chunk.LS6NLVX5.js";
-
-// src/components/switch/switch.ts
-var switch_default = SlSwitch;
-SlSwitch.define("sl-switch");
-
-export {
-  switch_default
-};