@kdcloudjs/shoelace 1.0.49 → 1.0.51

package/dist/chunks/chunk.VAN3NALM.js

@@ -1,11 +0,0 @@
-import {
-  SlRating
-} from "./chunk.IRPTFLQE.js";
-
-// src/components/rating/rating.ts
-var rating_default = SlRating;
-SlRating.define("sl-rating");
-
-export {
-  rating_default
-};

package/dist/chunks/chunk.VCFCAVIY.js

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

@@ -1,627 +0,0 @@
-import {
-  cascader_styles_default
-} from "./chunk.4CTHCAWY.js";
-import {
-  SlTag
-} from "./chunk.S72QCPZY.js";
-import {
-  SlPopup
-} from "./chunk.VNMMEGUU.js";
-import {
-  form_control_styles_default
-} from "./chunk.2ASGWQBH.js";
-import {
-  FormControlController
-} from "./chunk.WBWPWG4N.js";
-import {
-  LocalizeController
-} from "./chunk.YO2LOYG6.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  SlIcon
-} from "./chunk.4UTIBB4G.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.W4I33UQ6.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/cascader/cascader.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html, nothing } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var SlCascader = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["sl-blur", "sl-input"]
-    });
-    this.hasSlotController = new HasSlotController(this, "help-text", "label");
-    this.localize = new LocalizeController(this);
-    this.closeWatcher = null;
-    this.hasFocus = false;
-    this.displayLabel = "";
-    this.menus = [];
-    this.selectedPath = [];
-    this.expandedKeys = [];
-    this.name = "";
-    this.value = [];
-    this.defaultValue = [];
-    this.size = "medium";
-    this.placeholder = "";
-    this.multiple = false;
-    this.disabled = false;
-    this.clearable = false;
-    this.open = false;
-    this.hoist = true;
-    this.filled = false;
-    this.pill = false;
-    this.label = "";
-    this.placement = "bottom-start";
-    this.helpText = "";
-    this.form = "";
-    this.required = false;
-    this.options = [];
-    this.fieldNames = { label: "label", value: "value", children: "children" };
-    this.separator = " / ";
-    this.expandTrigger = "click";
-    this.changeOnSelect = false;
-    this.showFullPath = true;
-    this.handleDocumentFocusIn = (event) => {
-      const path = event.composedPath();
-      if (this && !path.includes(this)) {
-        this.hide();
-      }
-    };
-    this.handleDocumentKeyDown = (event) => {
-      if (event.key === "Escape" && this.open && !this.closeWatcher) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.hide();
-        this.displayInput.focus({ preventScroll: true });
-      }
-    };
-    this.handleDocumentMouseDown = (event) => {
-      const path = event.composedPath();
-      if (this && !path.includes(this)) {
-        this.hide();
-      }
-    };
-  }
-  get validity() {
-    return this.valueInput.validity;
-  }
-  get validationMessage() {
-    return this.valueInput.validationMessage;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.open = false;
-    this.initMenus();
-  }
-  initMenus() {
-    if (this.options.length > 0) {
-      this.menus = [this.options];
-    }
-  }
-  getFieldValue(option, field) {
-    const fieldName = this.fieldNames[field] || field;
-    return option[fieldName];
-  }
-  addOpenListeners() {
-    var _a;
-    document.addEventListener("focusin", this.handleDocumentFocusIn);
-    document.addEventListener("keydown", this.handleDocumentKeyDown);
-    document.addEventListener("mousedown", this.handleDocumentMouseDown);
-    if (this.getRootNode() !== document) {
-      this.getRootNode().addEventListener("focusin", this.handleDocumentFocusIn);
-    }
-    if ("CloseWatcher" in window) {
-      (_a = this.closeWatcher) == null ? void 0 : _a.destroy();
-      this.closeWatcher = new CloseWatcher();
-      this.closeWatcher.onclose = () => {
-        if (this.open) {
-          this.hide();
-          this.displayInput.focus({ preventScroll: true });
-        }
-      };
-    }
-  }
-  removeOpenListeners() {
-    var _a;
-    document.removeEventListener("focusin", this.handleDocumentFocusIn);
-    document.removeEventListener("keydown", this.handleDocumentKeyDown);
-    document.removeEventListener("mousedown", this.handleDocumentMouseDown);
-    if (this.getRootNode() !== document) {
-      this.getRootNode().removeEventListener("focusin", this.handleDocumentFocusIn);
-    }
-    (_a = this.closeWatcher) == null ? void 0 : _a.destroy();
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("sl-focus");
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("sl-blur");
-  }
-  handleLabelClick() {
-    this.displayInput.focus();
-  }
-  handleComboboxMouseDown(event) {
-    if (this.disabled) return;
-    event.preventDefault();
-    this.displayInput.focus({ preventScroll: true });
-    this.open = !this.open;
-  }
-  handleClearClick(event) {
-    event.stopPropagation();
-    this.value = [];
-    this.selectedPath = [];
-    this.displayLabel = "";
-    this.menus = [this.options];
-    this.expandedKeys = [];
-    this.displayInput.focus({ preventScroll: true });
-    this.updateComplete.then(() => {
-      this.emit("sl-clear");
-      this.emit("sl-input");
-      this.emit("sl-change");
-    });
-  }
-  handleClearMouseDown(event) {
-    event.stopPropagation();
-    event.preventDefault();
-  }
-  handleOptionClick(option, columnIndex) {
-    if (option.disabled) return;
-    const children = this.getFieldValue(option, "children");
-    const value = this.getFieldValue(option, "value");
-    const newSelectedPath = this.selectedPath.slice(0, columnIndex);
-    newSelectedPath.push(option);
-    this.selectedPath = newSelectedPath;
-    const newExpandedKeys = this.expandedKeys.slice(0, columnIndex);
-    newExpandedKeys.push(value);
-    this.expandedKeys = newExpandedKeys;
-    this.rebuildMenus();
-    if (children && children.length > 0) {
-      this.menus = [...this.menus, children];
-      if (this.changeOnSelect) {
-        this.selectOption();
-      }
-    } else {
-      this.selectOption();
-      if (!this.multiple) {
-        this.hide();
-      }
-    }
-  }
-  rebuildMenus() {
-    const newMenus = [this.options];
-    for (let i = 0; i < this.selectedPath.length; i++) {
-      const option = this.selectedPath[i];
-      const children = this.getFieldValue(option, "children");
-      if (children && children.length > 0 && i < this.selectedPath.length - 1) {
-        newMenus.push(children);
-      }
-    }
-    this.menus = newMenus;
-  }
-  handleOptionMouseEnter(option, columnIndex) {
-    if (this.expandTrigger !== "hover" || option.disabled) return;
-    const children = this.getFieldValue(option, "children");
-    const value = this.getFieldValue(option, "value");
-    const newExpandedKeys = this.expandedKeys.slice(0, columnIndex);
-    newExpandedKeys.push(value);
-    this.expandedKeys = newExpandedKeys;
-    const newMenus = [this.options];
-    let currentOptions = this.options;
-    for (let i = 0; i <= columnIndex; i++) {
-      const key = this.expandedKeys[i];
-      if (key) {
-        const opt = currentOptions.find((o) => this.getFieldValue(o, "value") === key);
-        if (opt) {
-          const optChildren = this.getFieldValue(opt, "children");
-          if (optChildren && optChildren.length > 0) {
-            newMenus.push(optChildren);
-            currentOptions = optChildren;
-          }
-        }
-      }
-    }
-    this.menus = newMenus;
-  }
-  selectOption() {
-    this.value = this.selectedPath.map((opt) => this.getFieldValue(opt, "value"));
-    this.updateDisplayLabel();
-    this.updateComplete.then(() => {
-      this.emit("sl-input");
-      this.emit("sl-change");
-    });
-  }
-  updateDisplayLabel() {
-    if (this.showFullPath) {
-      this.displayLabel = this.selectedPath.map((opt) => this.getFieldValue(opt, "label")).join(this.separator);
-    } else {
-      const lastOption = this.selectedPath[this.selectedPath.length - 1];
-      this.displayLabel = lastOption ? this.getFieldValue(lastOption, "label") : "";
-    }
-  }
-  handleDisabledChange() {
-    if (this.disabled) {
-      this.open = false;
-      this.handleOpenChange();
-    }
-  }
-  handleOptionsChange() {
-    this.initMenus();
-  }
-  handleValueChange() {
-    if (this.value.length > 0 && this.options.length > 0) {
-      this.restoreSelectedPath();
-    }
-  }
-  restoreSelectedPath() {
-    const path = [];
-    const newMenus = [this.options];
-    let currentOptions = this.options;
-    for (const val of this.value) {
-      const option = currentOptions.find((opt) => this.getFieldValue(opt, "value") === val);
-      if (option) {
-        path.push(option);
-        const children = this.getFieldValue(option, "children");
-        if (children && children.length > 0) {
-          newMenus.push(children);
-          currentOptions = children;
-        } else {
-          break;
-        }
-      } else {
-        break;
-      }
-    }
-    this.selectedPath = path;
-    this.expandedKeys = path.map((opt) => this.getFieldValue(opt, "value"));
-    this.menus = newMenus;
-    this.updateDisplayLabel();
-  }
-  async handleOpenChange() {
-    if (this.open && !this.disabled) {
-      this.emit("sl-show");
-      this.addOpenListeners();
-      this.popup.active = true;
-      this.emit("sl-after-show");
-    } else {
-      this.emit("sl-hide");
-      this.removeOpenListeners();
-      this.popup.active = false;
-      this.emit("sl-after-hide");
-    }
-  }
-  async show() {
-    if (this.open || this.disabled) {
-      this.open = false;
-      return void 0;
-    }
-    this.open = true;
-  }
-  async hide() {
-    if (!this.open || this.disabled) {
-      this.open = false;
-      return void 0;
-    }
-    this.open = false;
-  }
-  checkValidity() {
-    return this.valueInput.checkValidity();
-  }
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  reportValidity() {
-    return this.valueInput.reportValidity();
-  }
-  setCustomValidity(message) {
-    this.valueInput.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
-  focus(options) {
-    this.displayInput.focus(options);
-  }
-  blur() {
-    this.displayInput.blur();
-  }
-  renderMenu() {
-    return html`
-      <div class="cascader__menu" part="menu">
-        ${this.menus.map(
-      (column, columnIndex) => html`
-            <div class="cascader__menu-column" part="menu-column">
-              ${column.map((option) => {
-        const value = this.getFieldValue(option, "value");
-        const label = this.getFieldValue(option, "label");
-        const children = this.getFieldValue(option, "children");
-        const hasChildren = children && children.length > 0;
-        const isExpanded = this.expandedKeys[columnIndex] === value;
-        const isSelected = this.selectedPath[columnIndex] === option;
-        return html`
-                  <div
-                    class=${classMap({
-          cascader__option: true,
-          "cascader__option--disabled": !!option.disabled,
-          "cascader__option--expanded": isExpanded,
-          "cascader__option--selected": isSelected
-        })}
-                    part="menu-item"
-                    @click=${() => this.handleOptionClick(option, columnIndex)}
-                    @mouseenter=${() => this.handleOptionMouseEnter(option, columnIndex)}
-                  >
-                    <span class="cascader__option-label">${label}</span>
-                    ${hasChildren ? html`<sl-icon name="chevron-right" class="cascader__option-expand-icon"></sl-icon>` : nothing}
-                  </div>
-                `;
-      })}
-            </div>
-          `
-    )}
-      </div>
-    `;
-  }
-  render() {
-    const hasLabelSlot = this.hasSlotController.test("label");
-    const hasHelpTextSlot = this.hasSlotController.test("help-text");
-    const hasLabel = this.label ? true : !!hasLabelSlot;
-    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
-    const hasClearIcon = this.clearable && !this.disabled && this.value.length > 0;
-    const isPlaceholderVisible = this.placeholder && this.value.length === 0;
-    return html`
-      <div
-        part="form-control"
-        class=${classMap({
-      "form-control": true,
-      "form-control--small": this.size === "small",
-      "form-control--medium": this.size === "medium",
-      "form-control--large": this.size === "large",
-      "form-control--has-label": hasLabel,
-      "form-control--has-help-text": hasHelpText
-    })}
-      >
-        <label
-          id="label"
-          part="form-control-label"
-          class="form-control__label"
-          aria-hidden=${hasLabel ? "false" : "true"}
-          @click=${this.handleLabelClick}
-        >
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <div part="form-control-input" class="form-control-input">
-          <sl-popup
-            class=${classMap({
-      cascader: true,
-      "cascader--standard": true,
-      "cascader--filled": this.filled,
-      "cascader--pill": this.pill,
-      "cascader--open": this.open,
-      "cascader--disabled": this.disabled,
-      "cascader--multiple": this.multiple,
-      "cascader--focused": this.hasFocus,
-      "cascader--placeholder-visible": isPlaceholderVisible,
-      "cascader--top": this.placement.startsWith("top"),
-      "cascader--bottom": this.placement.startsWith("bottom"),
-      "cascader--small": this.size === "small",
-      "cascader--medium": this.size === "medium",
-      "cascader--large": this.size === "large"
-    })}
-            placement=${this.placement}
-            strategy=${this.hoist ? "fixed" : "absolute"}
-            distance="4"
-            flip
-            shift
-            auto-size="vertical"
-            auto-size-padding="10"
-          >
-            <div
-              part="combobox"
-              class="cascader__combobox"
-              slot="anchor"
-              @mousedown=${this.handleComboboxMouseDown}
-            >
-              <slot name="prefix" part="prefix" class="cascader__prefix"></slot>
-
-              <input
-                part="display-input"
-                class="cascader__display-input"
-                type="text"
-                placeholder=${this.placeholder}
-                .disabled=${this.disabled}
-                .value=${this.displayLabel}
-                readonly
-                aria-controls="menu"
-                aria-expanded=${this.open ? "true" : "false"}
-                aria-haspopup="listbox"
-                aria-labelledby="label"
-                aria-disabled=${this.disabled ? "true" : "false"}
-                @focus=${this.handleFocus}
-                @blur=${this.handleBlur}
-              />
-
-              <input
-                class="cascader__value-input"
-                type="text"
-                ?disabled=${this.disabled}
-                ?required=${this.required}
-                .value=${this.value.join(",")}
-                tabindex="-1"
-                aria-hidden="true"
-              />
-
-              ${hasClearIcon ? html`
-                    <button
-                      part="clear-button"
-                      class="cascader__clear"
-                      type="button"
-                      aria-label=${this.localize.term("clearEntry")}
-                      @click=${this.handleClearClick}
-                      @mousedown=${this.handleClearMouseDown}
-                      tabindex="-1"
-                    >
-                      <slot name="clear-icon">
-                        <sl-icon name="x-circle-fill" library="system"></sl-icon>
-                      </slot>
-                    </button>
-                  ` : nothing}
-
-              <slot name="suffix" part="suffix" class="cascader__suffix"></slot>
-
-              <slot name="expand-icon" part="expand-icon" class="cascader__expand-icon">
-                <sl-icon library="system" name="chevron-down"></sl-icon>
-              </slot>
-            </div>
-
-            ${this.renderMenu()}
-          </sl-popup>
-        </div>
-
-        <div
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${hasHelpText ? "false" : "true"}
-        >
-          <slot name="help-text">${this.helpText}</slot>
-        </div>
-      </div>
-    `;
-  }
-};
-SlCascader.styles = [component_styles_default, form_control_styles_default, cascader_styles_default];
-SlCascader.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-popup": SlPopup,
-  "sl-tag": SlTag
-};
-__decorateClass([
-  query(".cascader")
-], SlCascader.prototype, "popup", 2);
-__decorateClass([
-  query(".cascader__combobox")
-], SlCascader.prototype, "combobox", 2);
-__decorateClass([
-  query(".cascader__display-input")
-], SlCascader.prototype, "displayInput", 2);
-__decorateClass([
-  query(".cascader__value-input")
-], SlCascader.prototype, "valueInput", 2);
-__decorateClass([
-  query(".cascader__menu")
-], SlCascader.prototype, "menu", 2);
-__decorateClass([
-  state()
-], SlCascader.prototype, "hasFocus", 2);
-__decorateClass([
-  state()
-], SlCascader.prototype, "displayLabel", 2);
-__decorateClass([
-  state()
-], SlCascader.prototype, "menus", 2);
-__decorateClass([
-  state()
-], SlCascader.prototype, "selectedPath", 2);
-__decorateClass([
-  state()
-], SlCascader.prototype, "expandedKeys", 2);
-__decorateClass([
-  property()
-], SlCascader.prototype, "name", 2);
-__decorateClass([
-  property({ type: Array })
-], SlCascader.prototype, "value", 2);
-__decorateClass([
-  property({ attribute: "value", type: Array })
-], SlCascader.prototype, "defaultValue", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlCascader.prototype, "size", 2);
-__decorateClass([
-  property()
-], SlCascader.prototype, "placeholder", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlCascader.prototype, "multiple", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlCascader.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlCascader.prototype, "clearable", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlCascader.prototype, "open", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlCascader.prototype, "hoist", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlCascader.prototype, "filled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlCascader.prototype, "pill", 2);
-__decorateClass([
-  property()
-], SlCascader.prototype, "label", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlCascader.prototype, "placement", 2);
-__decorateClass([
-  property({ attribute: "help-text" })
-], SlCascader.prototype, "helpText", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlCascader.prototype, "form", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlCascader.prototype, "required", 2);
-__decorateClass([
-  property({ type: Array })
-], SlCascader.prototype, "options", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCascader.prototype, "fieldNames", 2);
-__decorateClass([
-  property()
-], SlCascader.prototype, "separator", 2);
-__decorateClass([
-  property({ attribute: "expand-trigger" })
-], SlCascader.prototype, "expandTrigger", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "change-on-select" })
-], SlCascader.prototype, "changeOnSelect", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-full-path" })
-], SlCascader.prototype, "showFullPath", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SlCascader.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("options")
-], SlCascader.prototype, "handleOptionsChange", 1);
-__decorateClass([
-  watch("value")
-], SlCascader.prototype, "handleValueChange", 1);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], SlCascader.prototype, "handleOpenChange", 1);
-
-export {
-  SlCascader
-};