@kdcloudjs/shoelace 1.0.22 → 1.0.23

package/dist/chunks/chunk.7OYIAAPX.js

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

package/dist/chunks/chunk.7X755TGA.js

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

package/dist/chunks/chunk.7YOONU2V.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.AG6MRYHQ.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.7Z2W6OXK.js

@@ -1,24 +0,0 @@
-import {
-  SlAvatar
-} from "./chunk.YF3N67E7.js";
-
-// src/react/avatar/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-avatar";
-SlAvatar.define("sl-avatar");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlAvatar,
-  react: React,
-  events: {
-    onSlError: "sl-error"
-  },
-  displayName: "SlAvatar"
-});
-var avatar_default = reactWrapper;
-
-export {
-  avatar_default
-};

package/dist/chunks/chunk.A2RI6OCN.js

@@ -1,11 +0,0 @@
-import {
-  SlVisuallyHidden
-} from "./chunk.RRWKU4GM.js";
-
-// src/components/visually-hidden/visually-hidden.ts
-var visually_hidden_default = SlVisuallyHidden;
-SlVisuallyHidden.define("sl-visually-hidden");
-
-export {
-  visually_hidden_default
-};

package/dist/chunks/chunk.A6R57GPQ.js

@@ -1,11 +0,0 @@
-import {
-  SlCheckbox
-} from "./chunk.WGQYVXZW.js";
-
-// src/components/checkbox/checkbox.ts
-var checkbox_default = SlCheckbox;
-SlCheckbox.define("sl-checkbox");
-
-export {
-  checkbox_default
-};

package/dist/chunks/chunk.ABHA54FT.js

@@ -1,67 +0,0 @@
-import {
-  progress_bar_styles_default
-} from "./chunk.GXC456DW.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.AG6MRYHQ.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/progress-bar/progress-bar.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { property } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-var SlProgressBar = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.indeterminate = false;
-    this.label = "";
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      "progress-bar": true,
-      "progress-bar--indeterminate": this.indeterminate,
-      "progress-bar--rtl": this.localize.dir() === "rtl"
-    })}
-        role="progressbar"
-        title=${ifDefined(this.title)}
-        aria-label=${this.label.length > 0 ? this.label : this.localize.term("progress")}
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-valuenow=${this.indeterminate ? 0 : this.value}
-      >
-        <div part="indicator" class="progress-bar__indicator" style=${styleMap({ width: `${this.value}%` })}>
-          ${!this.indeterminate ? html` <slot part="label" class="progress-bar__label"></slot> ` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-SlProgressBar.styles = [component_styles_default, progress_bar_styles_default];
-__decorateClass([
-  property({ type: Number, reflect: true })
-], SlProgressBar.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlProgressBar.prototype, "indeterminate", 2);
-__decorateClass([
-  property()
-], SlProgressBar.prototype, "label", 2);
-
-export {
-  SlProgressBar
-};

package/dist/chunks/chunk.ACGBDTAV.js

@@ -1,21 +0,0 @@
-import {
-  SlSkeleton
-} from "./chunk.BBOVVW7N.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.AFQ4W3IV.js

@@ -1,11 +0,0 @@
-import {
-  SlSpinner
-} from "./chunk.R7XUMWJC.js";
-
-// src/components/spinner/spinner.ts
-var spinner_default = SlSpinner;
-SlSpinner.define("sl-spinner");
-
-export {
-  spinner_default
-};

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

package/dist/chunks/chunk.B2AGCDAH.js

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

package/dist/chunks/chunk.BA22GN6J.js

@@ -1,24 +0,0 @@
-import {
-  SlTag
-} from "./chunk.3UHHEDUQ.js";
-
-// src/react/tag/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-tag";
-SlTag.define("sl-tag");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTag,
-  react: React,
-  events: {
-    onSlRemove: "sl-remove"
-  },
-  displayName: "SlTag"
-});
-var tag_default = reactWrapper;
-
-export {
-  tag_default
-};

package/dist/chunks/chunk.BBOVVW7N.js

@@ -1,45 +0,0 @@
-import {
-  skeleton_styles_default
-} from "./chunk.HTQNKB5E.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.AG6MRYHQ.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/skeleton/skeleton.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SlSkeleton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.effect = "none";
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      skeleton: true,
-      "skeleton--pulse": this.effect === "pulse",
-      "skeleton--sheen": this.effect === "sheen"
-    })}
-      >
-        <div part="indicator" class="skeleton__indicator"></div>
-      </div>
-    `;
-  }
-};
-SlSkeleton.styles = [component_styles_default, skeleton_styles_default];
-__decorateClass([
-  property()
-], SlSkeleton.prototype, "effect", 2);
-
-export {
-  SlSkeleton
-};

package/dist/chunks/chunk.BBXOBKDA.js

@@ -1,119 +0,0 @@
-import {
-  breadcrumb_item_styles_default
-} from "./chunk.Q5P7Y2HU.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.AG6MRYHQ.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { property, query, state } from "lit/decorators.js";
-var SlBreadcrumbItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
-    this.renderType = "button";
-    this.rel = "noreferrer noopener";
-  }
-  setRenderType() {
-    const hasDropdown = this.defaultSlot.assignedElements({ flatten: true }).filter((i) => i.tagName.toLowerCase() === "sl-dropdown").length > 0;
-    if (this.href) {
-      this.renderType = "link";
-      return;
-    }
-    if (hasDropdown) {
-      this.renderType = "dropdown";
-      return;
-    }
-    this.renderType = "button";
-  }
-  hrefChanged() {
-    this.setRenderType();
-  }
-  handleSlotChange() {
-    this.setRenderType();
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      "breadcrumb-item": true,
-      "breadcrumb-item--has-prefix": this.hasSlotController.test("prefix"),
-      "breadcrumb-item--has-suffix": this.hasSlotController.test("suffix")
-    })}
-      >
-        <span part="prefix" class="breadcrumb-item__prefix">
-          <slot name="prefix"></slot>
-        </span>
-
-        ${this.renderType === "link" ? html`
-              <a
-                part="label"
-                class="breadcrumb-item__label breadcrumb-item__label--link"
-                href="${this.href}"
-                target="${ifDefined(this.target ? this.target : void 0)}"
-                rel=${ifDefined(this.target ? this.rel : void 0)}
-              >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </a>
-            ` : ""}
-        ${this.renderType === "button" ? html`
-              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </button>
-            ` : ""}
-        ${this.renderType === "dropdown" ? html`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </div>
-            ` : ""}
-
-        <span part="suffix" class="breadcrumb-item__suffix">
-          <slot name="suffix"></slot>
-        </span>
-
-        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
-          <slot name="separator"></slot>
-        </span>
-      </div>
-    `;
-  }
-};
-SlBreadcrumbItem.styles = [component_styles_default, breadcrumb_item_styles_default];
-__decorateClass([
-  query("slot:not([name])")
-], SlBreadcrumbItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  state()
-], SlBreadcrumbItem.prototype, "renderType", 2);
-__decorateClass([
-  property()
-], SlBreadcrumbItem.prototype, "href", 2);
-__decorateClass([
-  property()
-], SlBreadcrumbItem.prototype, "target", 2);
-__decorateClass([
-  property()
-], SlBreadcrumbItem.prototype, "rel", 2);
-__decorateClass([
-  watch("href", { waitUntilFirstUpdate: true })
-], SlBreadcrumbItem.prototype, "hrefChanged", 1);
-
-export {
-  SlBreadcrumbItem
-};

package/dist/chunks/chunk.BFJVGUYU.js

@@ -1,25 +0,0 @@
-import {
-  SlRating
-} from "./chunk.MHQRS66W.js";
-
-// src/react/rating/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-rating";
-SlRating.define("sl-rating");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlRating,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlHover: "sl-hover"
-  },
-  displayName: "SlRating"
-});
-var rating_default = reactWrapper;
-
-export {
-  rating_default
-};

package/dist/chunks/chunk.BLQ7F33C.js

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

package/dist/chunks/chunk.BOEZC6OD.js

@@ -1,85 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  ShoelaceElement
-} from "./chunk.AG6MRYHQ.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/format-date/format-date.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-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 html`
-      <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([
-  property()
-], SlFormatDate.prototype, "date", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "weekday", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "era", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "year", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "month", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "day", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "hour", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "minute", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "second", 2);
-__decorateClass([
-  property({ attribute: "time-zone-name" })
-], SlFormatDate.prototype, "timeZoneName", 2);
-__decorateClass([
-  property({ attribute: "time-zone" })
-], SlFormatDate.prototype, "timeZone", 2);
-__decorateClass([
-  property({ attribute: "hour-format" })
-], SlFormatDate.prototype, "hourFormat", 2);
-
-export {
-  SlFormatDate
-};

package/dist/chunks/chunk.BR2I5NWY.js

@@ -1,24 +0,0 @@
-import {
-  SlResizeObserver
-} from "./chunk.3EBM4TXW.js";
-
-// src/react/resize-observer/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-resize-observer";
-SlResizeObserver.define("sl-resize-observer");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlResizeObserver,
-  react: React,
-  events: {
-    onSlResize: "sl-resize"
-  },
-  displayName: "SlResizeObserver"
-});
-var resize_observer_default = reactWrapper;
-
-export {
-  resize_observer_default
-};

package/dist/chunks/chunk.BVM3YF66.js

@@ -1,11 +0,0 @@
-import {
-  SlImageComparer
-} from "./chunk.QI5DMS6S.js";
-
-// src/components/image-comparer/image-comparer.ts
-var image_comparer_default = SlImageComparer;
-SlImageComparer.define("sl-image-comparer");
-
-export {
-  image_comparer_default
-};