@kdcloudjs/shoelace 1.0.13 → 1.0.14

package/dist/chunks/chunk.LOZL6Q4S.js

@@ -1,151 +0,0 @@
-import {
-  image_comparer_styles_default
-} from "./chunk.RCGFCKTU.js";
-import {
-  drag
-} from "./chunk.ESELY2US.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  SlIcon
-} from "./chunk.VHHBFM4E.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.M7GTV5KG.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/image-comparer/image-comparer.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-var SlImageComparer = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.position = 50;
-  }
-  handleDrag(event) {
-    const { width } = this.base.getBoundingClientRect();
-    const isRtl = this.localize.dir() === "rtl";
-    event.preventDefault();
-    drag(this.base, {
-      onMove: (x) => {
-        this.position = parseFloat(clamp(x / width * 100, 0, 100).toFixed(2));
-        if (isRtl) this.position = 100 - this.position;
-      },
-      initialEvent: event
-    });
-  }
-  handleKeyDown(event) {
-    const isLtr = this.localize.dir() === "ltr";
-    const isRtl = this.localize.dir() === "rtl";
-    if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
-      const incr = event.shiftKey ? 10 : 1;
-      let newPosition = this.position;
-      event.preventDefault();
-      if (isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
-        newPosition -= incr;
-      }
-      if (isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
-        newPosition += incr;
-      }
-      if (event.key === "Home") {
-        newPosition = 0;
-      }
-      if (event.key === "End") {
-        newPosition = 100;
-      }
-      newPosition = clamp(newPosition, 0, 100);
-      this.position = newPosition;
-    }
-  }
-  handlePositionChange() {
-    this.emit("sl-change");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    return html`
-      <div
-        part="base"
-        id="image-comparer"
-        class=${classMap({
-      "image-comparer": true,
-      "image-comparer--rtl": isRtl
-    })}
-        @keydown=${this.handleKeyDown}
-      >
-        <div class="image-comparer__image">
-          <div part="before" class="image-comparer__before">
-            <slot name="before"></slot>
-          </div>
-
-          <div
-            part="after"
-            class="image-comparer__after"
-            style=${styleMap({
-      clipPath: isRtl ? `inset(0 0 0 ${100 - this.position}%)` : `inset(0 ${100 - this.position}% 0 0)`
-    })}
-          >
-            <slot name="after"></slot>
-          </div>
-        </div>
-
-        <div
-          part="divider"
-          class="image-comparer__divider"
-          style=${styleMap({
-      left: isRtl ? `${100 - this.position}%` : `${this.position}%`
-    })}
-          @mousedown=${this.handleDrag}
-          @touchstart=${this.handleDrag}
-        >
-          <div
-            part="handle"
-            class="image-comparer__handle"
-            role="scrollbar"
-            aria-valuenow=${this.position}
-            aria-valuemin="0"
-            aria-valuemax="100"
-            aria-controls="image-comparer"
-            tabindex="0"
-          >
-            <slot name="handle">
-              <sl-icon library="system" name="grip-vertical"></sl-icon>
-            </slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-};
-SlImageComparer.styles = [component_styles_default, image_comparer_styles_default];
-SlImageComparer.scopedElement = { "sl-icon": SlIcon };
-__decorateClass([
-  query(".image-comparer")
-], SlImageComparer.prototype, "base", 2);
-__decorateClass([
-  query(".image-comparer__handle")
-], SlImageComparer.prototype, "handle", 2);
-__decorateClass([
-  property({ type: Number, reflect: true })
-], SlImageComparer.prototype, "position", 2);
-__decorateClass([
-  watch("position", { waitUntilFirstUpdate: true })
-], SlImageComparer.prototype, "handlePositionChange", 1);
-
-export {
-  SlImageComparer
-};

package/dist/chunks/chunk.LT5PYQM2.js

@@ -1,11 +0,0 @@
-import {
-  SlProgressBar
-} from "./chunk.UUOI5HE6.js";
-
-// src/components/progress-bar/progress-bar.ts
-var progress_bar_default = SlProgressBar;
-SlProgressBar.define("sl-progress-bar");
-
-export {
-  progress_bar_default
-};

package/dist/chunks/chunk.M7GTV5KG.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.13";
-ShoelaceElement.dependencies = {};
-__decorateClass([
-  property()
-], ShoelaceElement.prototype, "dir", 2);
-__decorateClass([
-  property()
-], ShoelaceElement.prototype, "lang", 2);
-
-export {
-  ShoelaceElement
-};

package/dist/chunks/chunk.MDODUGYJ.js

@@ -1,21 +0,0 @@
-import {
-  SlOption
-} from "./chunk.PQNGHLFV.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
-};

package/dist/chunks/chunk.MIZZELJ6.js

@@ -1,93 +0,0 @@
-import {
-  tag_styles_default
-} from "./chunk.LVBOFYKS.js";
-import {
-  SlIconButton
-} from "./chunk.K3KMYYYI.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.M7GTV5KG.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.MOGIWE5Z.js

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

@@ -1,11 +0,0 @@
-import {
-  SlQrCode
-} from "./chunk.L77IOKRA.js";
-
-// src/components/qr-code/qr-code.ts
-var qr_code_default = SlQrCode;
-SlQrCode.define("sl-qr-code");
-
-export {
-  qr_code_default
-};

package/dist/chunks/chunk.MQFX6HVM.js

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

package/dist/chunks/chunk.N2XI22GZ.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.M7GTV5KG.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.N5FD5NXG.js

@@ -1,11 +0,0 @@
-import {
-  SlTextarea
-} from "./chunk.LM2GLM5U.js";
-
-// src/components/textarea/textarea.ts
-var textarea_default = SlTextarea;
-SlTextarea.define("sl-textarea");
-
-export {
-  textarea_default
-};

package/dist/chunks/chunk.N6CM3M5F.js

@@ -1,132 +0,0 @@
-import {
-  nav_styles_default
-} from "./chunk.LE3RS4K3.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.M7GTV5KG.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/nav/nav.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-var SlNav = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.mode = "vertical";
-    this.handleNavSelect = (event) => {
-      const item = event.detail.item;
-      const previousActive = this.activeItem;
-      const valueChanged = this.value !== item.value;
-      this.value = item.value;
-      this.updateActiveItemFromValue(item);
-      if (valueChanged || previousActive !== item) {
-        this.emit("sl-change");
-      }
-    };
-    this.handleSlotChange = () => {
-      this.updateActiveItemFromValue();
-      this.updateMode();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("sl-nav-select", this.handleNavSelect);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("sl-nav-select", this.handleNavSelect);
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("value")) {
-      this.updateActiveItem();
-    }
-    if (changedProperties.has("mode")) {
-      this.updateMode();
-    }
-  }
-  updateActiveItem() {
-    this.updateActiveItemFromValue();
-  }
-  updateMode() {
-    const elements = [...this.querySelectorAll("sl-nav-item, sl-nav-group, sl-nav-submenu")];
-    elements.forEach((el) => {
-      const closestSubmenu = el.closest("sl-nav-submenu");
-      if (closestSubmenu && closestSubmenu !== el) {
-        el.mode = "vertical";
-      } else {
-        el.mode = this.mode;
-      }
-    });
-  }
-  getItems() {
-    return [...this.querySelectorAll("sl-nav-item")];
-  }
-  setActiveItem(item) {
-    if (this.activeItem && this.activeItem !== item) {
-      this.activeItem.active = false;
-    }
-    if (item) {
-      item.active = true;
-    }
-    this.activeItem = item;
-  }
-  updateActiveItemFromValue(selectedItem) {
-    const items = this.getItems();
-    const groups = [...this.querySelectorAll("sl-nav-group")];
-    const submenus = [...this.querySelectorAll("sl-nav-submenu")];
-    let nextSelected = selectedItem;
-    if (!nextSelected && this.value !== "") {
-      nextSelected = items.find((item) => item.value === this.value);
-    }
-    this.setActiveItem(nextSelected);
-    items.forEach((item) => {
-      item.active = item === nextSelected;
-    });
-    [...groups, ...submenus].forEach((el) => el.active = false);
-    if (nextSelected) {
-      let currentElement = nextSelected.parentElement;
-      while (currentElement && currentElement !== this) {
-        const tagName = currentElement.tagName.toLowerCase();
-        if (tagName === "sl-nav-group" || tagName === "sl-nav-submenu") {
-          currentElement.active = true;
-        }
-        currentElement = currentElement.parentElement;
-      }
-    }
-  }
-  render() {
-    return html`
-      <nav
-        part="base"
-        class=${classMap({
-      nav: true,
-      "nav--horizontal": this.mode === "horizontal",
-      "nav--vertical": this.mode === "vertical"
-    })}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </nav>
-    `;
-  }
-};
-SlNav.styles = [component_styles_default, nav_styles_default];
-__decorateClass([
-  query("slot")
-], SlNav.prototype, "defaultSlot", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlNav.prototype, "value", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlNav.prototype, "mode", 2);
-
-export {
-  SlNav
-};

package/dist/chunks/chunk.N7FGMCW3.js

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