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

package/cdn/chunks/chunk.3XFGDBRJ.js

@@ -1,26 +0,0 @@
-import {
-  CwDataTable
-} from "./chunk.CV4OV6BK.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.46YJ7NKP.js

@@ -1,33 +0,0 @@
-import {
-  CwCombobox
-} from "./chunk.DF6TJULT.js";
-
-// src/react/combobox/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-combobox";
-CwCombobox.define("cw-combobox");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwCombobox,
-  react: React,
-  events: {
-    onCwChange: "cw-change",
-    onCwClear: "cw-clear",
-    onCwInput: "cw-input",
-    onCwFocus: "cw-focus",
-    onCwBlur: "cw-blur",
-    onCwShow: "cw-show",
-    onCwAfterShow: "cw-after-show",
-    onCwHide: "cw-hide",
-    onCwAfterHide: "cw-after-hide",
-    onCwInvalid: "cw-invalid"
-  },
-  displayName: "CwCombobox"
-});
-var combobox_default = reactWrapper;
-
-export {
-  combobox_default
-};

package/cdn/chunks/chunk.473N5PO6.js

@@ -1,26 +0,0 @@
-import {
-  CwAnimation
-} from "./chunk.UTH6OI3D.js";
-
-// src/react/animation/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-animation";
-CwAnimation.define("cw-animation");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwAnimation,
-  react: React,
-  events: {
-    onCwCancel: "cw-cancel",
-    onCwFinish: "cw-finish",
-    onCwStart: "cw-start"
-  },
-  displayName: "CwAnimation"
-});
-var animation_default = reactWrapper;
-
-export {
-  animation_default
-};

package/cdn/chunks/chunk.47HLZZYV.js

@@ -1,33 +0,0 @@
-import {
-  CwTimePicker
-} from "./chunk.ZUE2LHLD.js";
-
-// src/react/time-picker/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-time-picker";
-CwTimePicker.define("cw-time-picker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwTimePicker,
-  react: React,
-  events: {
-    onCwChange: "cw-change",
-    onCwClear: "cw-clear",
-    onCwInput: "cw-input",
-    onCwFocus: "cw-focus",
-    onCwBlur: "cw-blur",
-    onCwShow: "cw-show",
-    onCwAfterShow: "cw-after-show",
-    onCwHide: "cw-hide",
-    onCwAfterHide: "cw-after-hide",
-    onCwInvalid: "cw-invalid"
-  },
-  displayName: "CwTimePicker"
-});
-var time_picker_default = reactWrapper;
-
-export {
-  time_picker_default
-};

package/cdn/chunks/chunk.4C3JOQAN.js

@@ -1,158 +0,0 @@
-import {
-  image_comparer_styles_default
-} from "./chunk.IA4JONBK.js";
-import {
-  drag
-} from "./chunk.ESELY2US.js";
-import {
-  o
-} from "./chunk.3KMJJQ2V.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  CwIcon
-} from "./chunk.DHITYL4Q.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  e as e2,
-  n
-} from "./chunk.JC6EFBN4.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/image-comparer/image-comparer.component.ts
-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 b`
-      <div
-        part="base"
-        id="image-comparer"
-        class=${e({
-      "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=${o({
-      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=${o({
-      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([
-  e2(".image-comparer")
-], CwImageComparer.prototype, "base", 2);
-__decorateClass([
-  e2(".image-comparer__handle")
-], CwImageComparer.prototype, "handle", 2);
-__decorateClass([
-  n({ type: Number, reflect: true })
-], CwImageComparer.prototype, "position", 2);
-__decorateClass([
-  watch("position", { waitUntilFirstUpdate: true })
-], CwImageComparer.prototype, "handlePositionChange", 1);
-
-export {
-  CwImageComparer
-};

package/cdn/chunks/chunk.4MIYBTVK.js

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

package/cdn/chunks/chunk.4QFXJYDZ.js

@@ -1,25 +0,0 @@
-import {
-  CwRating
-} from "./chunk.D7SEUAQQ.js";
-
-// src/react/rating/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-rating";
-CwRating.define("cw-rating");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwRating,
-  react: React,
-  events: {
-    onCwChange: "cw-change",
-    onCwHover: "cw-hover"
-  },
-  displayName: "CwRating"
-});
-var rating_default = reactWrapper;
-
-export {
-  rating_default
-};