@kdcloudjs/shoelace 1.0.12 → 1.0.13

package/cdn/chunks/chunk.WLCZ4ZUX.js

@@ -1,291 +0,0 @@
-import {
-  o as o2
-} from "./chunk.HHEYGC56.js";
-import {
-  rating_styles_default
-} from "./chunk.6QPGZTOP.js";
-import {
-  o
-} from "./chunk.BJDNEBPV.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  e
-} from "./chunk.VHCLMDG7.js";
-import {
-  SlIcon
-} from "./chunk.4JMD46FI.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r,
-  t2 as t
-} from "./chunk.V6APYC53.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/rating/rating.component.ts
-var SlRating = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.hoverValue = 0;
-    this.isHovering = false;
-    this.label = "";
-    this.value = 0;
-    this.max = 5;
-    this.precision = 1;
-    this.readonly = false;
-    this.disabled = false;
-    this.getSymbol = () => '<sl-icon name="star-fill" library="system"></sl-icon>';
-  }
-  getValueFromMousePosition(event) {
-    return this.getValueFromXCoordinate(event.clientX);
-  }
-  getValueFromTouchPosition(event) {
-    return this.getValueFromXCoordinate(event.touches[0].clientX);
-  }
-  getValueFromXCoordinate(coordinate) {
-    const isRtl = this.localize.dir() === "rtl";
-    const { left, right, width } = this.rating.getBoundingClientRect();
-    const value = isRtl ? this.roundToPrecision((right - coordinate) / width * this.max, this.precision) : this.roundToPrecision((coordinate - left) / width * this.max, this.precision);
-    return clamp(value, 0, this.max);
-  }
-  handleClick(event) {
-    if (this.disabled) {
-      return;
-    }
-    this.setValue(this.getValueFromMousePosition(event));
-    this.emit("sl-change");
-  }
-  setValue(newValue) {
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    this.value = newValue === this.value ? 0 : newValue;
-    this.isHovering = false;
-  }
-  handleKeyDown(event) {
-    const isLtr = this.localize.dir() === "ltr";
-    const isRtl = this.localize.dir() === "rtl";
-    const oldValue = this.value;
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    if (event.key === "ArrowDown" || isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
-      const decrement = event.shiftKey ? 1 : this.precision;
-      this.value = Math.max(0, this.value - decrement);
-      event.preventDefault();
-    }
-    if (event.key === "ArrowUp" || isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
-      const increment = event.shiftKey ? 1 : this.precision;
-      this.value = Math.min(this.max, this.value + increment);
-      event.preventDefault();
-    }
-    if (event.key === "Home") {
-      this.value = 0;
-      event.preventDefault();
-    }
-    if (event.key === "End") {
-      this.value = this.max;
-      event.preventDefault();
-    }
-    if (this.value !== oldValue) {
-      this.emit("sl-change");
-    }
-  }
-  handleMouseEnter(event) {
-    this.isHovering = true;
-    this.hoverValue = this.getValueFromMousePosition(event);
-  }
-  handleMouseMove(event) {
-    this.hoverValue = this.getValueFromMousePosition(event);
-  }
-  handleMouseLeave() {
-    this.isHovering = false;
-  }
-  handleTouchStart(event) {
-    this.isHovering = true;
-    this.hoverValue = this.getValueFromTouchPosition(event);
-    event.preventDefault();
-  }
-  handleTouchMove(event) {
-    this.hoverValue = this.getValueFromTouchPosition(event);
-  }
-  handleTouchEnd(event) {
-    this.isHovering = false;
-    this.setValue(this.hoverValue);
-    this.emit("sl-change");
-    event.preventDefault();
-  }
-  roundToPrecision(numberToRound, precision = 0.5) {
-    const multiplier = 1 / precision;
-    return Math.ceil(numberToRound * multiplier) / multiplier;
-  }
-  handleHoverValueChange() {
-    this.emit("sl-hover", {
-      detail: {
-        phase: "move",
-        value: this.hoverValue
-      }
-    });
-  }
-  handleIsHoveringChange() {
-    this.emit("sl-hover", {
-      detail: {
-        phase: this.isHovering ? "start" : "end",
-        value: this.hoverValue
-      }
-    });
-  }
-  /** Sets focus on the rating. */
-  focus(options) {
-    this.rating.focus(options);
-  }
-  /** Removes focus from the rating. */
-  blur() {
-    this.rating.blur();
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const counter = Array.from(Array(this.max).keys());
-    let displayValue = 0;
-    if (this.disabled || this.readonly) {
-      displayValue = this.value;
-    } else {
-      displayValue = this.isHovering ? this.hoverValue : this.value;
-    }
-    return b`
-      <div
-        part="base"
-        class=${e({
-      rating: true,
-      "rating--readonly": this.readonly,
-      "rating--disabled": this.disabled,
-      "rating--rtl": isRtl
-    })}
-        role="slider"
-        aria-label=${this.label}
-        aria-disabled=${this.disabled ? "true" : "false"}
-        aria-readonly=${this.readonly ? "true" : "false"}
-        aria-valuenow=${this.value}
-        aria-valuemin=${0}
-        aria-valuemax=${this.max}
-        tabindex=${this.disabled || this.readonly ? "-1" : "0"}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mouseenter=${this.handleMouseEnter}
-        @touchstart=${this.handleTouchStart}
-        @mouseleave=${this.handleMouseLeave}
-        @touchend=${this.handleTouchEnd}
-        @mousemove=${this.handleMouseMove}
-        @touchmove=${this.handleTouchMove}
-      >
-        <span class="rating__symbols">
-          ${counter.map((index) => {
-      if (displayValue > index && displayValue < index + 1) {
-        return b`
-                <span
-                  class=${e({
-          rating__symbol: true,
-          "rating__partial-symbol-container": true,
-          "rating__symbol--hover": this.isHovering && Math.ceil(displayValue) === index + 1
-        })}
-                  role="presentation"
-                >
-                  <div
-                    style=${o({
-          clipPath: isRtl ? `inset(0 ${(displayValue - index) * 100}% 0 0)` : `inset(0 0 0 ${(displayValue - index) * 100}%)`
-        })}
-                  >
-                    ${o2(this.getSymbol(index + 1))}
-                  </div>
-                  <div
-                    class="rating__partial--filled"
-                    style=${o({
-          clipPath: isRtl ? `inset(0 0 0 ${100 - (displayValue - index) * 100}%)` : `inset(0 ${100 - (displayValue - index) * 100}% 0 0)`
-        })}
-                  >
-                    ${o2(this.getSymbol(index + 1))}
-                  </div>
-                </span>
-              `;
-      }
-      return b`
-              <span
-                class=${e({
-        rating__symbol: true,
-        "rating__symbol--hover": this.isHovering && Math.ceil(displayValue) === index + 1,
-        "rating__symbol--active": displayValue >= index + 1
-      })}
-                role="presentation"
-              >
-                ${o2(this.getSymbol(index + 1))}
-              </span>
-            `;
-    })}
-        </span>
-      </div>
-    `;
-  }
-};
-SlRating.styles = [component_styles_default, rating_styles_default];
-SlRating.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  e2(".rating")
-], SlRating.prototype, "rating", 2);
-__decorateClass([
-  r()
-], SlRating.prototype, "hoverValue", 2);
-__decorateClass([
-  r()
-], SlRating.prototype, "isHovering", 2);
-__decorateClass([
-  n()
-], SlRating.prototype, "label", 2);
-__decorateClass([
-  n({ type: Number })
-], SlRating.prototype, "value", 2);
-__decorateClass([
-  n({ type: Number })
-], SlRating.prototype, "max", 2);
-__decorateClass([
-  n({ type: Number })
-], SlRating.prototype, "precision", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlRating.prototype, "readonly", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlRating.prototype, "disabled", 2);
-__decorateClass([
-  n()
-], SlRating.prototype, "getSymbol", 2);
-__decorateClass([
-  t({ passive: true })
-], SlRating.prototype, "handleTouchMove", 1);
-__decorateClass([
-  watch("hoverValue")
-], SlRating.prototype, "handleHoverValueChange", 1);
-__decorateClass([
-  watch("isHovering")
-], SlRating.prototype, "handleIsHoveringChange", 1);
-
-export {
-  SlRating
-};

package/cdn/chunks/chunk.WNJXO76O.js

@@ -1,257 +0,0 @@
-import {
-  timepicker_styles_default
-} from "./chunk.J7ZESFNQ.js";
-import {
-  PickerBase
-} from "./chunk.MOYIN7CZ.js";
-import {
-  SlDatePanel
-} from "./chunk.VIULYOBU.js";
-import {
-  formatDatetime,
-  parseDatetime
-} from "./chunk.OVBE7EYX.js";
-import {
-  SlTimePanel
-} from "./chunk.KXB6BWCG.js";
-import {
-  SlDrawer
-} from "./chunk.UUXXUZ2F.js";
-import {
-  SlInput
-} from "./chunk.5QH3NMKK.js";
-import {
-  SlPopup
-} from "./chunk.TH2IELG3.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  e,
-  n
-} from "./chunk.V6APYC53.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.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);
-  }
-  formatValue(date) {
-    return formatDatetime(date, this.format);
-  }
-  isValidFormat(value) {
-    if (this.format === "HH:mm:ss") {
-      return /^\d{2}:\d{2}:\d{2}$/.test(value);
-    }
-    return !!this.parseValue(value);
-  }
-  async handleInputInput(event) {
-    event.stopPropagation();
-    const target = event.target;
-    const value = target.value;
-    if (this.isValidFormat(value) && this.parseValue(value) || !this.open && value === "") {
-      this.updateValue(value, { emitInput: true });
-    }
-    await this.updateComplete;
-    if (!this.open && value !== "") {
-      this.open = true;
-    }
-  }
-  handleTimeChange(event) {
-    const selectedDate = event.detail.value;
-    const formattedTime = this.formatValue(selectedDate);
-    this.updateValue(formattedTime, { emitInput: true });
-  }
-  handleDateChange(event) {
-    const selectedDate = event.detail.date;
-    const formattedTime = this.formatValue(selectedDate);
-    this.updateValue(formattedTime, { emitInput: true, emitChange: false });
-  }
-  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") {
-      const parsedDate = this.parseValue(this.value);
-      if (this.open && this.timePanel) {
-        event.stopPropagation();
-        const selectedDate = this.timePanel.value;
-        if (selectedDate) {
-          const formattedTime = this.formatValue(selectedDate);
-          this.updateValue(formattedTime, { emitChange: true });
-          this.open = false;
-        }
-        return;
-      }
-      if (parsedDate) {
-        const formattedTime = this.formatValue(parsedDate);
-        this.updateValue(formattedTime, { emitChange: true });
-        this.open = false;
-      }
-    }
-  }
-  getInputSuffixIconName() {
-    return "clock";
-  }
-  shouldRevertOnBlur(wasOpen) {
-    return wasOpen;
-  }
-  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() {
-    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}
-          type="time"
-          @sl-date-change=${this.handleDateChange}
-          @sl-confirm=${this.handleMobileConfirm}
-          @sl-cancel=${this.handleMobileCancel}
-          @sl-clear=${this.handleMobileClear}
-        ></sl-date-panel>
-      `;
-    }
-    const parsedDate = this.parseValue(this.value) ? this.parseValue(this.value) : this.parseValue(this.lastValidValue);
-    return b`
-      <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"
-      >
-        ${this.renderInput("anchor")}
-
-        <sl-time-panel
-          part="panel"
-          exportparts="
-            base:time-panel-base,
-            header:time-panel-header,
-            margin-cell-first:time-panel-margin-cell-first,
-            margin-cell:time-panel-margin-cell,
-            columns:time-panel-columns,
-            column:time-panel-column,
-            hour:time-panel-hour,
-            minute:time-panel-minute,
-            second:time-panel-second,
-            item:time-panel-item,
-            footer:time-panel-footer
-          "
-          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,
-  "sl-date-panel": SlDatePanel,
-  "sl-drawer": SlDrawer
-};
-__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.WQHNTVBD.js

@@ -1,24 +0,0 @@
-import {
-  visually_hidden_styles_default
-} from "./chunk.LFCIQ62U.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement
-} from "./chunk.V6APYC53.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/visually-hidden/visually-hidden.component.ts
-var SlVisuallyHidden = class extends ShoelaceElement {
-  render() {
-    return b` <slot></slot> `;
-  }
-};
-SlVisuallyHidden.styles = [component_styles_default, visually_hidden_styles_default];
-
-export {
-  SlVisuallyHidden
-};

package/cdn/chunks/chunk.WRSGY5CL.js

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

package/cdn/chunks/chunk.WWLIOL6X.js

@@ -1,11 +0,0 @@
-import {
-  SlNav
-} from "./chunk.AKX5AAFX.js";
-
-// src/components/nav/nav.ts
-var nav_default = SlNav;
-SlNav.define("sl-nav");
-
-export {
-  nav_default
-};

package/cdn/chunks/chunk.WYV3NAFG.js

@@ -1,21 +0,0 @@
-import {
-  SlFormatDate
-} from "./chunk.CUTRLIE4.js";
-
-// src/react/format-date/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-format-date";
-SlFormatDate.define("sl-format-date");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlFormatDate,
-  react: React,
-  events: {},
-  displayName: "SlFormatDate"
-});
-var format_date_default = reactWrapper;
-
-export {
-  format_date_default
-};