@kdcloudjs/shoelace 1.0.13 → 1.0.14

package/cdn/chunks/chunk.Y6LNLEEW.js

@@ -1,342 +0,0 @@
-import {
-  PickerBase
-} from "./chunk.FDWGU6EJ.js";
-import {
-  SlDatePanel
-} from "./chunk.PVOS4CMB.js";
-import {
-  SlCalendar,
-  formatDatetime,
-  parseDatetime
-} from "./chunk.IJKYOXF6.js";
-import {
-  SlDrawer
-} from "./chunk.N244ZLNW.js";
-import {
-  SlInput
-} from "./chunk.XQ6OX7CO.js";
-import {
-  SlPopup
-} from "./chunk.OTQAYZHD.js";
-import {
-  SlButton
-} from "./chunk.UZFCYF3Y.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  e,
-  n,
-  r
-} from "./chunk.6MKBM2IN.js";
-import {
-  b,
-  i
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/datepicker/datepicker.style.ts
-var datepicker_style_default = i`
-  :host {
-    display: inline-block;
-  }
-
-  .datepicker__popup::part(popup) {
-    z-index: var(--sl-z-index-dropdown);
-  }
-
-  .datepicker__calendar {
-    display: block;
-  }
-`;
-
-// src/components/datepicker/datepicker.component.ts
-var SlDatepicker = class extends PickerBase {
-  constructor() {
-    super(...arguments);
-    this.type = "date";
-    this.min = "0001-01-01";
-    this.max = "9999-12-31";
-  }
-  handleOpenChange() {
-    if (this.open) {
-      if (this.calendar) {
-        this.calendar.resetView();
-      }
-    }
-    if (!this.open) {
-      this.handleValueChange();
-    }
-  }
-  parseValue(value) {
-    return parseDatetime(value);
-  }
-  formatValue(date) {
-    return formatDatetime(date, this.type);
-  }
-  isValidFormat(value) {
-    if (this.type === "date") {
-      return /^\d{4}[-./]\d{2}[-./]\d{2}$/.test(value);
-    }
-    if (this.type === "datetime") {
-      return /^\d{4}[-./]\d{2}[-./]\d{2}\s+\d{2}:\d{2}:\d{2}$/.test(value);
-    }
-    return true;
-  }
-  isValidValue(date) {
-    let isValid = !!date;
-    if (date) {
-      const minDate = this.parseValue(String(this.min));
-      const maxDate = this.parseValue(String(this.max));
-      if (minDate && date < minDate) {
-        isValid = false;
-      }
-      if (maxDate && date > maxDate) {
-        isValid = false;
-      }
-    }
-    return isValid;
-  }
-  getInputPattern() {
-    return this.pattern;
-  }
-  getInputSuffixIconName() {
-    return "calendar4";
-  }
-  shouldRevertOnBlur() {
-    return this.type === "datetime";
-  }
-  async handleInputInput(event) {
-    event.stopPropagation();
-    const target = event.target;
-    const value = target.value;
-    const isValidFormat = this.isValidFormat(value);
-    if (isValidFormat && this.parseValue(value) || !this.open && value === "") {
-      this.updateValue(value, { emitInput: true });
-    }
-    await this.updateComplete;
-    if (!this.open && value !== "") {
-      this.open = true;
-    }
-  }
-  handleDateSelect(event) {
-    const selectedDate = event.detail.date;
-    const formattedDate = formatDatetime(selectedDate, this.type);
-    this.updateValue(formattedDate, { emitInput: true, emitChange: true });
-    if (this.input) {
-      this.input.focus();
-    }
-    if (!this.isMobile) {
-      this.open = false;
-    }
-  }
-  handleDateChange(event) {
-    const selectedDate = event.detail.date;
-    const formattedDate = formatDatetime(selectedDate, this.type);
-    this.updateValue(formattedDate, { emitInput: true, emitChange: false });
-  }
-  blur() {
-    if (this.isMobile && this.open) {
-      return;
-    }
-    super.blur();
-  }
-  handleInputKeyDown(event) {
-    super.handleInputKeyDown(event);
-    if (event.key === "Enter") {
-      const parsedDate = this.parseValue(this.value);
-      const isValid = this.isValidValue(parsedDate);
-      if (!isValid) {
-        return;
-      }
-      if (this.open && this.calendar) {
-        event.stopPropagation();
-        this.calendar.handleKeyDown(event);
-        return;
-      }
-      if (parsedDate) {
-        const formattedDate = this.formatValue(parsedDate);
-        this.updateValue(formattedDate, { emitChange: true });
-        this.open = false;
-      }
-    }
-  }
-  handleValueChange() {
-    const validDate = this.parseValue(this.value);
-    const isValid = this.isValidValue(validDate);
-    if (!this.open || this.type === "date" && !this.isMobile) {
-      if (validDate && isValid) {
-        const formattedDate = this.formatValue(validDate);
-        this.lastValidValue = formattedDate;
-      } else if (this.value === "") {
-        this.lastValidValue = "";
-      }
-    }
-    if (!this.value || !this.calendar || !isValid || !this.input) {
-      return;
-    }
-    this.formControlController.updateValidity();
-    if (this.valueChangeDebounceTimer) {
-      window.clearTimeout(this.valueChangeDebounceTimer);
-    }
-    this.valueChangeDebounceTimer = window.setTimeout(() => {
-      const parsedDate = this.parseValue(this.value);
-      if (parsedDate) {
-        this.calendar.value = this.value;
-      }
-      this.valueChangeDebounceTimer = void 0;
-    }, 300);
-  }
-  renderCalendar() {
-    return b`
-      <sl-calendar
-        part="calendar"
-        exportparts="
-          base:calendar-base,
-          header:calendar-header,
-          nav-button:calendar-nav-button,
-          title:calendar-title,
-          title-year:calendar-title-year,
-          title-month:calendar-title-month,
-          body:calendar-body,
-          date-panel:calendar-date-panel,
-          day-header:calendar-day-header,
-          day:calendar-day,
-          day-footer:calendar-day-footer,
-          month-grid:calendar-month-grid,
-          month-item:calendar-month-item,
-          year-grid:calendar-year-grid,
-          year-item:calendar-year-item,
-          time-footer:calendar-time-footer,
-          time-panel-base,
-          time-panel-header,
-          time-panel-margin-cell-first,
-          time-panel-margin-cell,
-          time-panel-columns,
-          time-panel-column,
-          time-panel-hour,
-          time-panel-minute,
-          time-panel-second,
-          time-panel-item,
-          time-panel-footer
-        "
-        class="datepicker__calendar"
-        .value=${this.parseValue(this.value) ? this.value : this.lastValidValue}
-        type=${this.type}
-        min=${this.min}
-        max=${this.max}
-        @sl-date-select=${this.handleDateSelect}
-        @sl-date-change=${this.handleDateChange}
-        @click=${(event) => event.stopPropagation()}
-      ></sl-calendar>
-    `;
-  }
-  renderPopup() {
-    return b`
-      <sl-popup
-        part="popup"
-        class="datepicker__popup"
-        ?active=${this.open}
-        strategy=${this.hoist ? "fixed" : "absolute"}
-        flip
-        shift
-        placement="bottom-start"
-        auto-size="vertical"
-        auto-size-padding="10"
-      >
-        ${this.renderInput("anchor")} ${this.renderCalendar()}
-      </sl-popup>
-    `;
-  }
-  render() {
-    if (this.isMobile) {
-      return b`
-        ${this.renderInput()}
-        <sl-date-panel
-          exportparts="
-            calendar-base,
-            calendar-header,
-            calendar-nav-button,
-            calendar-title,
-            calendar-title-year,
-            calendar-title-month,
-            calendar-body,
-            calendar-date-panel,
-            calendar-day-header,
-            calendar-day,
-            calendar-day-footer,
-            calendar-month-grid,
-            calendar-month-item,
-            calendar-year-grid,
-            calendar-year-item,
-            calendar-time-footer,
-            time-panel-base,
-            time-panel-header,
-            time-panel-margin-cell-first,
-            time-panel-margin-cell,
-            time-panel-columns,
-            time-panel-column,
-            time-panel-hour,
-            time-panel-minute,
-            time-panel-second,
-            time-panel-item,
-            time-panel-footer
-          "
-          .value=${this.value}
-          .open=${this.open}
-          .min=${this.min}
-          .max=${this.max}
-          .type=${this.type}
-          @sl-date-select=${this.handleDateSelect}
-          @sl-date-change=${this.handleDateChange}
-          @sl-confirm=${this.handleMobileConfirm}
-          @sl-cancel=${this.handleMobileCancel}
-          @sl-clear=${this.handleMobileClear}
-        ></sl-date-panel>
-      `;
-    }
-    return this.renderPopup();
-  }
-};
-SlDatepicker.styles = [component_styles_default, datepicker_style_default];
-SlDatepicker.dependencies = {
-  "sl-button": SlButton,
-  "sl-calendar": SlCalendar,
-  "sl-date-panel": SlDatePanel,
-  "sl-drawer": SlDrawer,
-  "sl-popup": SlPopup,
-  "sl-input": SlInput
-};
-__decorateClass([
-  e("sl-calendar")
-], SlDatepicker.prototype, "calendar", 2);
-__decorateClass([
-  r()
-], SlDatepicker.prototype, "valueChangeDebounceTimer", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlDatepicker.prototype, "type", 2);
-__decorateClass([
-  n()
-], SlDatepicker.prototype, "pattern", 2);
-__decorateClass([
-  n()
-], SlDatepicker.prototype, "min", 2);
-__decorateClass([
-  n()
-], SlDatepicker.prototype, "max", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], SlDatepicker.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch("value")
-], SlDatepicker.prototype, "handleValueChange", 1);
-
-export {
-  SlDatepicker
-};

package/cdn/chunks/chunk.YAYUXCI5.js

@@ -1,11 +0,0 @@
-import {
-  SlMenuLabel
-} from "./chunk.5ABUV5UR.js";
-
-// src/components/menu-label/menu-label.ts
-var menu_label_default = SlMenuLabel;
-SlMenuLabel.define("sl-menu-label");
-
-export {
-  menu_label_default
-};

package/cdn/chunks/chunk.YF74HNC6.js

@@ -1,26 +0,0 @@
-import {
-  SlButton
-} from "./chunk.UZFCYF3Y.js";
-
-// src/react/button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-button";
-SlButton.define("sl-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlButton,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlButton"
-});
-var button_default = reactWrapper;
-
-export {
-  button_default
-};

package/cdn/chunks/chunk.YK63BO2L.js

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

@@ -1,79 +0,0 @@
-import {
-  progress_ring_styles_default
-} from "./chunk.KDK3IIAH.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  e,
-  n,
-  r
-} from "./chunk.6MKBM2IN.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/progress-ring/progress-ring.component.ts
-var SlProgressRing = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.label = "";
-  }
-  updated(changedProps) {
-    super.updated(changedProps);
-    if (changedProps.has("value")) {
-      const radius = parseFloat(getComputedStyle(this.indicator).getPropertyValue("r"));
-      const circumference = 2 * Math.PI * radius;
-      const offset = circumference - this.value / 100 * circumference;
-      this.indicatorOffset = `${offset}px`;
-    }
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class="progress-ring"
-        role="progressbar"
-        aria-label=${this.label.length > 0 ? this.label : this.localize.term("progress")}
-        aria-describedby="label"
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-valuenow="${this.value}"
-        style="--percentage: ${this.value / 100}"
-      >
-        <svg class="progress-ring__image">
-          <circle class="progress-ring__track"></circle>
-          <circle class="progress-ring__indicator" style="stroke-dashoffset: ${this.indicatorOffset}"></circle>
-        </svg>
-
-        <slot id="label" part="label" class="progress-ring__label"></slot>
-      </div>
-    `;
-  }
-};
-SlProgressRing.styles = [component_styles_default, progress_ring_styles_default];
-__decorateClass([
-  e(".progress-ring__indicator")
-], SlProgressRing.prototype, "indicator", 2);
-__decorateClass([
-  r()
-], SlProgressRing.prototype, "indicatorOffset", 2);
-__decorateClass([
-  n({ type: Number, reflect: true })
-], SlProgressRing.prototype, "value", 2);
-__decorateClass([
-  n()
-], SlProgressRing.prototype, "label", 2);
-
-export {
-  SlProgressRing
-};

package/cdn/chunks/chunk.YNJWGDX3.js

@@ -1,24 +0,0 @@
-import {
-  SlAvatar
-} from "./chunk.B6MIUMME.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.Z3N6IQ4G.js

@@ -1,11 +0,0 @@
-import {
-  SlTabPanel
-} from "./chunk.7COYCCE4.js";
-
-// src/components/tab-panel/tab-panel.ts
-var tab_panel_default = SlTabPanel;
-SlTabPanel.define("sl-tab-panel");
-
-export {
-  tab_panel_default
-};

package/cdn/chunks/chunk.ZAEWAWCF.js

@@ -1,29 +0,0 @@
-import {
-  SlDialog
-} from "./chunk.BH2WDPCP.js";
-
-// src/react/dialog/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-dialog";
-SlDialog.define("sl-dialog");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlDialog,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlAfterShow: "sl-after-show",
-    onSlHide: "sl-hide",
-    onSlAfterHide: "sl-after-hide",
-    onSlInitialFocus: "sl-initial-focus",
-    onSlRequestClose: "sl-request-close"
-  },
-  displayName: "SlDialog"
-});
-var dialog_default = reactWrapper;
-
-export {
-  dialog_default
-};

package/cdn/chunks/chunk.ZARCEV5A.js

@@ -1,11 +0,0 @@
-import {
-  SlCopyButton
-} from "./chunk.V5P2IUUU.js";
-
-// src/components/copy-button/copy-button.ts
-var copy_button_default = SlCopyButton;
-SlCopyButton.define("sl-copy-button");
-
-export {
-  copy_button_default
-};

package/cdn/chunks/chunk.ZCHSYVN6.js

@@ -1,28 +0,0 @@
-import {
-  SlSwitch
-} from "./chunk.PYQYLHC5.js";
-
-// src/react/switch/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-switch";
-SlSwitch.define("sl-switch");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlSwitch,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlChange: "sl-change",
-    onSlInput: "sl-input",
-    onSlFocus: "sl-focus",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlSwitch"
-});
-var switch_default = reactWrapper;
-
-export {
-  switch_default
-};

package/cdn/chunks/chunk.ZEFPLKD4.js

@@ -1,27 +0,0 @@
-import {
-  SlTooltip
-} from "./chunk.JZBBC3QX.js";
-
-// src/react/tooltip/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-tooltip";
-SlTooltip.define("sl-tooltip");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTooltip,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlAfterShow: "sl-after-show",
-    onSlHide: "sl-hide",
-    onSlAfterHide: "sl-after-hide"
-  },
-  displayName: "SlTooltip"
-});
-var tooltip_default = reactWrapper;
-
-export {
-  tooltip_default
-};

package/cdn/chunks/chunk.ZSWDMZNE.js

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

package/cdn/chunks/chunk.ZVLZBW3N.js

@@ -1,28 +0,0 @@
-import {
-  SlColorPicker
-} from "./chunk.J5BEJWL2.js";
-
-// src/react/color-picker/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-color-picker";
-SlColorPicker.define("sl-color-picker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlColorPicker,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlChange: "sl-change",
-    onSlFocus: "sl-focus",
-    onSlInput: "sl-input",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlColorPicker"
-});
-var color_picker_default = reactWrapper;
-
-export {
-  color_picker_default
-};

package/cdn/chunks/chunk.ZVRUVM2B.js

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

package/dist/assets/icons/add.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 18V13H6C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11H11V6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6V11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18Z" fill="black"/>
-</svg>

package/dist/assets/icons/date.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 12H3V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V12ZM16 7V6H8V7C8 7.55228 7.55228 8 7 8C6.44772 8 6 7.55228 6 7V6H5C3.89543 6 3 6.89543 3 8V10H21V8C21 6.89543 20.1046 6 19 6H18V7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7ZM23 18C23 20.2091 21.2091 22 19 22H5C2.79086 22 1 20.2091 1 18V8C1 5.79086 2.79086 4 5 4H6V3C6 2.44772 6.44772 2 7 2C7.55228 2 8 2.44772 8 3V4H16V3C16 2.44772 16.4477 2 17 2C17.5523 2 18 2.44772 18 3V4H19C21.2091 4 23 5.79086 23 8V18Z" fill="black"/>
-</svg>

package/dist/assets/icons/jump-to-left.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.5429 4.79289C11.9334 4.4024 12.5665 4.40238 12.957 4.79289C13.3474 5.18342 13.3474 5.81647 12.957 6.20696L7.16399 11.9999L12.957 17.7929C13.3474 18.1835 13.3474 18.8165 12.957 19.207C12.5665 19.5975 11.9334 19.5974 11.5429 19.207L5.04289 12.707C4.65237 12.3165 4.65237 11.6834 5.04289 11.2929L11.5429 4.79289ZM17.5429 4.79289C17.9335 4.40237 18.5665 4.40237 18.957 4.79289C19.3474 5.18343 19.3475 5.81649 18.957 6.20696L13.164 11.9999L18.957 17.7929C19.3474 18.1835 19.3475 18.8165 18.957 19.207C18.5665 19.5975 17.9335 19.5974 17.5429 19.207L11.0429 12.707C10.6524 12.3165 10.6524 11.6834 11.0429 11.2929L17.5429 4.79289Z" fill="black"/>
-</svg>