@cordwainer/cw-elements 1.3.0 → 1.4.0-alpha.0

package/cdn/chunks/chunk.SOTNLOIT.js

@@ -1,11 +0,0 @@
-import {
-  CwImageComparer
-} from "./chunk.MWFXKD76.js";
-
-// src/components/image-comparer/image-comparer.ts
-var image_comparer_default = CwImageComparer;
-CwImageComparer.define("cw-image-comparer");
-
-export {
-  image_comparer_default
-};

package/cdn/chunks/chunk.T5NIDDI3.js

@@ -1,27 +0,0 @@
-import {
-  CwPrimaryNavigationItem
-} from "./chunk.RO2MLSDH.js";
-
-// src/react/primary-navigation-item/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-primary-navigation-item";
-CwPrimaryNavigationItem.define("cw-primary-navigation-item");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwPrimaryNavigationItem,
-  react: React,
-  events: {
-    onCwShow: "cw-show",
-    onCwAfterShow: "cw-after-show",
-    onCwHide: "cw-hide",
-    onCwAfterHide: "cw-after-hide"
-  },
-  displayName: "CwPrimaryNavigationItem"
-});
-var primary_navigation_item_default = reactWrapper;
-
-export {
-  primary_navigation_item_default
-};

package/cdn/chunks/chunk.TARJHCBV.js

@@ -1,11 +0,0 @@
-import {
-  CwIcon
-} from "./chunk.C2M7QWWQ.js";
-
-// src/components/icon/icon.ts
-var icon_default = CwIcon;
-CwIcon.define("cw-icon");
-
-export {
-  icon_default
-};

package/cdn/chunks/chunk.TDBXDFZ5.js

@@ -1,24 +0,0 @@
-import {
-  CwMenu
-} from "./chunk.6L4OQPIL.js";
-
-// src/react/menu/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-menu";
-CwMenu.define("cw-menu");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwMenu,
-  react: React,
-  events: {
-    onCwSelect: "cw-select"
-  },
-  displayName: "CwMenu"
-});
-var menu_default = reactWrapper;
-
-export {
-  menu_default
-};

package/cdn/chunks/chunk.TEALCI5A.js

@@ -1,11 +0,0 @@
-import {
-  CwAvatar
-} from "./chunk.2V3GNMGU.js";
-
-// src/components/avatar/avatar.ts
-var avatar_default = CwAvatar;
-CwAvatar.define("cw-avatar");
-
-export {
-  avatar_default
-};

package/cdn/chunks/chunk.TEBOKWUX.js

@@ -1,11 +0,0 @@
-import {
-  CwFormatDate
-} from "./chunk.BP336MNV.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.TEIDR2HL.js

@@ -1,11 +0,0 @@
-import {
-  CwFormatBytes
-} from "./chunk.63VP6NAM.js";
-
-// src/components/format-bytes/format-bytes.ts
-var format_bytes_default = CwFormatBytes;
-CwFormatBytes.define("cw-format-bytes");
-
-export {
-  format_bytes_default
-};

package/cdn/chunks/chunk.TNSGWKSA.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.FLNVNWJS.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.TOP5MCYV.js

@@ -1,11 +0,0 @@
-import {
-  CwBadge
-} from "./chunk.NOY5CJSA.js";
-
-// src/components/badge/badge.ts
-var badge_default = CwBadge;
-CwBadge.define("cw-badge");
-
-export {
-  badge_default
-};

package/cdn/chunks/chunk.TPRPU4FI.js

@@ -1,103 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  CwElement,
-  n,
-  r
-} from "./chunk.FLNVNWJS.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/relative-time/relative-time.component.ts
-var availableUnits = [
-  { max: 276e4, value: 6e4, unit: "minute" },
-  // max 46 minutes
-  { max: 72e6, value: 36e5, unit: "hour" },
-  // max 20 hours
-  { max: 5184e5, value: 864e5, unit: "day" },
-  // max 6 days
-  { max: 24192e5, value: 6048e5, unit: "week" },
-  // max 28 days
-  { max: 28512e6, value: 2592e6, unit: "month" },
-  // max 11 months
-  { max: Infinity, value: 31536e6, unit: "year" }
-];
-var CwRelativeTime = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.isoTime = "";
-    this.relativeTime = "";
-    this.date = /* @__PURE__ */ new Date();
-    this.format = "long";
-    this.numeric = "auto";
-    this.sync = false;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    clearTimeout(this.updateTimeout);
-  }
-  render() {
-    const now = /* @__PURE__ */ new Date();
-    const then = new Date(this.date);
-    if (isNaN(then.getMilliseconds())) {
-      this.relativeTime = "";
-      this.isoTime = "";
-      return "";
-    }
-    const diff = then.getTime() - now.getTime();
-    const { unit, value } = availableUnits.find((singleUnit) => Math.abs(diff) < singleUnit.max);
-    this.isoTime = then.toISOString();
-    this.relativeTime = this.localize.relativeTime(Math.round(diff / value), unit, {
-      numeric: this.numeric,
-      style: this.format
-    });
-    clearTimeout(this.updateTimeout);
-    if (this.sync) {
-      let nextInterval;
-      if (unit === "minute") {
-        nextInterval = getTimeUntilNextUnit("second");
-      } else if (unit === "hour") {
-        nextInterval = getTimeUntilNextUnit("minute");
-      } else if (unit === "day") {
-        nextInterval = getTimeUntilNextUnit("hour");
-      } else {
-        nextInterval = getTimeUntilNextUnit("day");
-      }
-      this.updateTimeout = window.setTimeout(() => this.requestUpdate(), nextInterval);
-    }
-    return b` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
-  }
-};
-__decorateClass([
-  r()
-], CwRelativeTime.prototype, "isoTime", 2);
-__decorateClass([
-  r()
-], CwRelativeTime.prototype, "relativeTime", 2);
-__decorateClass([
-  n()
-], CwRelativeTime.prototype, "date", 2);
-__decorateClass([
-  n()
-], CwRelativeTime.prototype, "format", 2);
-__decorateClass([
-  n()
-], CwRelativeTime.prototype, "numeric", 2);
-__decorateClass([
-  n({ type: Boolean })
-], CwRelativeTime.prototype, "sync", 2);
-function getTimeUntilNextUnit(unit) {
-  const units = { second: 1e3, minute: 6e4, hour: 36e5, day: 864e5 };
-  const value = units[unit];
-  return value - Date.now() % value;
-}
-
-export {
-  CwRelativeTime
-};

package/cdn/chunks/chunk.TTOK3OGK.js

@@ -1,11 +0,0 @@
-import {
-  CwOption
-} from "./chunk.AW7LY2JH.js";
-
-// src/components/option/option.ts
-var option_default = CwOption;
-CwOption.define("cw-option");
-
-export {
-  option_default
-};

package/cdn/chunks/chunk.TYNNGPGN.js

@@ -1,26 +0,0 @@
-import {
-  CwDataTable
-} from "./chunk.W5ZEQA5N.js";
-
-// src/react/data-table/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-data-table";
-CwDataTable.define("cw-data-table");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwDataTable,
-  react: React,
-  events: {
-    onCwSortChange: "cw-sort-change",
-    onCwRowSelectionChange: "cw-row-selection-change",
-    onCwRowClick: "cw-row-click"
-  },
-  displayName: "CwDataTable"
-});
-var data_table_default = reactWrapper;
-
-export {
-  data_table_default
-};

package/cdn/chunks/chunk.TYP7WH4C.js

@@ -1,64 +0,0 @@
-import {
-  footer_styles_default
-} from "./chunk.LMZOENUX.js";
-import {
-  HasSlotController
-} from "./chunk.BVGZUUCX.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  n
-} from "./chunk.FLNVNWJS.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/footer/footer.component.ts
-var CwFooter = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "logo", "menu", "about", "social");
-    this.owner = "";
-  }
-  render() {
-    const year = (/* @__PURE__ */ new Date()).getFullYear();
-    const hasSocial = this.hasSlotController.test("social");
-    const hasBottom = Boolean(this.owner) || hasSocial;
-    return b`
-      <footer part="base" class="footer">
-        <div part="logo" class="footer__logo" ?hidden=${!this.hasSlotController.test("logo")}>
-          <slot name="logo"></slot>
-        </div>
-
-        <div part="menu" class="footer__menu" ?hidden=${!this.hasSlotController.test("menu")}>
-          <slot name="menu"></slot>
-        </div>
-
-        <div part="about" class="footer__about" ?hidden=${!this.hasSlotController.test("about")}>
-          <slot name="about"></slot>
-        </div>
-
-        <div part="bottom" class="footer__bottom" ?hidden=${!hasBottom}>
-          ${this.owner ? b`<div part="copyright" class="footer__copyright">© ${year} ${this.owner}</div>` : ""}
-
-          <div part="social" class="footer__social" ?hidden=${!hasSocial}>
-            <slot name="social"></slot>
-          </div>
-        </div>
-      </footer>
-    `;
-  }
-};
-CwFooter.styles = [component_styles_default, footer_styles_default];
-__decorateClass([
-  n()
-], CwFooter.prototype, "owner", 2);
-
-export {
-  CwFooter
-};

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
-};