@kdcloudjs/shoelace 1.0.0 → 1.0.1

package/cdn/chunks/chunk.YSDEXDWJ.js

@@ -1,63 +0,0 @@
-import {
-  badge_styles_default
-} from "./chunk.6MIC4EY5.js";
-import {
-  e
-} from "./chunk.ZLZKOPYV.js";
-import {
-  component_styles_default
-} from "./chunk.EFE6XYM5.js";
-import {
-  ShoelaceElement,
-  n
-} from "./chunk.U6LIZH2N.js";
-import {
-  x
-} from "./chunk.ZKRJ3RUK.js";
-import {
-  __decorateClass
-} from "./chunk.IMHLNNT7.js";
-
-// src/components/badge/badge.component.ts
-var SlBadge = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.pill = false;
-    this.pulse = false;
-  }
-  render() {
-    return x`
-      <span
-        part="base"
-        class=${e({
-      badge: true,
-      "badge--primary": this.variant === "primary",
-      "badge--success": this.variant === "success",
-      "badge--neutral": this.variant === "neutral",
-      "badge--warning": this.variant === "warning",
-      "badge--danger": this.variant === "danger",
-      "badge--pill": this.pill,
-      "badge--pulse": this.pulse
-    })}
-        role="status"
-      >
-        <slot></slot>
-      </span>
-    `;
-  }
-};
-SlBadge.styles = [component_styles_default, badge_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], SlBadge.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlBadge.prototype, "pill", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlBadge.prototype, "pulse", 2);
-
-export {
-  SlBadge
-};

package/cdn/chunks/chunk.YSZADQYN.js

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

package/cdn/chunks/chunk.YUBWOTKQ.js

@@ -1,135 +0,0 @@
-import {
-  icon_button_styles_default
-} from "./chunk.JK2SZSOP.js";
-import {
-  i,
-  u
-} from "./chunk.FVRO7M4G.js";
-import {
-  o
-} from "./chunk.COPAJV25.js";
-import {
-  e
-} from "./chunk.ZLZKOPYV.js";
-import {
-  SlIcon
-} from "./chunk.EN6IZDYW.js";
-import {
-  component_styles_default
-} from "./chunk.EFE6XYM5.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.U6LIZH2N.js";
-import {
-  __decorateClass
-} from "./chunk.IMHLNNT7.js";
-
-// src/components/icon-button/icon-button.component.ts
-var SlIconButton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasFocus = false;
-    this.label = "";
-    this.disabled = false;
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("sl-blur");
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("sl-focus");
-  }
-  handleClick(event) {
-    if (this.disabled) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  }
-  /** Simulates a click on the icon button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the icon button. */
-  focus(options) {
-    this.button.focus(options);
-  }
-  /** Removes focus from the icon button. */
-  blur() {
-    this.button.blur();
-  }
-  render() {
-    const isLink = this.href ? true : false;
-    const tag = isLink ? i`a` : i`button`;
-    return u`
-      <${tag}
-        part="base"
-        class=${e({
-      "icon-button": true,
-      "icon-button--disabled": !isLink && this.disabled,
-      "icon-button--focused": this.hasFocus
-    })}
-        ?disabled=${o(isLink ? void 0 : this.disabled)}
-        type=${o(isLink ? void 0 : "button")}
-        href=${o(isLink ? this.href : void 0)}
-        target=${o(isLink ? this.target : void 0)}
-        download=${o(isLink ? this.download : void 0)}
-        rel=${o(isLink && this.target ? "noreferrer noopener" : void 0)}
-        role=${o(isLink ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
-        aria-label="${this.label}"
-        tabindex=${this.disabled ? "-1" : "0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @click=${this.handleClick}
-      >
-        <sl-icon
-          class="icon-button__icon"
-          name=${o(this.name)}
-          library=${o(this.library)}
-          src=${o(this.src)}
-          aria-hidden="true"
-        ></sl-icon>
-      </${tag}>
-    `;
-  }
-};
-SlIconButton.styles = [component_styles_default, icon_button_styles_default];
-SlIconButton.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  e2(".icon-button")
-], SlIconButton.prototype, "button", 2);
-__decorateClass([
-  r()
-], SlIconButton.prototype, "hasFocus", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "name", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "library", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "src", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "href", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "target", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "download", 2);
-__decorateClass([
-  n()
-], SlIconButton.prototype, "label", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlIconButton.prototype, "disabled", 2);
-
-export {
-  SlIconButton
-};

package/cdn/chunks/chunk.Z67N6G2D.js

@@ -1,11 +0,0 @@
-import {
-  SlTextarea
-} from "./chunk.BOHUHHB2.js";
-
-// src/components/textarea/textarea.ts
-var textarea_default = SlTextarea;
-SlTextarea.define("sl-textarea");
-
-export {
-  textarea_default
-};

package/cdn/chunks/chunk.ZBHMCLJF.js

@@ -1,49 +0,0 @@
-import {
-  card_styles_default
-} from "./chunk.U3SRV2F4.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.ZLZKOPYV.js";
-import {
-  component_styles_default
-} from "./chunk.EFE6XYM5.js";
-import {
-  ShoelaceElement
-} from "./chunk.U6LIZH2N.js";
-import {
-  x
-} from "./chunk.ZKRJ3RUK.js";
-
-// src/components/card/card.component.ts
-var SlCard = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "footer", "header", "image");
-  }
-  render() {
-    return x`
-      <div
-        part="base"
-        class=${e({
-      card: true,
-      "card--has-footer": this.hasSlotController.test("footer"),
-      "card--has-image": this.hasSlotController.test("image"),
-      "card--has-header": this.hasSlotController.test("header")
-    })}
-      >
-        <slot name="image" part="image" class="card__image"></slot>
-        <slot name="header" part="header" class="card__header"></slot>
-        <slot part="body" class="card__body"></slot>
-        <slot name="footer" part="footer" class="card__footer"></slot>
-      </div>
-    `;
-  }
-};
-SlCard.styles = [component_styles_default, card_styles_default];
-
-export {
-  SlCard
-};

package/cdn/chunks/chunk.ZHDYZSPI.js

@@ -1,361 +0,0 @@
-import {
-  e,
-  i,
-  t
-} from "./chunk.UP75L23G.js";
-import {
-  f
-} from "./chunk.PXND53B4.js";
-import {
-  E,
-  x
-} from "./chunk.ZKRJ3RUK.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 r = (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, r(this)) : this._$AM = i2;
-}
-function n(i2, t2 = false, e3 = 0) {
-  const r2 = this._$AH, h3 = this._$AN;
-  if (void 0 !== h3 && 0 !== h3.size) if (t2) if (Array.isArray(r2)) for (let i3 = e3; i3 < r2.length; i3++) s(r2[i3], false), o(r2[i3]);
-  else null != r2 && (s(r2, false), o(r2));
-  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 f2 = class extends i {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i2, t2, e3) {
-    super._$AT(i2, t2, e3), r(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 (f(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 f2 {
-  render(i2) {
-    return E;
-  }
-  update(i2, [s2]) {
-    var _a;
-    const e3 = s2 !== this.Y;
-    return e3 && void 0 !== this.Y && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.Y = s2, this.ht = (_a = i2.options) == null ? void 0 : _a.host, this.rt(this.ct = i2.element)), E;
-  }
-  rt(t2) {
-    var _a;
-    if (this.isConnected || (t2 = void 0), "function" == typeof this.Y) {
-      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.Y) && this.Y.call(this.ht, void 0), s2.set(this.Y, t2), void 0 !== t2 && this.Y.call(this.ht, t2);
-    } else this.Y.value = t2;
-  }
-  get lt() {
-    var _a, _b, _c;
-    return "function" == typeof this.Y ? (_b = o2.get((_a = this.ht) != null ? _a : globalThis)) == null ? void 0 : _b.get(this.Y) : (_c = this.Y) == null ? void 0 : _c.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-
-// src/components/menu-item/submenu-controller.ts
-var SubmenuController = class {
-  constructor(host, hasSlotController) {
-    this.popupRef = e2();
-    this.enableSubmenuTimer = -1;
-    this.isConnected = false;
-    this.isPopupConnected = false;
-    this.skidding = 0;
-    this.submenuOpenDelay = 100;
-    // Set the safe triangle cursor position
-    this.handleMouseMove = (event) => {
-      this.host.style.setProperty("--safe-triangle-cursor-x", `${event.clientX}px`);
-      this.host.style.setProperty("--safe-triangle-cursor-y", `${event.clientY}px`);
-    };
-    this.handleMouseOver = () => {
-      if (this.hasSlotController.test("submenu")) {
-        this.enableSubmenu();
-      }
-    };
-    // Focus on the first menu-item of a submenu.
-    this.handleKeyDown = (event) => {
-      switch (event.key) {
-        case "Escape":
-        case "Tab":
-          this.disableSubmenu();
-          break;
-        case "ArrowLeft":
-          if (event.target !== this.host) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.host.focus();
-            this.disableSubmenu();
-          }
-          break;
-        case "ArrowRight":
-        case "Enter":
-        case " ":
-          this.handleSubmenuEntry(event);
-          break;
-        default:
-          break;
-      }
-    };
-    this.handleClick = (event) => {
-      var _a;
-      if (event.target === this.host) {
-        event.preventDefault();
-        event.stopPropagation();
-      } else if (event.target instanceof Element && (event.target.tagName === "sl-menu-item" || ((_a = event.target.role) == null ? void 0 : _a.startsWith("menuitem")))) {
-        this.disableSubmenu();
-      }
-    };
-    // Close this submenu on focus outside of the parent or any descendants.
-    this.handleFocusOut = (event) => {
-      if (event.relatedTarget && event.relatedTarget instanceof Element && this.host.contains(event.relatedTarget)) {
-        return;
-      }
-      this.disableSubmenu();
-    };
-    // Prevent the parent menu-item from getting focus on mouse movement on the submenu
-    this.handlePopupMouseover = (event) => {
-      event.stopPropagation();
-    };
-    // Set the safe triangle values for the submenu when the position changes
-    this.handlePopupReposition = () => {
-      const submenuSlot = this.host.renderRoot.querySelector("slot[name='submenu']");
-      const menu = submenuSlot == null ? void 0 : submenuSlot.assignedElements({ flatten: true }).filter((el) => el.localName === "sl-menu")[0];
-      const isRtl = getComputedStyle(this.host).direction === "rtl";
-      if (!menu) {
-        return;
-      }
-      const { left, top, width, height } = menu.getBoundingClientRect();
-      this.host.style.setProperty("--safe-triangle-submenu-start-x", `${isRtl ? left + width : left}px`);
-      this.host.style.setProperty("--safe-triangle-submenu-start-y", `${top}px`);
-      this.host.style.setProperty("--safe-triangle-submenu-end-x", `${isRtl ? left + width : left}px`);
-      this.host.style.setProperty("--safe-triangle-submenu-end-y", `${top + height}px`);
-    };
-    (this.host = host).addController(this);
-    this.hasSlotController = hasSlotController;
-  }
-  hostConnected() {
-    if (this.hasSlotController.test("submenu") && !this.host.disabled) {
-      this.addListeners();
-    }
-  }
-  hostDisconnected() {
-    this.removeListeners();
-  }
-  hostUpdated() {
-    if (this.hasSlotController.test("submenu") && !this.host.disabled) {
-      this.addListeners();
-      this.updateSkidding();
-    } else {
-      this.removeListeners();
-    }
-  }
-  addListeners() {
-    if (!this.isConnected) {
-      this.host.addEventListener("mousemove", this.handleMouseMove);
-      this.host.addEventListener("mouseover", this.handleMouseOver);
-      this.host.addEventListener("keydown", this.handleKeyDown);
-      this.host.addEventListener("click", this.handleClick);
-      this.host.addEventListener("focusout", this.handleFocusOut);
-      this.isConnected = true;
-    }
-    if (!this.isPopupConnected) {
-      if (this.popupRef.value) {
-        this.popupRef.value.addEventListener("mouseover", this.handlePopupMouseover);
-        this.popupRef.value.addEventListener("sl-reposition", this.handlePopupReposition);
-        this.isPopupConnected = true;
-      }
-    }
-  }
-  removeListeners() {
-    if (this.isConnected) {
-      this.host.removeEventListener("mousemove", this.handleMouseMove);
-      this.host.removeEventListener("mouseover", this.handleMouseOver);
-      this.host.removeEventListener("keydown", this.handleKeyDown);
-      this.host.removeEventListener("click", this.handleClick);
-      this.host.removeEventListener("focusout", this.handleFocusOut);
-      this.isConnected = false;
-    }
-    if (this.isPopupConnected) {
-      if (this.popupRef.value) {
-        this.popupRef.value.removeEventListener("mouseover", this.handlePopupMouseover);
-        this.popupRef.value.removeEventListener("sl-reposition", this.handlePopupReposition);
-        this.isPopupConnected = false;
-      }
-    }
-  }
-  handleSubmenuEntry(event) {
-    const submenuSlot = this.host.renderRoot.querySelector("slot[name='submenu']");
-    if (!submenuSlot) {
-      console.error("Cannot activate a submenu if no corresponding menuitem can be found.", this);
-      return;
-    }
-    let menuItems = null;
-    for (const elt of submenuSlot.assignedElements()) {
-      menuItems = elt.querySelectorAll("sl-menu-item, [role^='menuitem']");
-      if (menuItems.length !== 0) {
-        break;
-      }
-    }
-    if (!menuItems || menuItems.length === 0) {
-      return;
-    }
-    menuItems[0].setAttribute("tabindex", "0");
-    for (let i2 = 1; i2 !== menuItems.length; ++i2) {
-      menuItems[i2].setAttribute("tabindex", "-1");
-    }
-    if (this.popupRef.value) {
-      event.preventDefault();
-      event.stopPropagation();
-      if (this.popupRef.value.active) {
-        if (menuItems[0] instanceof HTMLElement) {
-          menuItems[0].focus();
-        }
-      } else {
-        this.enableSubmenu(false);
-        this.host.updateComplete.then(() => {
-          if (menuItems[0] instanceof HTMLElement) {
-            menuItems[0].focus();
-          }
-        });
-        this.host.requestUpdate();
-      }
-    }
-  }
-  setSubmenuState(state) {
-    if (this.popupRef.value) {
-      if (this.popupRef.value.active !== state) {
-        this.popupRef.value.active = state;
-        this.host.requestUpdate();
-      }
-    }
-  }
-  // Shows the submenu. Supports disabling the opening delay, e.g. for keyboard events that want to set the focus to the
-  // newly opened menu.
-  enableSubmenu(delay = true) {
-    if (delay) {
-      window.clearTimeout(this.enableSubmenuTimer);
-      this.enableSubmenuTimer = window.setTimeout(() => {
-        this.setSubmenuState(true);
-      }, this.submenuOpenDelay);
-    } else {
-      this.setSubmenuState(true);
-    }
-  }
-  disableSubmenu() {
-    window.clearTimeout(this.enableSubmenuTimer);
-    this.setSubmenuState(false);
-  }
-  // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
-  updateSkidding() {
-    var _a;
-    if (!((_a = this.host.parentElement) == null ? void 0 : _a.computedStyleMap)) {
-      return;
-    }
-    const styleMap = this.host.parentElement.computedStyleMap();
-    const attrs = ["padding-top", "border-top-width", "margin-top"];
-    const skidding = attrs.reduce((accumulator, attr) => {
-      var _a2;
-      const styleValue = (_a2 = styleMap.get(attr)) != null ? _a2 : new CSSUnitValue(0, "px");
-      const unitValue = styleValue instanceof CSSUnitValue ? styleValue : new CSSUnitValue(0, "px");
-      const pxValue = unitValue.to("px");
-      return accumulator - pxValue.value;
-    }, 0);
-    this.skidding = skidding;
-  }
-  isExpanded() {
-    return this.popupRef.value ? this.popupRef.value.active : false;
-  }
-  renderSubmenu() {
-    const isRtl = getComputedStyle(this.host).direction === "rtl";
-    if (!this.isConnected) {
-      return x` <slot name="submenu" hidden></slot> `;
-    }
-    return x`
-      <sl-popup
-        ${n2(this.popupRef)}
-        placement=${isRtl ? "left-start" : "right-start"}
-        anchor="anchor"
-        flip
-        flip-fallback-strategy="best-fit"
-        skidding="${this.skidding}"
-        strategy="fixed"
-        auto-size="vertical"
-        auto-size-padding="10"
-      >
-        <slot name="submenu"></slot>
-      </sl-popup>
-    `;
-  }
-};
-
-export {
-  SubmenuController
-};
-/*! 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
-   *)
-*/