@cordwainer/cw-elements 1.3.3 → 1.4.0-alpha.1

package/cdn/chunks/chunk.F3LYAR3S.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.J3YBF7EP.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.F4HNOGOU.js

@@ -1,153 +0,0 @@
-import {
-  option_styles_default
-} from "./chunk.WIMBCK75.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  CwIcon
-} from "./chunk.5KLSJMGP.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.J3YBF7EP.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/option/option.component.ts
-var CwOption = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    // @ts-expect-error - Controller is currently unused
-    this.localize = new LocalizeController(this);
-    this.isInitialized = false;
-    this.current = false;
-    this.selected = false;
-    this.hasHover = false;
-    this.value = "";
-    this.disabled = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "option");
-    this.setAttribute("aria-selected", "false");
-  }
-  handleDefaultSlotChange() {
-    if (this.isInitialized) {
-      customElements.whenDefined("cw-select").then(() => {
-        const controller = this.closest("cw-select");
-        if (controller) {
-          controller.handleDefaultSlotChange();
-        }
-      });
-    } else {
-      this.isInitialized = true;
-    }
-  }
-  handleMouseEnter() {
-    this.hasHover = true;
-  }
-  handleMouseLeave() {
-    this.hasHover = false;
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleSelectedChange() {
-    this.setAttribute("aria-selected", this.selected ? "true" : "false");
-  }
-  handleValueChange() {
-    if (typeof this.value !== "string") {
-      this.value = String(this.value);
-    }
-    if (this.value.includes(" ")) {
-      console.error(`Option values cannot include a space. All spaces have been replaced with underscores.`, this);
-      this.value = this.value.replace(/ /g, "_");
-    }
-  }
-  /** Returns a plain text label based on the option's content. */
-  getTextLabel() {
-    const nodes = this.childNodes;
-    let label = "";
-    [...nodes].forEach((node) => {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        if (!node.hasAttribute("slot")) {
-          label += node.textContent;
-        }
-      }
-      if (node.nodeType === Node.TEXT_NODE) {
-        label += node.textContent;
-      }
-    });
-    return label.trim();
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class=${e({
-      option: true,
-      "option--current": this.current,
-      "option--disabled": this.disabled,
-      "option--selected": this.selected,
-      "option--hover": this.hasHover
-    })}
-        @mouseenter=${this.handleMouseEnter}
-        @mouseleave=${this.handleMouseLeave}
-      >
-        <cw-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></cw-icon>
-        <slot part="prefix" name="prefix" class="option__prefix"></slot>
-        <slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-        <slot part="suffix" name="suffix" class="option__suffix"></slot>
-      </div>
-    `;
-  }
-};
-CwOption.styles = [component_styles_default, option_styles_default];
-CwOption.dependencies = { "cw-icon": CwIcon };
-__decorateClass([
-  e2(".option__label")
-], CwOption.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], CwOption.prototype, "current", 2);
-__decorateClass([
-  r()
-], CwOption.prototype, "selected", 2);
-__decorateClass([
-  r()
-], CwOption.prototype, "hasHover", 2);
-__decorateClass([
-  n({ reflect: true })
-], CwOption.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwOption.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], CwOption.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("selected")
-], CwOption.prototype, "handleSelectedChange", 1);
-__decorateClass([
-  watch("value")
-], CwOption.prototype, "handleValueChange", 1);
-
-export {
-  CwOption
-};

package/cdn/chunks/chunk.F6WRG64L.js

@@ -1,75 +0,0 @@
-import {
-  progress_bar_styles_default
-} from "./chunk.MO63AOJA.js";
-import {
-  o as o2
-} from "./chunk.3KMJJQ2V.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  o
-} from "./chunk.LRAERZML.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  n
-} from "./chunk.J3YBF7EP.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/progress-bar/progress-bar.component.ts
-var CwProgressBar = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.value = 0;
-    this.indeterminate = false;
-    this.label = "";
-  }
-  render() {
-    return b`
-      <div
-        part="base"
-        class=${e({
-      "progress-bar": true,
-      "progress-bar--indeterminate": this.indeterminate,
-      "progress-bar--rtl": this.localize.dir() === "rtl"
-    })}
-        role="progressbar"
-        title=${o(this.title)}
-        aria-label=${this.label.length > 0 ? this.label : this.localize.term("progress")}
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-valuenow=${this.indeterminate ? 0 : this.value}
-      >
-        <div part="indicator" class="progress-bar__indicator" style=${o2({ width: `${this.value}%` })}>
-          ${!this.indeterminate ? b` <slot part="label" class="progress-bar__label"></slot> ` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-CwProgressBar.styles = [component_styles_default, progress_bar_styles_default];
-__decorateClass([
-  n({ type: Number, reflect: true })
-], CwProgressBar.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwProgressBar.prototype, "indeterminate", 2);
-__decorateClass([
-  n()
-], CwProgressBar.prototype, "label", 2);
-
-export {
-  CwProgressBar
-};

package/cdn/chunks/chunk.F74GCOPJ.js

@@ -1,11 +0,0 @@
-import {
-  CwRadioGroup
-} from "./chunk.6KCEZMOF.js";
-
-// src/components/radio-group/radio-group.ts
-var radio_group_default = CwRadioGroup;
-CwRadioGroup.define("cw-radio-group");
-
-export {
-  radio_group_default
-};

package/cdn/chunks/chunk.FA6FHXLZ.js

@@ -1,11 +0,0 @@
-import {
-  CwMenuItem
-} from "./chunk.MK6LK4UX.js";
-
-// src/components/menu-item/menu-item.ts
-var menu_item_default = CwMenuItem;
-CwMenuItem.define("cw-menu-item");
-
-export {
-  menu_item_default
-};

package/cdn/chunks/chunk.FGHNWZDV.js

@@ -1,11 +0,0 @@
-import {
-  CwRadio
-} from "./chunk.RGPOLFFM.js";
-
-// src/components/radio/radio.ts
-var radio_default = CwRadio;
-CwRadio.define("cw-radio");
-
-export {
-  radio_default
-};

package/cdn/chunks/chunk.FITZ7E3P.js

@@ -1,25 +0,0 @@
-import {
-  CwAnimatedImage
-} from "./chunk.RQ3XLCQ5.js";
-
-// src/react/animated-image/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-animated-image";
-CwAnimatedImage.define("cw-animated-image");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwAnimatedImage,
-  react: React,
-  events: {
-    onCwLoad: "cw-load",
-    onCwError: "cw-error"
-  },
-  displayName: "CwAnimatedImage"
-});
-var animated_image_default = reactWrapper;
-
-export {
-  animated_image_default
-};

package/cdn/chunks/chunk.FSNR4623.js

@@ -1,28 +0,0 @@
-import {
-  CwTextarea
-} from "./chunk.7I3MO5JQ.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.FXRHEMKZ.js

@@ -1,24 +0,0 @@
-import {
-  CwTag
-} from "./chunk.DUGZS665.js";
-
-// src/react/tag/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-tag";
-CwTag.define("cw-tag");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwTag,
-  react: React,
-  events: {
-    onCwRemove: "cw-remove"
-  },
-  displayName: "CwTag"
-});
-var tag_default = reactWrapper;
-
-export {
-  tag_default
-};

package/cdn/chunks/chunk.G3EEDT4S.js

@@ -1,185 +0,0 @@
-import {
-  secondary_navigation_styles_default
-} from "./chunk.EZE3OMZ6.js";
-import {
-  CwIconButton
-} from "./chunk.APGKRVNT.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  e as e2,
-  n,
-  r,
-  t
-} from "./chunk.J3YBF7EP.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/secondary-navigation/secondary-navigation.component.ts
-var CwSecondaryNavigation = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.hasScrollControls = false;
-    this.shouldHideScrollStartButton = false;
-    this.shouldHideScrollEndButton = false;
-    this.label = "";
-    this.noScrollControls = false;
-    /**
-     * The reality of the browser means that we can't expect the scroll position to be exactly what we want it to be,
-     * so we add one pixel of wiggle room to our calculations.
-     */
-    this.scrollOffset = 1;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());
-    this.updateComplete.then(() => {
-      this.resizeObserver.observe(this.nav);
-      this.updateScrollControls();
-    });
-  }
-  disconnectedCallback() {
-    var _a;
-    super.disconnectedCallback();
-    if (this.nav) {
-      (_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this.nav);
-    }
-  }
-  handleScrollToStart() {
-    this.nav.scroll({
-      left: this.localize.dir() === "rtl" ? this.nav.scrollLeft + this.nav.clientWidth : this.nav.scrollLeft - this.nav.clientWidth,
-      behavior: "smooth"
-    });
-  }
-  handleScrollToEnd() {
-    this.nav.scroll({
-      left: this.localize.dir() === "rtl" ? this.nav.scrollLeft - this.nav.clientWidth : this.nav.scrollLeft + this.nav.clientWidth,
-      behavior: "smooth"
-    });
-  }
-  scrollFromStart() {
-    return this.localize.dir() === "rtl" ? -this.nav.scrollLeft : this.nav.scrollLeft;
-  }
-  isScrolledToEnd() {
-    return this.scrollFromStart() + this.nav.clientWidth >= this.nav.scrollWidth - this.scrollOffset;
-  }
-  updateScrollButtons() {
-    if (this.hasScrollControls) {
-      this.shouldHideScrollStartButton = this.scrollFromStart() <= this.scrollOffset;
-      this.shouldHideScrollEndButton = this.isScrolledToEnd();
-    }
-  }
-  updateScrollControls() {
-    if (this.noScrollControls) {
-      this.hasScrollControls = false;
-    } else {
-      this.hasScrollControls = this.nav.scrollWidth > this.nav.clientWidth + 1;
-    }
-    this.updateScrollButtons();
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const label = this.label || this.localize.term("secondaryNavigation");
-    return b`
-      <nav
-        part="base"
-        class=${e({
-      "secondary-navigation": true,
-      "secondary-navigation--has-scroll-controls": this.hasScrollControls,
-      "secondary-navigation--rtl": isRtl
-    })}
-        aria-label=${label}
-      >
-        <div class="secondary-navigation__nav-container" part="nav">
-          ${this.hasScrollControls ? b`
-                  <cw-icon-button
-                    part="scroll-button scroll-button--start"
-                    exportparts="base:scroll-button__base"
-                    class=${e({
-      "secondary-navigation__scroll-button": true,
-      "secondary-navigation__scroll-button--start": true,
-      "secondary-navigation__scroll-button--start--hidden": this.shouldHideScrollStartButton
-    })}
-                    name=${isRtl ? "chevron-right" : "chevron-left"}
-                    library="system"
-                    tabindex="-1"
-                    aria-hidden="true"
-                    label=${this.localize.term("scrollToStart")}
-                    @click=${this.handleScrollToStart}
-                  ></cw-icon-button>
-                ` : ""}
-
-          <div class="secondary-navigation__nav" @scrollend=${this.updateScrollButtons}>
-            <div class="secondary-navigation__list" role="list">
-              <slot @slotchange=${this.updateScrollControls}></slot>
-            </div>
-          </div>
-
-          ${this.hasScrollControls ? b`
-                  <cw-icon-button
-                    part="scroll-button scroll-button--end"
-                    exportparts="base:scroll-button__base"
-                    class=${e({
-      "secondary-navigation__scroll-button": true,
-      "secondary-navigation__scroll-button--end": true,
-      "secondary-navigation__scroll-button--end--hidden": this.shouldHideScrollEndButton
-    })}
-                    name=${isRtl ? "chevron-left" : "chevron-right"}
-                    library="system"
-                    tabindex="-1"
-                    aria-hidden="true"
-                    label=${this.localize.term("scrollToEnd")}
-                    @click=${this.handleScrollToEnd}
-                  ></cw-icon-button>
-                ` : ""}
-        </div>
-      </nav>
-    `;
-  }
-};
-CwSecondaryNavigation.styles = [component_styles_default, secondary_navigation_styles_default];
-CwSecondaryNavigation.dependencies = { "cw-icon-button": CwIconButton };
-__decorateClass([
-  e2(".secondary-navigation__nav")
-], CwSecondaryNavigation.prototype, "nav", 2);
-__decorateClass([
-  r()
-], CwSecondaryNavigation.prototype, "hasScrollControls", 2);
-__decorateClass([
-  r()
-], CwSecondaryNavigation.prototype, "shouldHideScrollStartButton", 2);
-__decorateClass([
-  r()
-], CwSecondaryNavigation.prototype, "shouldHideScrollEndButton", 2);
-__decorateClass([
-  n()
-], CwSecondaryNavigation.prototype, "label", 2);
-__decorateClass([
-  n({ attribute: "no-scroll-controls", type: Boolean })
-], CwSecondaryNavigation.prototype, "noScrollControls", 2);
-__decorateClass([
-  t({ passive: true })
-], CwSecondaryNavigation.prototype, "updateScrollButtons", 1);
-__decorateClass([
-  watch("noScrollControls", { waitUntilFirstUpdate: true })
-], CwSecondaryNavigation.prototype, "updateScrollControls", 1);
-
-export {
-  CwSecondaryNavigation
-};

package/cdn/chunks/chunk.G6DLXOJ6.js

@@ -1,11 +0,0 @@
-import {
-  CwColorPicker
-} from "./chunk.UYBRT243.js";
-
-// src/components/color-picker/color-picker.ts
-var color_picker_default = CwColorPicker;
-CwColorPicker.define("cw-color-picker");
-
-export {
-  color_picker_default
-};

package/cdn/chunks/chunk.G75BP6Q5.js

@@ -1,11 +0,0 @@
-import {
-  CwFormatDate
-} from "./chunk.2RLJJPP3.js";
-
-// src/components/format-date/format-date.ts
-var format_date_default = CwFormatDate;
-CwFormatDate.define("cw-format-date");
-
-export {
-  format_date_default
-};

package/cdn/chunks/chunk.GBDJQ5GL.js

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