@kdcloudjs/shoelace 1.0.3 → 1.0.4

package/cdn/chunks/chunk.553HB2GN.js

@@ -0,0 +1,29 @@
+import {
+  x
+} from "./chunk.ZKRJ3RUK.js";
+
+// src/components/table/features/row-expend.ts
+var getExpendRow = (expandRowByClick = false) => {
+  return {
+    id: "expend",
+    size: 40,
+    meta: {
+      align: "center"
+    },
+    header: () => "",
+    cell: ({ row }) => {
+      return x` ${row.getCanExpand() ? x`
+            <sl-icon
+              name="chevron-down"
+              style="cursor:pointer; transform: rotate(${row.getIsExpanded() ? 180 : 0}deg);"
+              @click=${expandRowByClick ? () => {
+      } : () => row.toggleExpanded()}
+            ></sl-icon>
+          ` : ""}`;
+    }
+  };
+};
+
+export {
+  getExpendRow
+};

package/cdn/chunks/chunk.55FXRPAL.js

@@ -0,0 +1,11 @@
+import {
+  SlInput
+} from "./chunk.VRQMVONC.js";
+
+// src/components/input/input.ts
+var input_default = SlInput;
+SlInput.define("sl-input");
+
+export {
+  input_default
+};

package/cdn/chunks/chunk.5QXLD2NY.js

@@ -0,0 +1,24 @@
+import {
+  SlAvatar
+} from "./chunk.SDWIDNMB.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/cdn/chunks/chunk.5ZXKZ3PN.js

@@ -0,0 +1,21 @@
+import {
+  SlCarouselItem
+} from "./chunk.CU7VTRWN.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/cdn/chunks/chunk.64YUD5IN.js

@@ -0,0 +1,29 @@
+import {
+  SlTreeItem
+} from "./chunk.V3V5RT6E.js";
+
+// src/react/tree-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-tree-item";
+SlTreeItem.define("sl-tree-item");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlTreeItem,
+  react: React,
+  events: {
+    onSlExpand: "sl-expand",
+    onSlAfterExpand: "sl-after-expand",
+    onSlCollapse: "sl-collapse",
+    onSlAfterCollapse: "sl-after-collapse",
+    onSlLazyChange: "sl-lazy-change",
+    onSlLazyLoad: "sl-lazy-load"
+  },
+  displayName: "SlTreeItem"
+});
+var tree_item_default = reactWrapper;
+
+export {
+  tree_item_default
+};

package/cdn/chunks/chunk.6F5NFZCX.js

@@ -0,0 +1,11 @@
+import {
+  SlCard
+} from "./chunk.HR45FF5W.js";
+
+// src/components/card/card.ts
+var card_default = SlCard;
+SlCard.define("sl-card");
+
+export {
+  card_default
+};

package/cdn/chunks/chunk.6J7CD7L5.js

@@ -0,0 +1,21 @@
+import {
+  SlDatepicker
+} from "./chunk.AL7WXZXU.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/cdn/chunks/chunk.6PWN5KKL.js

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

package/cdn/chunks/chunk.6RRQUJZL.js

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

package/cdn/chunks/chunk.6SFU6PI5.js

@@ -0,0 +1,11 @@
+import {
+  SlPopup
+} from "./chunk.WP33JOMR.js";
+
+// src/components/popup/popup.ts
+var popup_default = SlPopup;
+SlPopup.define("sl-popup");
+
+export {
+  popup_default
+};

package/cdn/chunks/chunk.73KOPCMI.js

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

package/cdn/chunks/chunk.77FYH24J.js

@@ -0,0 +1,208 @@
+import {
+  timepicker_styles_default
+} from "./chunk.6OUPSNV2.js";
+import {
+  PickerBase
+} from "./chunk.FTAD7KSP.js";
+import {
+  formatDatetime,
+  parseDatetime
+} from "./chunk.HA5BTJ4F.js";
+import {
+  SlTimePanel
+} from "./chunk.KXALPLTJ.js";
+import {
+  SlInput
+} from "./chunk.VRQMVONC.js";
+import {
+  SlPopup
+} from "./chunk.WP33JOMR.js";
+import {
+  watch
+} from "./chunk.WID3TCT6.js";
+import {
+  component_styles_default
+} from "./chunk.EFE6XYM5.js";
+import {
+  e,
+  n
+} from "./chunk.2FS7YXYL.js";
+import {
+  x
+} from "./chunk.ZKRJ3RUK.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/timepicker/timepicker.component.ts
+var SlTimePicker = class extends PickerBase {
+  constructor() {
+    super(...arguments);
+    this.format = "HH:mm:ss";
+  }
+  handleOpenChange() {
+    if (this.open) {
+      if (this.timePanel) {
+        requestAnimationFrame(async () => {
+          await this.timePanel.resetScroll();
+        });
+      }
+    } else {
+      this.handleValueChange();
+    }
+  }
+  parseValue(value) {
+    return parseDatetime(value, this.format);
+  }
+  handleTimeChange(event) {
+    const selectedDate = event.detail.value;
+    const formattedTime = formatDatetime(selectedDate, this.format);
+    this.updateValue(formattedTime, { emitInput: true });
+  }
+  handleTimeSelect(event) {
+    event.stopPropagation();
+    const selectedDate = event.detail.value;
+    const formattedTime = formatDatetime(selectedDate, this.format);
+    this.updateValue(formattedTime, { emitInput: true, emitChange: true });
+    this.open = false;
+  }
+  handleInputChange(event) {
+    event.stopPropagation();
+    const target = event.target;
+    this.updateValue(target.value, { emitInput: true, emitChange: !this.open });
+  }
+  handleInputKeyDown(event) {
+    super.handleInputKeyDown(event);
+    if (event.key === "Enter") {
+      if (this.open && this.timePanel) {
+        event.stopPropagation();
+        const selectedDate = this.timePanel.value;
+        if (selectedDate) {
+          const formattedTime = formatDatetime(selectedDate, this.format);
+          this.updateValue(formattedTime, { emitChange: true });
+          this.open = false;
+        }
+        return;
+      }
+      const parsedDate = this.parseValue(this.value);
+      if (parsedDate) {
+        const formattedTime = formatDatetime(parsedDate, this.format);
+        this.updateValue(formattedTime, { emitChange: true });
+        this.open = false;
+      }
+    }
+  }
+  handleInputBlur() {
+    const wasOpen = this.open;
+    this.open = false;
+    if (wasOpen) {
+      this.updateValue(this.lastValidValue, { emitInput: true, emitChange: true });
+      return;
+    }
+    const parsedDate = this.parseValue(this.value);
+    if (parsedDate) {
+      const formattedTime = formatDatetime(parsedDate, this.format);
+      this.updateValue(formattedTime, { emitChange: true });
+    } else {
+      if (this.value === "") {
+        this.lastValidValue = "";
+      } else {
+        this.updateValue(this.lastValidValue, { emitChange: true });
+      }
+    }
+  }
+  handleValueChange() {
+    const validDate = this.parseValue(this.value);
+    if (!this.open) {
+      if (validDate) {
+        const formattedTime = formatDatetime(validDate, this.format);
+        this.lastValidValue = formattedTime;
+      } else if (this.value === "") {
+        this.lastValidValue = "";
+      }
+    }
+    if (!this.input) {
+      return;
+    }
+    this.formControlController.updateValidity();
+  }
+  render() {
+    const parsedDate = this.parseValue(this.value) ? this.parseValue(this.value) : this.parseValue(this.lastValidValue);
+    return x`
+      <sl-popup
+        part="popup"
+        class="timepicker__popup"
+        ?active=${this.open}
+        strategy=${this.hoist ? "fixed" : "absolute"}
+        flip
+        shift
+        placement="bottom-start"
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <sl-input
+          part="input"
+          slot="anchor"
+          size=${this.size}
+          .value=${this.value}
+          default-value=${this.defaultValue}
+          label=${this.label}
+          placeholder=${this.placeholder}
+          help-text=${this.helpText}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?clearable=${this.clearable}
+          ?filled=${this.filled}
+          ?pill=${this.pill}
+          ?required=${this.required}
+          ?autofocus=${this.autofocus}
+          autocomplete="off"
+          @mousedown=${this.handleTriggerMouseDown}
+          @sl-change=${this.handleInputChange}
+          @sl-blur=${this.handleInputBlur}
+          @sl-input=${this.handleInputInput}
+          @keydown=${this.handleInputKeyDown}
+        >
+          ${this.hasSlotController.test("label") ? x`<slot name="label" slot="label"></slot>` : ""}
+          ${this.hasSlotController.test("prefix") ? x`<slot name="prefix" slot="prefix"></slot>` : ""}
+          ${this.hasSlotController.test("suffix") ? x`<slot name="suffix" slot="suffix"></slot>` : x`<sl-icon slot="suffix" @click=${this.handleSuffixClick} name="clock"></sl-icon>`}
+          ${this.hasSlotController.test("clear-icon") ? x`<slot name="clear-icon" slot="clear-icon"></slot>` : ""}
+          ${this.hasSlotController.test("help-text") ? x`<slot name="help-text" slot="help-text"></slot>` : ""}
+        </sl-input>
+
+        <sl-time-panel
+          part="panel"
+          class="timepicker__panel"
+          .value=${parsedDate}
+          no-header
+          with-footer
+          @sl-change=${this.handleTimeChange}
+          @sl-select=${this.handleTimeSelect}
+          @mousedown=${(event) => event.preventDefault()}
+        ></sl-time-panel>
+      </sl-popup>
+    `;
+  }
+};
+SlTimePicker.styles = [component_styles_default, timepicker_styles_default];
+SlTimePicker.dependencies = {
+  "sl-input": SlInput,
+  "sl-popup": SlPopup,
+  "sl-time-panel": SlTimePanel
+};
+__decorateClass([
+  e("sl-time-panel")
+], SlTimePicker.prototype, "timePanel", 2);
+__decorateClass([
+  n()
+], SlTimePicker.prototype, "format", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], SlTimePicker.prototype, "handleOpenChange", 1);
+__decorateClass([
+  watch("value")
+], SlTimePicker.prototype, "handleValueChange", 1);
+
+export {
+  SlTimePicker
+};

package/cdn/chunks/chunk.7BFOUTZ5.js

@@ -0,0 +1,25 @@
+import {
+  i
+} from "./chunk.ZKRJ3RUK.js";
+
+// src/components/menu/menu.styles.ts
+var menu_styles_default = i`
+  :host {
+    display: block;
+    position: relative;
+    background: var(--sl-panel-background-color);
+    box-shadow: var(--sl-shadow-large);
+    border-radius: var(--sl-border-radius-medium);
+    padding: var(--sl-spacing-x-small) 0;
+    overflow: auto;
+    overscroll-behavior: none;
+  }
+
+  ::slotted(sl-divider) {
+    --spacing: var(--sl-spacing-x-small);
+  }
+`;
+
+export {
+  menu_styles_default
+};

package/cdn/chunks/chunk.7JHDQVMZ.js

@@ -0,0 +1,11 @@
+import {
+  SlSkeleton
+} from "./chunk.XSXB4NJ3.js";
+
+// src/components/skeleton/skeleton.ts
+var skeleton_default = SlSkeleton;
+SlSkeleton.define("sl-skeleton");
+
+export {
+  skeleton_default
+};

package/cdn/chunks/chunk.7LVOXGKJ.js

@@ -0,0 +1,42 @@
+import {
+  divider_styles_default
+} from "./chunk.X2NJALR2.js";
+import {
+  watch
+} from "./chunk.WID3TCT6.js";
+import {
+  component_styles_default
+} from "./chunk.EFE6XYM5.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.2FS7YXYL.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/divider/divider.component.ts
+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([
+  n({ type: Boolean, reflect: true })
+], SlDivider.prototype, "vertical", 2);
+__decorateClass([
+  watch("vertical")
+], SlDivider.prototype, "handleVerticalChange", 1);
+
+export {
+  SlDivider
+};

package/cdn/chunks/chunk.7POF2YIB.js

@@ -0,0 +1,73 @@
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.2FS7YXYL.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/format-number/format-number.component.ts
+var SlFormatNumber = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.value = 0;
+    this.type = "decimal";
+    this.noGrouping = false;
+    this.currency = "USD";
+    this.currencyDisplay = "symbol";
+  }
+  render() {
+    if (isNaN(this.value)) {
+      return "";
+    }
+    return this.localize.number(this.value, {
+      style: this.type,
+      currency: this.currency,
+      currencyDisplay: this.currencyDisplay,
+      useGrouping: !this.noGrouping,
+      minimumIntegerDigits: this.minimumIntegerDigits,
+      minimumFractionDigits: this.minimumFractionDigits,
+      maximumFractionDigits: this.maximumFractionDigits,
+      minimumSignificantDigits: this.minimumSignificantDigits,
+      maximumSignificantDigits: this.maximumSignificantDigits
+    });
+  }
+};
+__decorateClass([
+  n({ type: Number })
+], SlFormatNumber.prototype, "value", 2);
+__decorateClass([
+  n()
+], SlFormatNumber.prototype, "type", 2);
+__decorateClass([
+  n({ attribute: "no-grouping", type: Boolean })
+], SlFormatNumber.prototype, "noGrouping", 2);
+__decorateClass([
+  n()
+], SlFormatNumber.prototype, "currency", 2);
+__decorateClass([
+  n({ attribute: "currency-display" })
+], SlFormatNumber.prototype, "currencyDisplay", 2);
+__decorateClass([
+  n({ attribute: "minimum-integer-digits", type: Number })
+], SlFormatNumber.prototype, "minimumIntegerDigits", 2);
+__decorateClass([
+  n({ attribute: "minimum-fraction-digits", type: Number })
+], SlFormatNumber.prototype, "minimumFractionDigits", 2);
+__decorateClass([
+  n({ attribute: "maximum-fraction-digits", type: Number })
+], SlFormatNumber.prototype, "maximumFractionDigits", 2);
+__decorateClass([
+  n({ attribute: "minimum-significant-digits", type: Number })
+], SlFormatNumber.prototype, "minimumSignificantDigits", 2);
+__decorateClass([
+  n({ attribute: "maximum-significant-digits", type: Number })
+], SlFormatNumber.prototype, "maximumSignificantDigits", 2);
+
+export {
+  SlFormatNumber
+};

package/cdn/chunks/chunk.7QLFOGNI.js

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

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

package/cdn/chunks/chunk.7VML3YQ2.js

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

package/cdn/chunks/chunk.A7N3TA2A.js

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

package/cdn/chunks/chunk.AA6E6U6Y.js

@@ -0,0 +1,11 @@
+import {
+  SlBreadcrumb
+} from "./chunk.L3DTMMJS.js";
+
+// src/components/breadcrumb/breadcrumb.ts
+var breadcrumb_default = SlBreadcrumb;
+SlBreadcrumb.define("sl-breadcrumb");
+
+export {
+  breadcrumb_default
+};

package/cdn/chunks/chunk.AGEJTTAO.js

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