@cordwainer/cw-elements 1.3.0-beta.0 → 1.3.0

package/dist/chunks/chunk.MT3HGDV7.js

@@ -1,100 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.OFFCHZOX.js";
-import {
-  CwElement
-} from "./chunk.Z2HD6GN7.js";
-import {
-  __decorateClass
-} from "./chunk.Q44EX5TP.js";
-
-// src/components/relative-time/relative-time.component.ts
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-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 html` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
-  }
-};
-__decorateClass([
-  state()
-], CwRelativeTime.prototype, "isoTime", 2);
-__decorateClass([
-  state()
-], CwRelativeTime.prototype, "relativeTime", 2);
-__decorateClass([
-  property()
-], CwRelativeTime.prototype, "date", 2);
-__decorateClass([
-  property()
-], CwRelativeTime.prototype, "format", 2);
-__decorateClass([
-  property()
-], CwRelativeTime.prototype, "numeric", 2);
-__decorateClass([
-  property({ 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/dist/chunks/chunk.MWYI7IL5.js

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

package/dist/chunks/chunk.NDSL7BZV.js

@@ -1,11 +0,0 @@
-import {
-  CwDrawer
-} from "./chunk.PBV7XJ7B.js";
-
-// src/components/drawer/drawer.ts
-var drawer_default = CwDrawer;
-CwDrawer.define("cw-drawer");
-
-export {
-  drawer_default
-};

package/dist/chunks/chunk.NKLXCLVS.js

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

package/dist/chunks/chunk.NMUO3SNQ.js

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

package/dist/chunks/chunk.NXOEPHB7.js

@@ -1,151 +0,0 @@
-import {
-  image_comparer_styles_default
-} from "./chunk.MXQ455GJ.js";
-import {
-  drag
-} from "./chunk.ESELY2US.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.OFFCHZOX.js";
-import {
-  CwIcon
-} from "./chunk.4QFXWB46.js";
-import {
-  watch
-} from "./chunk.GQZ7EGMM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  CwElement
-} from "./chunk.Z2HD6GN7.js";
-import {
-  __decorateClass
-} from "./chunk.Q44EX5TP.js";
-
-// src/components/image-comparer/image-comparer.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-var CwImageComparer = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.position = 50;
-  }
-  handleDrag(event) {
-    const { width } = this.base.getBoundingClientRect();
-    const isRtl = this.localize.dir() === "rtl";
-    event.preventDefault();
-    drag(this.base, {
-      onMove: (x) => {
-        this.position = parseFloat(clamp(x / width * 100, 0, 100).toFixed(2));
-        if (isRtl) this.position = 100 - this.position;
-      },
-      initialEvent: event
-    });
-  }
-  handleKeyDown(event) {
-    const isLtr = this.localize.dir() === "ltr";
-    const isRtl = this.localize.dir() === "rtl";
-    if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
-      const incr = event.shiftKey ? 10 : 1;
-      let newPosition = this.position;
-      event.preventDefault();
-      if (isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
-        newPosition -= incr;
-      }
-      if (isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
-        newPosition += incr;
-      }
-      if (event.key === "Home") {
-        newPosition = 0;
-      }
-      if (event.key === "End") {
-        newPosition = 100;
-      }
-      newPosition = clamp(newPosition, 0, 100);
-      this.position = newPosition;
-    }
-  }
-  handlePositionChange() {
-    this.emit("cw-change");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    return html`
-      <div
-        part="base"
-        id="image-comparer"
-        class=${classMap({
-      "image-comparer": true,
-      "image-comparer--rtl": isRtl
-    })}
-        @keydown=${this.handleKeyDown}
-      >
-        <div class="image-comparer__image">
-          <div part="before" class="image-comparer__before">
-            <slot name="before"></slot>
-          </div>
-
-          <div
-            part="after"
-            class="image-comparer__after"
-            style=${styleMap({
-      clipPath: isRtl ? `inset(0 0 0 ${100 - this.position}%)` : `inset(0 ${100 - this.position}% 0 0)`
-    })}
-          >
-            <slot name="after"></slot>
-          </div>
-        </div>
-
-        <div
-          part="divider"
-          class="image-comparer__divider"
-          style=${styleMap({
-      left: isRtl ? `${100 - this.position}%` : `${this.position}%`
-    })}
-          @mousedown=${this.handleDrag}
-          @touchstart=${this.handleDrag}
-        >
-          <div
-            part="handle"
-            class="image-comparer__handle"
-            role="scrollbar"
-            aria-valuenow=${this.position}
-            aria-valuemin="0"
-            aria-valuemax="100"
-            aria-controls="image-comparer"
-            tabindex="0"
-          >
-            <slot name="handle">
-              <cw-icon library="system" name="grip-vertical"></cw-icon>
-            </slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-};
-CwImageComparer.styles = [component_styles_default, image_comparer_styles_default];
-CwImageComparer.scopedElement = { "cw-icon": CwIcon };
-__decorateClass([
-  query(".image-comparer")
-], CwImageComparer.prototype, "base", 2);
-__decorateClass([
-  query(".image-comparer__handle")
-], CwImageComparer.prototype, "handle", 2);
-__decorateClass([
-  property({ type: Number, reflect: true })
-], CwImageComparer.prototype, "position", 2);
-__decorateClass([
-  watch("position", { waitUntilFirstUpdate: true })
-], CwImageComparer.prototype, "handlePositionChange", 1);
-
-export {
-  CwImageComparer
-};

package/dist/chunks/chunk.O36GAPLM.js

@@ -1,11 +0,0 @@
-import {
-  CwAlert
-} from "./chunk.K5IGWVLY.js";
-
-// src/components/alert/alert.ts
-var alert_default = CwAlert;
-CwAlert.define("cw-alert");
-
-export {
-  alert_default
-};

package/dist/chunks/chunk.O3IWAE26.js

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

package/dist/chunks/chunk.ODJAJ4MK.js

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

package/dist/chunks/chunk.OFBZYLC4.js

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

package/dist/chunks/chunk.OFNY6PME.js

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