@kdcloudjs/shoelace 1.0.47 → 1.0.48

package/dist/chunks/chunk.WMKMSUPK.js

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

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

package/dist/chunks/chunk.WXLU4CG2.js

@@ -0,0 +1,24 @@
+import {
+  SlCarousel
+} from "./chunk.RADMLWU7.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.X3FNW36A.js

@@ -0,0 +1,25 @@
+import {
+  SlInclude
+} from "./chunk.PJAGSBU3.js";
+
+// src/react/include/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-include";
+SlInclude.define("sl-include");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlInclude,
+  react: React,
+  events: {
+    onSlLoad: "sl-load",
+    onSlError: "sl-error"
+  },
+  displayName: "SlInclude"
+});
+var include_default = reactWrapper;
+
+export {
+  include_default
+};

package/dist/chunks/chunk.X3G2XJFM.js

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

package/dist/chunks/chunk.XKM6L5EF.js

@@ -0,0 +1,24 @@
+import {
+  SlTag
+} from "./chunk.ZDYZB65A.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.XVIZTC4N.js

@@ -0,0 +1,85 @@
+import {
+  LocalizeController
+} from "./chunk.6CTB5ZDJ.js";
+import {
+  ShoelaceElement
+} from "./chunk.3VEO3DSZ.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.XXXT67WA.js

@@ -0,0 +1,87 @@
+import {
+  sender_switch_styles_default
+} from "./chunk.7ZRLGCPP.js";
+import {
+  SlButton
+} from "./chunk.ZPCYARIA.js";
+import {
+  ShoelaceElement
+} from "./chunk.3VEO3DSZ.js";
+import {
+  __decorateClass
+} from "./chunk.W5KB6T3Z.js";
+
+// src/components/sender-switch/sender-switch.component.ts
+import { html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var SlSenderSwitch = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.checked = false;
+    this.defaultChecked = false;
+    this.disabled = false;
+    this.loading = false;
+    this._hasSetChecked = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this._hasSetChecked && this.defaultChecked) {
+      this.checked = this.defaultChecked;
+    }
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("checked")) {
+      this._hasSetChecked = true;
+    }
+  }
+  handleClick() {
+    if (this.disabled || this.loading) return;
+    this.checked = !this.checked;
+    this.dispatchEvent(new CustomEvent("sl-change", {
+      detail: { checked: this.checked },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return html`
+      <sl-button
+        variant="outline"
+        class=${classMap({
+      "sender-switch": true,
+      "switch--checked": this.checked
+    })}
+        ?disabled=${this.disabled}
+        ?loading=${this.loading}
+        @click=${this.handleClick}
+        part="base"
+      >
+        <slot name="icon" slot="prefix"></slot>
+        ${this.checked ? html`<slot name="checked"></slot>` : nothing}
+        ${!this.checked ? html`<slot name="unchecked"></slot>` : nothing}
+        <slot></slot>
+      </sl-button>
+    `;
+  }
+};
+SlSenderSwitch.styles = [sender_switch_styles_default];
+SlSenderSwitch.dependencies = {
+  "sl-button": SlButton
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "default-checked" })
+], SlSenderSwitch.prototype, "defaultChecked", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "loading", 2);
+
+export {
+  SlSenderSwitch
+};

package/dist/chunks/chunk.Y2FA3ZA3.js

@@ -0,0 +1,22 @@
+import {
+  menu_label_styles_default
+} from "./chunk.4IG6GBO6.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+import {
+  ShoelaceElement
+} from "./chunk.3VEO3DSZ.js";
+
+// src/components/menu-label/menu-label.component.ts
+import { html } from "lit";
+var SlMenuLabel = class extends ShoelaceElement {
+  render() {
+    return html` <slot part="base" class="menu-label"></slot> `;
+  }
+};
+SlMenuLabel.styles = [component_styles_default, menu_label_styles_default];
+
+export {
+  SlMenuLabel
+};