@cordwainer/cw-elements 1.3.0 → 1.3.1

package/cdn/chunks/chunk.U2W5GRUE.js

@@ -1,73 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  CwElement,
-  n
-} from "./chunk.FLNVNWJS.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/format-number/format-number.component.ts
-var CwFormatNumber = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.type = "decimal";
-    this.noGrouping = false;
-    this.currency = "USD";
-    this.currencyDisplay = "symbol";
-  }
-  render() {
-    if (isNaN(this.value)) {
-      return "";
-    }
-    return this.localize.number(this.value, {
-      style: this.type,
-      currency: this.currency,
-      currencyDisplay: this.currencyDisplay,
-      useGrouping: !this.noGrouping,
-      minimumIntegerDigits: this.minimumIntegerDigits,
-      minimumFractionDigits: this.minimumFractionDigits,
-      maximumFractionDigits: this.maximumFractionDigits,
-      minimumSignificantDigits: this.minimumSignificantDigits,
-      maximumSignificantDigits: this.maximumSignificantDigits
-    });
-  }
-};
-__decorateClass([
-  n({ type: Number })
-], CwFormatNumber.prototype, "value", 2);
-__decorateClass([
-  n()
-], CwFormatNumber.prototype, "type", 2);
-__decorateClass([
-  n({ attribute: "no-grouping", type: Boolean })
-], CwFormatNumber.prototype, "noGrouping", 2);
-__decorateClass([
-  n()
-], CwFormatNumber.prototype, "currency", 2);
-__decorateClass([
-  n({ attribute: "currency-display" })
-], CwFormatNumber.prototype, "currencyDisplay", 2);
-__decorateClass([
-  n({ attribute: "minimum-integer-digits", type: Number })
-], CwFormatNumber.prototype, "minimumIntegerDigits", 2);
-__decorateClass([
-  n({ attribute: "minimum-fraction-digits", type: Number })
-], CwFormatNumber.prototype, "minimumFractionDigits", 2);
-__decorateClass([
-  n({ attribute: "maximum-fraction-digits", type: Number })
-], CwFormatNumber.prototype, "maximumFractionDigits", 2);
-__decorateClass([
-  n({ attribute: "minimum-significant-digits", type: Number })
-], CwFormatNumber.prototype, "minimumSignificantDigits", 2);
-__decorateClass([
-  n({ attribute: "maximum-significant-digits", type: Number })
-], CwFormatNumber.prototype, "maximumSignificantDigits", 2);
-
-export {
-  CwFormatNumber
-};

package/cdn/chunks/chunk.UOZLBIGB.js

@@ -1,11 +0,0 @@
-import {
-  CwTooltip
-} from "./chunk.XWWO6SKL.js";
-
-// src/components/tooltip/tooltip.ts
-var tooltip_default = CwTooltip;
-CwTooltip.define("cw-tooltip");
-
-export {
-  tooltip_default
-};

package/cdn/chunks/chunk.UUZPAIC6.js

@@ -1,25 +0,0 @@
-import {
-  CwRadioButton
-} from "./chunk.4M5YCIFV.js";
-
-// src/react/radio-button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-radio-button";
-CwRadioButton.define("cw-radio-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwRadioButton,
-  react: React,
-  events: {
-    onCwBlur: "cw-blur",
-    onCwFocus: "cw-focus"
-  },
-  displayName: "CwRadioButton"
-});
-var radio_button_default = reactWrapper;
-
-export {
-  radio_button_default
-};

package/cdn/chunks/chunk.UWRGYYJO.js

@@ -1,79 +0,0 @@
-import {
-  progress_ring_styles_default
-} from "./chunk.23EJTVQH.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  e,
-  n,
-  r
-} from "./chunk.FLNVNWJS.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/progress-ring/progress-ring.component.ts
-var CwProgressRing = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.label = "";
-  }
-  updated(changedProps) {
-    super.updated(changedProps);
-    if (changedProps.has("value")) {
-      const radius = parseFloat(getComputedStyle(this.indicator).getPropertyValue("r"));
-      const circumference = 2 * Math.PI * radius;
-      const offset = circumference - this.value / 100 * circumference;
-      this.indicatorOffset = `${offset}px`;
-    }
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class="progress-ring"
-        role="progressbar"
-        aria-label=${this.label.length > 0 ? this.label : this.localize.term("progress")}
-        aria-describedby="label"
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-valuenow="${this.value}"
-        style="--percentage: ${this.value / 100}"
-      >
-        <svg class="progress-ring__image">
-          <circle class="progress-ring__track"></circle>
-          <circle class="progress-ring__indicator" style="stroke-dashoffset: ${this.indicatorOffset}"></circle>
-        </svg>
-
-        <slot id="label" part="label" class="progress-ring__label"></slot>
-      </div>
-    `;
-  }
-};
-CwProgressRing.styles = [component_styles_default, progress_ring_styles_default];
-__decorateClass([
-  e(".progress-ring__indicator")
-], CwProgressRing.prototype, "indicator", 2);
-__decorateClass([
-  r()
-], CwProgressRing.prototype, "indicatorOffset", 2);
-__decorateClass([
-  n({ type: Number, reflect: true })
-], CwProgressRing.prototype, "value", 2);
-__decorateClass([
-  n()
-], CwProgressRing.prototype, "label", 2);
-
-export {
-  CwProgressRing
-};

package/cdn/chunks/chunk.UXTJBJQE.js

@@ -1,24 +0,0 @@
-import {
-  CwTab
-} from "./chunk.Q45GZPA5.js";
-
-// src/react/tab/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-tab";
-CwTab.define("cw-tab");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwTab,
-  react: React,
-  events: {
-    onCwClose: "cw-close"
-  },
-  displayName: "CwTab"
-});
-var tab_default = reactWrapper;
-
-export {
-  tab_default
-};

package/cdn/chunks/chunk.V4H3IGRJ.js

@@ -1,28 +0,0 @@
-import {
-  CwTextarea
-} from "./chunk.AYFJOTEI.js";
-
-// src/react/textarea/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-textarea";
-CwTextarea.define("cw-textarea");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwTextarea,
-  react: React,
-  events: {
-    onCwBlur: "cw-blur",
-    onCwChange: "cw-change",
-    onCwFocus: "cw-focus",
-    onCwInput: "cw-input",
-    onCwInvalid: "cw-invalid"
-  },
-  displayName: "CwTextarea"
-});
-var textarea_default = reactWrapper;
-
-export {
-  textarea_default
-};

package/cdn/chunks/chunk.VAAD4OVB.js

@@ -1,21 +0,0 @@
-import {
-  CwBadge
-} from "./chunk.NOY5CJSA.js";
-
-// src/react/badge/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "cw-badge";
-CwBadge.define("cw-badge");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwBadge,
-  react: React,
-  events: {},
-  displayName: "CwBadge"
-});
-var badge_default = reactWrapper;
-
-export {
-  badge_default
-};

package/cdn/chunks/chunk.VAPZDHBU.js

@@ -1,25 +0,0 @@
-import {
-  CwIconButton
-} from "./chunk.L5XLV3B4.js";
-
-// src/react/icon-button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-icon-button";
-CwIconButton.define("cw-icon-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwIconButton,
-  react: React,
-  events: {
-    onCwBlur: "cw-blur",
-    onCwFocus: "cw-focus"
-  },
-  displayName: "CwIconButton"
-});
-var icon_button_default = reactWrapper;
-
-export {
-  icon_button_default
-};

package/cdn/chunks/chunk.VG534EFM.js

@@ -1,197 +0,0 @@
-import {
-  menu_item_styles_default
-} from "./chunk.TKNTIN72.js";
-import {
-  SubmenuController
-} from "./chunk.FJASASXB.js";
-import {
-  CwPopup
-} from "./chunk.IB56CDHK.js";
-import {
-  CwSpinner
-} from "./chunk.YRFY23LK.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.BVGZUUCX.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  CwIcon
-} from "./chunk.C2M7QWWQ.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  e as e2,
-  n
-} from "./chunk.FLNVNWJS.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/menu-item/menu-item.component.ts
-var CwMenuItem = class extends CwElement {
-  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 b`
-      <div
-        id="anchor"
-        part="base"
-        class=${e({
-      "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">
-          <cw-icon name="check" library="system" aria-hidden="true"></cw-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">
-          <cw-icon name=${isRtl ? "chevron-left" : "chevron-right"} library="system" aria-hidden="true"></cw-icon>
-        </span>
-
-        ${this.submenuController.renderSubmenu()}
-        ${this.loading ? b` <cw-spinner part="spinner" exportparts="base:spinner__base"></cw-spinner> ` : ""}
-      </div>
-    `;
-  }
-};
-CwMenuItem.styles = [component_styles_default, menu_item_styles_default];
-CwMenuItem.dependencies = {
-  "cw-icon": CwIcon,
-  "cw-popup": CwPopup,
-  "cw-spinner": CwSpinner
-};
-__decorateClass([
-  e2("slot:not([name])")
-], CwMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  e2(".menu-item")
-], CwMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  n()
-], CwMenuItem.prototype, "type", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwMenuItem.prototype, "checked", 2);
-__decorateClass([
-  n()
-], CwMenuItem.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwMenuItem.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], CwMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], CwMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], CwMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  CwMenuItem
-};

package/cdn/chunks/chunk.VLC3JLLK.js

@@ -1,11 +0,0 @@
-import {
-  CwTreeItem
-} from "./chunk.KSQGSWE2.js";
-
-// src/components/tree-item/tree-item.ts
-var tree_item_default = CwTreeItem;
-CwTreeItem.define("cw-tree-item");
-
-export {
-  tree_item_default
-};

package/cdn/chunks/chunk.VM2C2XMU.js

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

package/cdn/chunks/chunk.VNH6CT6T.js

@@ -1,11 +0,0 @@
-import {
-  CwRange
-} from "./chunk.FLZY4CGF.js";
-
-// src/components/range/range.ts
-var range_default = CwRange;
-CwRange.define("cw-range");
-
-export {
-  range_default
-};

package/cdn/chunks/chunk.VNUEPJDF.js

@@ -1,11 +0,0 @@
-import {
-  CwAnimation
-} from "./chunk.XXCSDFM5.js";
-
-// src/components/animation/animation.ts
-var animation_default = CwAnimation;
-CwAnimation.define("cw-animation");
-
-export {
-  animation_default
-};

package/cdn/chunks/chunk.VUYMM42W.js

@@ -1,21 +0,0 @@
-import {
-  CwQrCode
-} from "./chunk.D7DEMDHZ.js";
-
-// src/react/qr-code/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "cw-qr-code";
-CwQrCode.define("cw-qr-code");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwQrCode,
-  react: React,
-  events: {},
-  displayName: "CwQrCode"
-});
-var qr_code_default = reactWrapper;
-
-export {
-  qr_code_default
-};