@cordwainer/cw-elements 1.5.0-alpha.1 → 1.5.0-alpha.2

package/cdn/chunks/chunk.S2XBJWK5.js

@@ -1,84 +0,0 @@
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  CwElement,
-  n
-} from "./chunk.O2YQZH6W.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/data-table-column/data-table-column.component.ts
-var CwDataTableColumn = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.name = "";
-    this.label = "";
-    this.sortable = false;
-    this.width = "";
-    this.minWidth = "";
-    this.align = "start";
-    this.hidden = false;
-  }
-  /**
-   * A custom cell renderer. Called once per row with the cell value, the full row object,
-   * and this column element. Return a Lit `TemplateResult` or a plain string.
-   *
-   * @example
-   * column.renderCell = (value, row) => html`<cw-badge>${value}</cw-badge>`;
-   */
-  get renderCell() {
-    return this._renderCell;
-  }
-  set renderCell(fn) {
-    this._renderCell = fn;
-    this.handlePropertyChange();
-  }
-  handlePropertyChange() {
-    const table = this.closest("cw-data-table");
-    if (!table) {
-      return;
-    }
-    if (typeof table.handleColumnChange === "function") {
-      table.handleColumnChange();
-      return;
-    }
-    customElements.whenDefined("cw-data-table").then(() => table.handleColumnChange());
-  }
-  render() {
-    return b`<slot></slot>`;
-  }
-};
-CwDataTableColumn.styles = [];
-__decorateClass([
-  n({ reflect: true })
-], CwDataTableColumn.prototype, "name", 2);
-__decorateClass([
-  n({ reflect: true })
-], CwDataTableColumn.prototype, "label", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwDataTableColumn.prototype, "sortable", 2);
-__decorateClass([
-  n({ reflect: true })
-], CwDataTableColumn.prototype, "width", 2);
-__decorateClass([
-  n({ attribute: "min-width", reflect: true })
-], CwDataTableColumn.prototype, "minWidth", 2);
-__decorateClass([
-  n({ reflect: true })
-], CwDataTableColumn.prototype, "align", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwDataTableColumn.prototype, "hidden", 2);
-__decorateClass([
-  watch(["name", "label", "sortable", "width", "minWidth", "align", "hidden"])
-], CwDataTableColumn.prototype, "handlePropertyChange", 1);
-
-export {
-  CwDataTableColumn
-};

package/cdn/chunks/chunk.SBBXA5XP.js

@@ -1,114 +0,0 @@
-import {
-  avatar_styles_default
-} from "./chunk.LEN4WWLZ.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  CwIcon
-} from "./chunk.EBWZEVDL.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  n,
-  r
-} from "./chunk.O2YQZH6W.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/avatar/avatar.component.ts
-var CwAvatar = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.hasError = false;
-    this.image = "";
-    this.label = "";
-    this.initials = "";
-    this.loading = "eager";
-    this.shape = "circle";
-  }
-  handleImageChange() {
-    this.hasError = false;
-  }
-  handleImageLoadError() {
-    this.hasError = true;
-    this.emit("cw-error");
-  }
-  render() {
-    const avatarWithImage = b`
-      <img
-        part="image"
-        class="avatar__image"
-        src="${this.image}"
-        loading="${this.loading}"
-        alt=""
-        @error="${this.handleImageLoadError}"
-      />
-    `;
-    let avatarWithoutImage = b``;
-    if (this.initials) {
-      avatarWithoutImage = b`<div part="initials" class="avatar__initials">${this.initials}</div>`;
-    } else {
-      avatarWithoutImage = b`
-        <div part="icon" class="avatar__icon" aria-hidden="true">
-          <slot name="icon">
-            <cw-icon name="person-fill" library="system"></cw-icon>
-          </slot>
-        </div>
-      `;
-    }
-    return b`
-      <div
-        part="base"
-        class=${e({
-      avatar: true,
-      "avatar--circle": this.shape === "circle",
-      "avatar--rounded": this.shape === "rounded",
-      "avatar--square": this.shape === "square"
-    })}
-        role="img"
-        aria-label=${this.label}
-      >
-        ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
-      </div>
-    `;
-  }
-};
-CwAvatar.styles = [component_styles_default, avatar_styles_default];
-CwAvatar.dependencies = {
-  "cw-icon": CwIcon
-};
-__decorateClass([
-  r()
-], CwAvatar.prototype, "hasError", 2);
-__decorateClass([
-  n()
-], CwAvatar.prototype, "image", 2);
-__decorateClass([
-  n()
-], CwAvatar.prototype, "label", 2);
-__decorateClass([
-  n()
-], CwAvatar.prototype, "initials", 2);
-__decorateClass([
-  n()
-], CwAvatar.prototype, "loading", 2);
-__decorateClass([
-  n({ reflect: true })
-], CwAvatar.prototype, "shape", 2);
-__decorateClass([
-  watch("image")
-], CwAvatar.prototype, "handleImageChange", 1);
-
-export {
-  CwAvatar
-};

package/cdn/chunks/chunk.SBYCR5F7.js

@@ -1,11 +0,0 @@
-import {
-  CwButton
-} from "./chunk.QDSTPORL.js";
-
-// src/components/button/button.ts
-var button_default = CwButton;
-CwButton.define("cw-button");
-
-export {
-  button_default
-};

package/cdn/chunks/chunk.SDVDFCQA.js

@@ -1,21 +0,0 @@
-import {
-  CwFormatBytes
-} from "./chunk.6PDNBVAN.js";
-
-// src/react/format-bytes/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "cw-format-bytes";
-CwFormatBytes.define("cw-format-bytes");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwFormatBytes,
-  react: React,
-  events: {},
-  displayName: "CwFormatBytes"
-});
-var format_bytes_default = reactWrapper;
-
-export {
-  format_bytes_default
-};

package/cdn/chunks/chunk.SPMIZLGP.js

@@ -1,11 +0,0 @@
-import {
-  CwCarousel
-} from "./chunk.PJ6CA7QO.js";
-
-// src/components/carousel/carousel.ts
-var carousel_default = CwCarousel;
-CwCarousel.define("cw-carousel");
-
-export {
-  carousel_default
-};

package/cdn/chunks/chunk.SSE6TKYX.js

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

package/cdn/chunks/chunk.STD3IC77.js

@@ -1,87 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.4HKHDE3H.js";
-import {
-  CwElement,
-  n
-} from "./chunk.O2YQZH6W.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/format-date/format-date.component.ts
-var CwFormatDate = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.date = /* @__PURE__ */ new Date();
-    this.hourFormat = "auto";
-  }
-  render() {
-    const date = new Date(this.date);
-    const hour12 = this.hourFormat === "auto" ? void 0 : this.hourFormat === "12";
-    if (isNaN(date.getMilliseconds())) {
-      return void 0;
-    }
-    return b`
-      <time datetime=${date.toISOString()}>
-        ${this.localize.date(date, {
-      weekday: this.weekday,
-      era: this.era,
-      year: this.year,
-      month: this.month,
-      day: this.day,
-      hour: this.hour,
-      minute: this.minute,
-      second: this.second,
-      timeZoneName: this.timeZoneName,
-      timeZone: this.timeZone,
-      hour12
-    })}
-      </time>
-    `;
-  }
-};
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "date", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "weekday", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "era", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "year", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "month", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "day", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "hour", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "minute", 2);
-__decorateClass([
-  n()
-], CwFormatDate.prototype, "second", 2);
-__decorateClass([
-  n({ attribute: "time-zone-name" })
-], CwFormatDate.prototype, "timeZoneName", 2);
-__decorateClass([
-  n({ attribute: "time-zone" })
-], CwFormatDate.prototype, "timeZone", 2);
-__decorateClass([
-  n({ attribute: "hour-format" })
-], CwFormatDate.prototype, "hourFormat", 2);
-
-export {
-  CwFormatDate
-};

package/cdn/chunks/chunk.TDFEQP2W.js

@@ -1,24 +0,0 @@
-import {
-  CwTree
-} from "./chunk.HH4G5RJX.js";
-
-// src/react/tree/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-tree";
-CwTree.define("cw-tree");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwTree,
-  react: React,
-  events: {
-    onCwSelectionChange: "cw-selection-change"
-  },
-  displayName: "CwTree"
-});
-var tree_default = reactWrapper;
-
-export {
-  tree_default
-};

package/cdn/chunks/chunk.TL63ROHO.js

@@ -1,11 +0,0 @@
-import {
-  CwTabPanel
-} from "./chunk.ISJYROK5.js";
-
-// src/components/tab-panel/tab-panel.ts
-var tab_panel_default = CwTabPanel;
-CwTabPanel.define("cw-tab-panel");
-
-export {
-  tab_panel_default
-};

package/cdn/chunks/chunk.TYJ4Z2ZU.js

@@ -1,11 +0,0 @@
-import {
-  CwFormatNumber
-} from "./chunk.XXTX6TSJ.js";
-
-// src/components/format-number/format-number.ts
-var format_number_default = CwFormatNumber;
-CwFormatNumber.define("cw-format-number");
-
-export {
-  format_number_default
-};

package/cdn/chunks/chunk.UIGKBVAR.js

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

package/cdn/chunks/chunk.UJ6NNCVG.js

@@ -1,11 +0,0 @@
-import {
-  CwTab
-} from "./chunk.C6QY3LK2.js";
-
-// src/components/tab/tab.ts
-var tab_default = CwTab;
-CwTab.define("cw-tab");
-
-export {
-  tab_default
-};

package/cdn/chunks/chunk.UKDVPUO7.js

@@ -1,11 +0,0 @@
-import {
-  CwVisuallyHidden
-} from "./chunk.45PR6WCW.js";
-
-// src/components/visually-hidden/visually-hidden.ts
-var visually_hidden_default = CwVisuallyHidden;
-CwVisuallyHidden.define("cw-visually-hidden");
-
-export {
-  visually_hidden_default
-};

package/cdn/chunks/chunk.UMQNWDBS.js

@@ -1,11 +0,0 @@
-import {
-  CwTimePicker
-} from "./chunk.KUECFRQH.js";
-
-// src/components/time-picker/time-picker.ts
-var time_picker_default = CwTimePicker;
-CwTimePicker.define("cw-time-picker");
-
-export {
-  time_picker_default
-};

package/cdn/chunks/chunk.UMRLIFTS.js

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

package/cdn/chunks/chunk.UPZGDVCF.js

@@ -1,97 +0,0 @@
-import {
-  tag_styles_default
-} from "./chunk.VXVXEYPQ.js";
-import {
-  CwIconButton
-} from "./chunk.I7Q466VT.js";
-import {
-  LocalizeController
-} from "./chunk.4HKHDE3H.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  n
-} from "./chunk.O2YQZH6W.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/tag/tag.component.ts
-var CwTag = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.variant = "neutral";
-    this.size = "medium";
-    this.pill = false;
-    this.removable = false;
-  }
-  handleRemoveClick() {
-    this.emit("cw-remove");
-  }
-  render() {
-    return b`
-      <span
-        part="base"
-        class=${e({
-      tag: true,
-      // Types
-      "tag--primary": this.variant === "primary",
-      "tag--success": this.variant === "success",
-      "tag--neutral": this.variant === "neutral",
-      "tag--warning": this.variant === "warning",
-      "tag--danger": this.variant === "danger",
-      "tag--text": this.variant === "text",
-      // Sizes
-      "tag--small": this.size === "small",
-      "tag--medium": this.size === "medium",
-      "tag--large": this.size === "large",
-      // Modifiers
-      "tag--pill": this.pill,
-      "tag--removable": this.removable
-    })}
-      >
-        <slot part="content" class="tag__content"></slot>
-
-        ${this.removable ? b`
-                <cw-icon-button
-                  part="remove-button"
-                  exportparts="base:remove-button__base"
-                  name="x-lg"
-                  library="system"
-                  label=${this.localize.term("remove")}
-                  class="tag__remove"
-                  @click=${this.handleRemoveClick}
-                  tabindex="-1"
-                ></cw-icon-button>
-              ` : ""}
-      </span>
-    `;
-  }
-};
-CwTag.styles = [component_styles_default, tag_styles_default];
-CwTag.dependencies = { "cw-icon-button": CwIconButton };
-__decorateClass([
-  n({ reflect: true })
-], CwTag.prototype, "variant", 2);
-__decorateClass([
-  n({ reflect: true })
-], CwTag.prototype, "size", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwTag.prototype, "pill", 2);
-__decorateClass([
-  n({ type: Boolean })
-], CwTag.prototype, "removable", 2);
-
-export {
-  CwTag
-};

package/cdn/chunks/chunk.UR2LEARZ.js

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