@kdcloudjs/shoelace 1.0.38 → 1.0.40

package/cdn/chunks/chunk.OG54LW2W.js

@@ -1,341 +0,0 @@
-import {
-  PickerBase
-} from "./chunk.EIC77OUY.js";
-import {
-  SlDatePanel
-} from "./chunk.4N36QI23.js";
-import {
-  SlInput
-} from "./chunk.VD6ZEDDU.js";
-import {
-  SlDrawer
-} from "./chunk.6DRAOIDV.js";
-import {
-  SlPopup
-} from "./chunk.RDT4OU2X.js";
-import {
-  SlCalendar,
-  formatDatetime,
-  parseDatetime
-} from "./chunk.WKKR24G7.js";
-import {
-  SlButton
-} from "./chunk.64SF42L3.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  e,
-  n,
-  r
-} from "./chunk.KWSEUG4I.js";
-import {
-  i
-} from "./chunk.VKO6US6U.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.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, 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 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-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 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.OHC6TV46.js

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

package/cdn/chunks/chunk.OSN3J2E2.js

@@ -1,21 +0,0 @@
-import {
-  SlTabPanel
-} from "./chunk.QAT6LNQU.js";
-
-// src/react/tab-panel/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-tab-panel";
-SlTabPanel.define("sl-tab-panel");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTabPanel,
-  react: React,
-  events: {},
-  displayName: "SlTabPanel"
-});
-var tab_panel_default = reactWrapper;
-
-export {
-  tab_panel_default
-};

package/cdn/chunks/chunk.OV3UZ7V6.js

@@ -1,21 +0,0 @@
-import {
-  SlVisuallyHidden
-} from "./chunk.3KWYRCTI.js";
-
-// src/react/visually-hidden/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-visually-hidden";
-SlVisuallyHidden.define("sl-visually-hidden");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlVisuallyHidden,
-  react: React,
-  events: {},
-  displayName: "SlVisuallyHidden"
-});
-var visually_hidden_default = reactWrapper;
-
-export {
-  visually_hidden_default
-};

package/cdn/chunks/chunk.OVNPI46I.js

@@ -1,126 +0,0 @@
-import {
-  e,
-  i,
-  t
-} from "./chunk.UP75L23G.js";
-import {
-  r
-} from "./chunk.LTE22HHW.js";
-import {
-  A
-} from "./chunk.7Z2GKZ7U.js";
-
-// node_modules/lit-html/async-directive.js
-var s = (i2, t2) => {
-  var _a;
-  const e3 = i2._$AN;
-  if (void 0 === e3) return false;
-  for (const i3 of e3) (_a = i3._$AO) == null ? void 0 : _a.call(i3, t2, false), s(i3, t2);
-  return true;
-};
-var o = (i2) => {
-  let t2, e3;
-  do {
-    if (void 0 === (t2 = i2._$AM)) break;
-    e3 = t2._$AN, e3.delete(i2), i2 = t2;
-  } while (0 === (e3 == null ? void 0 : e3.size));
-};
-var r2 = (i2) => {
-  for (let t2; t2 = i2._$AM; i2 = t2) {
-    let e3 = t2._$AN;
-    if (void 0 === e3) t2._$AN = e3 = /* @__PURE__ */ new Set();
-    else if (e3.has(i2)) break;
-    e3.add(i2), c(t2);
-  }
-};
-function h(i2) {
-  void 0 !== this._$AN ? (o(this), this._$AM = i2, r2(this)) : this._$AM = i2;
-}
-function n(i2, t2 = false, e3 = 0) {
-  const r3 = this._$AH, h3 = this._$AN;
-  if (void 0 !== h3 && 0 !== h3.size) if (t2) if (Array.isArray(r3)) for (let i3 = e3; i3 < r3.length; i3++) s(r3[i3], false), o(r3[i3]);
-  else null != r3 && (s(r3, false), o(r3));
-  else s(this, i2);
-}
-var c = (i2) => {
-  var _a, _b;
-  i2.type == t.CHILD && ((_a = i2._$AP) != null ? _a : i2._$AP = n, (_b = i2._$AQ) != null ? _b : i2._$AQ = h);
-};
-var f = class extends i {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i2, t2, e3) {
-    super._$AT(i2, t2, e3), r2(this), this.isConnected = i2._$AU;
-  }
-  _$AO(i2, t2 = true) {
-    var _a, _b;
-    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (_a = this.reconnected) == null ? void 0 : _a.call(this) : (_b = this.disconnected) == null ? void 0 : _b.call(this)), t2 && (s(this, i2), o(this));
-  }
-  setValue(t2) {
-    if (r(this._$Ct)) this._$Ct._$AI(t2, this);
-    else {
-      const i2 = [...this._$Ct._$AH];
-      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-};
-
-// node_modules/lit-html/directives/ref.js
-var e2 = () => new h2();
-var h2 = class {
-};
-var o2 = /* @__PURE__ */ new WeakMap();
-var n2 = e(class extends f {
-  render(i2) {
-    return A;
-  }
-  update(i2, [s2]) {
-    var _a;
-    const e3 = s2 !== this.G;
-    return e3 && void 0 !== this.G && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.G = s2, this.ht = (_a = i2.options) == null ? void 0 : _a.host, this.rt(this.ct = i2.element)), A;
-  }
-  rt(t2) {
-    var _a;
-    if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
-      const i2 = (_a = this.ht) != null ? _a : globalThis;
-      let s2 = o2.get(i2);
-      void 0 === s2 && (s2 = /* @__PURE__ */ new WeakMap(), o2.set(i2, s2)), void 0 !== s2.get(this.G) && this.G.call(this.ht, void 0), s2.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
-    } else this.G.value = t2;
-  }
-  get lt() {
-    var _a, _b, _c;
-    return "function" == typeof this.G ? (_b = o2.get((_a = this.ht) != null ? _a : globalThis)) == null ? void 0 : _b.get(this.G) : (_c = this.G) == null ? void 0 : _c.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-
-export {
-  e2 as e,
-  n2 as n
-};
-/*! Bundled license information:
-
-lit-html/async-directive.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-lit-html/directives/ref.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.OVQMGW5H.js

@@ -1,33 +0,0 @@
-import {
-  SlSelect
-} from "./chunk.5HGZKQ5T.js";
-
-// src/react/select/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-select";
-SlSelect.define("sl-select");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlSelect,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlClear: "sl-clear",
-    onSlInput: "sl-input",
-    onSlFocus: "sl-focus",
-    onSlBlur: "sl-blur",
-    onSlShow: "sl-show",
-    onSlAfterShow: "sl-after-show",
-    onSlHide: "sl-hide",
-    onSlAfterHide: "sl-after-hide",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlSelect"
-});
-var select_default = reactWrapper;
-
-export {
-  select_default
-};

package/cdn/chunks/chunk.OWM4RWLB.js

@@ -1,60 +0,0 @@
-import {
-  nav_group_styles_default
-} from "./chunk.OIZLY4BL.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  n
-} from "./chunk.KWSEUG4I.js";
-import {
-  A,
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/nav-group/nav-group.component.ts
-var SlNavGroup = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "title");
-    this.active = false;
-    this.mode = "inline";
-  }
-  render() {
-    var _a;
-    const hasTitle = this.hasSlotController.test("title") || this.label != null;
-    return b`
-      <div part="base" class="nav-group">
-        ${hasTitle ? b`
-              <div part="title" class="nav-group__title">
-                <slot name="title">${(_a = this.label) != null ? _a : A}</slot>
-              </div>
-            ` : A}
-        <div part="body" class="nav-group__body">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-  }
-};
-SlNavGroup.styles = [component_styles_default, nav_group_styles_default];
-__decorateClass([
-  n({ attribute: false })
-], SlNavGroup.prototype, "label", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlNavGroup.prototype, "active", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlNavGroup.prototype, "mode", 2);
-
-export {
-  SlNavGroup
-};

package/cdn/chunks/chunk.OZB5HN6L.js

@@ -1,11 +0,0 @@
-import {
-  SlSenderHeader
-} from "./chunk.D6BUUNYH.js";
-
-// src/components/sender-header/sender-header.ts
-var sender_header_default = SlSenderHeader;
-SlSenderHeader.define("sl-sender-header");
-
-export {
-  sender_header_default
-};

package/cdn/chunks/chunk.P7GJ5L5D.js

@@ -1,11 +0,0 @@
-import {
-  SlTabPanel
-} from "./chunk.QAT6LNQU.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.PBZUTF7W.js

@@ -1,11 +0,0 @@
-import {
-  SlDetails
-} from "./chunk.PCJPXDWW.js";
-
-// src/components/details/details.ts
-var details_default = SlDetails;
-SlDetails.define("sl-details");
-
-export {
-  details_default
-};