@kdcloudjs/shoelace 1.0.34 → 1.0.36

package/dist/chunks/chunk.56VIR2O2.js

@@ -1,11 +0,0 @@
-import {
-  SlSenderSwitch
-} from "./chunk.6OVSLZQN.js";
-
-// src/components/sender-switch/sender-switch.ts
-var sender_switch_default = SlSenderSwitch;
-SlSenderSwitch.define("sl-sender-switch");
-
-export {
-  sender_switch_default
-};

package/dist/chunks/chunk.5H7S7XRI.js

@@ -1,50 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/format-bytes/format-bytes.component.ts
-import { property } from "lit/decorators.js";
-var SlFormatBytes = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.unit = "byte";
-    this.display = "short";
-  }
-  render() {
-    if (isNaN(this.value)) {
-      return "";
-    }
-    const bitPrefixes = ["", "kilo", "mega", "giga", "tera"];
-    const bytePrefixes = ["", "kilo", "mega", "giga", "tera", "peta"];
-    const prefix = this.unit === "bit" ? bitPrefixes : bytePrefixes;
-    const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1));
-    const unit = prefix[index] + this.unit;
-    const valueToFormat = parseFloat((this.value / Math.pow(1e3, index)).toPrecision(3));
-    return this.localize.number(valueToFormat, {
-      style: "unit",
-      unit,
-      unitDisplay: this.display
-    });
-  }
-};
-__decorateClass([
-  property({ type: Number })
-], SlFormatBytes.prototype, "value", 2);
-__decorateClass([
-  property()
-], SlFormatBytes.prototype, "unit", 2);
-__decorateClass([
-  property()
-], SlFormatBytes.prototype, "display", 2);
-
-export {
-  SlFormatBytes
-};

package/dist/chunks/chunk.5OP2OODL.js

@@ -1,11 +0,0 @@
-import {
-  SlOption
-} from "./chunk.XLPD6UV4.js";
-
-// src/components/option/option.ts
-var option_default = SlOption;
-SlOption.define("sl-option");
-
-export {
-  option_default
-};

package/dist/chunks/chunk.5Q2HY3LU.js

@@ -1,91 +0,0 @@
-import {
-  button_group_styles_default
-} from "./chunk.2OUC42YY.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/button-group/button-group.component.ts
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var SlButtonGroup = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.disableRole = false;
-    this.label = "";
-  }
-  handleFocus(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-sl-button-group__button--focus", true);
-  }
-  handleBlur(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-sl-button-group__button--focus", false);
-  }
-  handleMouseOver(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-sl-button-group__button--hover", true);
-  }
-  handleMouseOut(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-sl-button-group__button--hover", false);
-  }
-  handleSlotChange() {
-    const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
-    slottedElements.forEach((el) => {
-      const index = slottedElements.indexOf(el);
-      const button = findButton(el);
-      if (button) {
-        button.toggleAttribute("data-sl-button-group__button", true);
-        button.toggleAttribute("data-sl-button-group__button--first", index === 0);
-        button.toggleAttribute("data-sl-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.toggleAttribute("data-sl-button-group__button--last", index === slottedElements.length - 1);
-        button.toggleAttribute(
-          "data-sl-button-group__button--radio",
-          button.tagName.toLowerCase() === "sl-radio-button"
-        );
-      }
-    });
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class="button-group"
-        role="${this.disableRole ? "presentation" : "group"}"
-        aria-label=${this.label}
-        @focusout=${this.handleBlur}
-        @focusin=${this.handleFocus}
-        @mouseover=${this.handleMouseOver}
-        @mouseout=${this.handleMouseOut}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </div>
-    `;
-  }
-};
-SlButtonGroup.styles = [component_styles_default, button_group_styles_default];
-__decorateClass([
-  query("slot")
-], SlButtonGroup.prototype, "defaultSlot", 2);
-__decorateClass([
-  state()
-], SlButtonGroup.prototype, "disableRole", 2);
-__decorateClass([
-  property()
-], SlButtonGroup.prototype, "label", 2);
-function findButton(el) {
-  var _a;
-  const selector = "sl-button, sl-radio-button";
-  return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
-}
-
-export {
-  SlButtonGroup
-};

package/dist/chunks/chunk.5RCX5EHJ.js

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

package/dist/chunks/chunk.5SVOPADM.js

@@ -1,29 +0,0 @@
-import {
-  SlTimepicker
-} from "./chunk.7DZEKX22.js";
-
-// src/react/timepicker/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-timepicker";
-SlTimepicker.define("sl-timepicker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTimepicker,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlInput: "sl-input",
-    onSlFocus: "sl-focus",
-    onSlBlur: "sl-blur",
-    onSlClear: "sl-clear",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlTimepicker"
-});
-var timepicker_default = reactWrapper;
-
-export {
-  timepicker_default
-};

package/dist/chunks/chunk.5UDJ22LK.js

@@ -1,335 +0,0 @@
-import {
-  PickerBase
-} from "./chunk.ZQPGAHOU.js";
-import {
-  SlDatePanel
-} from "./chunk.M4EZ7JFA.js";
-import {
-  SlInput
-} from "./chunk.CGIIFE52.js";
-import {
-  SlPopup
-} from "./chunk.4XSA43XY.js";
-import {
-  SlDrawer
-} from "./chunk.DWVZAQ47.js";
-import {
-  SlCalendar,
-  formatDatetime,
-  parseDatetime
-} from "./chunk.KH7ZVAN3.js";
-import {
-  SlButton
-} from "./chunk.S3BGZZWM.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/datepicker/datepicker.component.ts
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-
-// src/components/datepicker/datepicker.style.ts
-import { css } from "lit";
-var datepicker_style_default = css`
-  :host {
-    display: inline-block;
-  }
-
-  .datepicker__popup::part(popup) {
-    z-index: var(--sl-z-index-dropdown, 900);
-  }
-
-  .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";
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      if (this.calendar) {
-        this.calendar.resetView();
-      }
-      if (this.type === "datetime" && this.calendar) {
-        await this.updateComplete;
-        this.calendar.resetTimeScroll("instant");
-      }
-    }
-    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 html`
-      <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-panel-base: calendar-time-base,
-          time-panel-header: calendar-time-header,
-          time-panel-columns: calendar-time-columns,
-          time-panel-column: calendar-time-column,
-          time-panel-item: calendar-time-item,
-        "
-        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 html`
-      <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 html`
-        ${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([
-  query("sl-calendar")
-], SlDatepicker.prototype, "calendar", 2);
-__decorateClass([
-  state()
-], SlDatepicker.prototype, "valueChangeDebounceTimer", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlDatepicker.prototype, "type", 2);
-__decorateClass([
-  property()
-], SlDatepicker.prototype, "pattern", 2);
-__decorateClass([
-  property()
-], SlDatepicker.prototype, "min", 2);
-__decorateClass([
-  property()
-], SlDatepicker.prototype, "max", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], SlDatepicker.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch("value")
-], SlDatepicker.prototype, "handleValueChange", 1);
-
-export {
-  SlDatepicker
-};

package/dist/chunks/chunk.5W35PS6N.js

@@ -1,25 +0,0 @@
-import {
-  SlTabGroup
-} from "./chunk.FZEYIHVV.js";
-
-// src/react/tab-group/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-tab-group";
-SlTabGroup.define("sl-tab-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTabGroup,
-  react: React,
-  events: {
-    onSlTabShow: "sl-tab-show",
-    onSlTabHide: "sl-tab-hide"
-  },
-  displayName: "SlTabGroup"
-});
-var tab_group_default = reactWrapper;
-
-export {
-  tab_group_default
-};

package/dist/chunks/chunk.5Y6SCA67.js

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

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