@kdcloudjs/shoelace 1.0.27 → 1.0.28

package/dist/chunks/chunk.XGRORWTB.js

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

package/dist/chunks/chunk.XNDMLSUW.js

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

package/dist/chunks/chunk.XY5WVEJH.js

@@ -1,21 +0,0 @@
-import {
-  SlRelativeTime
-} from "./chunk.ZXBQ4FWP.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.Y27CWFQ4.js

@@ -1,335 +0,0 @@
-import {
-  PickerBase
-} from "./chunk.EL35RMVT.js";
-import {
-  SlDatePanel
-} from "./chunk.DOXRD7KJ.js";
-import {
-  SlInput
-} from "./chunk.HHFIHOCE.js";
-import {
-  SlPopup
-} from "./chunk.AB66O3QG.js";
-import {
-  SlDrawer
-} from "./chunk.4U743M35.js";
-import {
-  SlCalendar,
-  formatDatetime,
-  parseDatetime
-} from "./chunk.3PDSEBPK.js";
-import {
-  SlButton
-} from "./chunk.ZNQIEMBC.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);
-  }
-
-  .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.YCPSG7JU.js

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

package/dist/chunks/chunk.YX2JU2EU.js

@@ -1,25 +0,0 @@
-import {
-  SlIcon
-} from "./chunk.OAJ2HODK.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.Z2FMN2EV.js

@@ -1,192 +0,0 @@
-import {
-  menu_item_styles_default
-} from "./chunk.HS3IZTF3.js";
-import {
-  SubmenuController
-} from "./chunk.ZLIGP6HZ.js";
-import {
-  SlPopup
-} from "./chunk.AB66O3QG.js";
-import {
-  SlSpinner
-} from "./chunk.2EK3DXE7.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.NYIIDP5N.js";
-import {
-  SlIcon
-} from "./chunk.OAJ2HODK.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.VRIJQU6T.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/menu-item/menu-item.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-var SlMenuItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.type = "normal";
-    this.checked = false;
-    this.value = "";
-    this.loading = false;
-    this.disabled = false;
-    this.hasSlotController = new HasSlotController(this, "submenu");
-    this.submenuController = new SubmenuController(this, this.hasSlotController);
-    this.handleHostClick = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleMouseOver = (event) => {
-      this.focus();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this.handleHostClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-    this.removeEventListener("mouseover", this.handleMouseOver);
-  }
-  handleDefaultSlotChange() {
-    const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
-    if (textLabel !== this.cachedTextLabel) {
-      this.cachedTextLabel = textLabel;
-      this.emit("slotchange", { bubbles: true, composed: false, cancelable: false });
-    }
-  }
-  handleCheckedChange() {
-    if (this.checked && this.type !== "checkbox") {
-      this.checked = false;
-      console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
-      return;
-    }
-    if (this.type === "checkbox") {
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.removeAttribute("aria-checked");
-    }
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleTypeChange() {
-    if (this.type === "checkbox") {
-      this.setAttribute("role", "menuitemcheckbox");
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.setAttribute("role", "menuitem");
-      this.removeAttribute("aria-checked");
-    }
-  }
-  /** Returns a text label based on the contents of the menu item's default slot. */
-  getTextLabel() {
-    return getTextContent(this.defaultSlot);
-  }
-  isSubmenu() {
-    return this.hasSlotController.test("submenu");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const isSubmenuExpanded = this.submenuController.isExpanded();
-    return html`
-      <div
-        id="anchor"
-        part="base"
-        class=${classMap({
-      "menu-item": true,
-      "menu-item--rtl": isRtl,
-      "menu-item--checked": this.checked,
-      "menu-item--disabled": this.disabled,
-      "menu-item--loading": this.loading,
-      "menu-item--has-submenu": this.isSubmenu(),
-      "menu-item--submenu-expanded": isSubmenuExpanded
-    })}
-        ?aria-haspopup="${this.isSubmenu()}"
-        ?aria-expanded="${isSubmenuExpanded ? true : false}"
-      >
-        <span part="checked-icon" class="menu-item__check">
-          <sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-
-        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-        <span part="submenu-icon" class="menu-item__chevron">
-          <sl-icon name=${isRtl ? "chevron-left" : "chevron-right"} library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        ${this.submenuController.renderSubmenu()}
-        ${this.loading ? html` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> ` : ""}
-      </div>
-    `;
-  }
-};
-SlMenuItem.styles = [component_styles_default, menu_item_styles_default];
-SlMenuItem.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-popup": SlPopup,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  query("slot:not([name])")
-], SlMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  query(".menu-item")
-], SlMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  property()
-], SlMenuItem.prototype, "type", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "checked", 2);
-__decorateClass([
-  property()
-], SlMenuItem.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "loading", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], SlMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], SlMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], SlMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  SlMenuItem
-};