@cordwainer/cw-elements 1.3.1 → 1.3.3

package/cdn/chunks/chunk.UYYWX44N.js

@@ -0,0 +1,29 @@
+import {
+  CwTreeItem
+} from "./chunk.L6YEBQRL.js";
+
+// src/react/tree-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-tree-item";
+CwTreeItem.define("cw-tree-item");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwTreeItem,
+  react: React,
+  events: {
+    onCwExpand: "cw-expand",
+    onCwAfterExpand: "cw-after-expand",
+    onCwCollapse: "cw-collapse",
+    onCwAfterCollapse: "cw-after-collapse",
+    onCwLazyChange: "cw-lazy-change",
+    onCwLazyLoad: "cw-lazy-load"
+  },
+  displayName: "CwTreeItem"
+});
+var tree_item_default = reactWrapper;
+
+export {
+  tree_item_default
+};

package/cdn/chunks/chunk.V2G4M4LA.js

@@ -0,0 +1,11 @@
+import {
+  CwMenuLabel
+} from "./chunk.YSQ4MZMC.js";
+
+// src/components/menu-label/menu-label.ts
+var menu_label_default = CwMenuLabel;
+CwMenuLabel.define("cw-menu-label");
+
+export {
+  menu_label_default
+};

package/cdn/chunks/chunk.V4UKQLTZ.js

@@ -0,0 +1,11 @@
+import {
+  CwAnimatedImage
+} from "./chunk.RQ3XLCQ5.js";
+
+// src/components/animated-image/animated-image.ts
+var animated_image_default = CwAnimatedImage;
+CwAnimatedImage.define("cw-animated-image");
+
+export {
+  animated_image_default
+};

package/cdn/chunks/chunk.V65F5WX4.js

@@ -0,0 +1,11 @@
+import {
+  CwSecondaryNavigationItem
+} from "./chunk.OVW6DUMO.js";
+
+// src/components/secondary-navigation-item/secondary-navigation-item.ts
+var secondary_navigation_item_default = CwSecondaryNavigationItem;
+CwSecondaryNavigationItem.define("cw-secondary-navigation-item");
+
+export {
+  secondary_navigation_item_default
+};

package/cdn/chunks/chunk.VC5Y5677.js

@@ -0,0 +1,42 @@
+import {
+  divider_styles_default
+} from "./chunk.H4GSBSFJ.js";
+import {
+  watch
+} from "./chunk.RB5L7E7Z.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement,
+  n
+} from "./chunk.J3YBF7EP.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/divider/divider.component.ts
+var CwDivider = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.vertical = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "separator");
+  }
+  handleVerticalChange() {
+    this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
+  }
+};
+CwDivider.styles = [component_styles_default, divider_styles_default];
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwDivider.prototype, "vertical", 2);
+__decorateClass([
+  watch("vertical")
+], CwDivider.prototype, "handleVerticalChange", 1);
+
+export {
+  CwDivider
+};

package/cdn/chunks/chunk.VJISK2YW.js

@@ -0,0 +1,21 @@
+import {
+  CwLogo
+} from "./chunk.5ZMTZ6SG.js";
+
+// src/react/logo/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "cw-logo";
+CwLogo.define("cw-logo");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwLogo,
+  react: React,
+  events: {},
+  displayName: "CwLogo"
+});
+var logo_default = reactWrapper;
+
+export {
+  logo_default
+};

package/cdn/chunks/chunk.VKDNDJ5T.js

@@ -0,0 +1,25 @@
+import {
+  CwCopyButton
+} from "./chunk.UJQU2DSD.js";
+
+// src/react/copy-button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-copy-button";
+CwCopyButton.define("cw-copy-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwCopyButton,
+  react: React,
+  events: {
+    onCwCopy: "cw-copy",
+    onCwError: "cw-error"
+  },
+  displayName: "CwCopyButton"
+});
+var copy_button_default = reactWrapper;
+
+export {
+  copy_button_default
+};

package/cdn/chunks/chunk.VW7NKLVG.js

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

package/cdn/chunks/chunk.VWQR4OCR.js

@@ -0,0 +1,216 @@
+import {
+  animation_styles_default
+} from "./chunk.DAHAODPG.js";
+import {
+  dist_exports
+} from "./chunk.6ZOD5D54.js";
+import {
+  watch
+} from "./chunk.RB5L7E7Z.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement,
+  n,
+  r3 as r
+} from "./chunk.J3YBF7EP.js";
+import {
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/animation/animation.component.ts
+var CwAnimation = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.hasStarted = false;
+    this.name = "none";
+    this.play = false;
+    this.delay = 0;
+    this.direction = "normal";
+    this.duration = 1e3;
+    this.easing = "linear";
+    this.endDelay = 0;
+    this.fill = "auto";
+    this.iterations = Infinity;
+    this.iterationStart = 0;
+    this.playbackRate = 1;
+    this.handleAnimationFinish = () => {
+      this.play = false;
+      this.hasStarted = false;
+      this.emit("cw-finish");
+    };
+    this.handleAnimationCancel = () => {
+      this.play = false;
+      this.hasStarted = false;
+      this.emit("cw-cancel");
+    };
+  }
+  /** Gets and sets the current animation time. */
+  get currentTime() {
+    var _a, _b;
+    return (_b = (_a = this.animation) == null ? void 0 : _a.currentTime) != null ? _b : 0;
+  }
+  set currentTime(time) {
+    if (this.animation) {
+      this.animation.currentTime = time;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.createAnimation();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.destroyAnimation();
+  }
+  handleSlotChange() {
+    this.destroyAnimation();
+    this.createAnimation();
+  }
+  async createAnimation() {
+    var _a, _b;
+    const easing = (_a = dist_exports.easings[this.easing]) != null ? _a : this.easing;
+    const keyframes = (_b = this.keyframes) != null ? _b : dist_exports[this.name];
+    const slot = await this.defaultSlot;
+    const element = slot.assignedElements()[0];
+    if (!element || !keyframes) {
+      return false;
+    }
+    this.destroyAnimation();
+    this.animation = element.animate(keyframes, {
+      delay: this.delay,
+      direction: this.direction,
+      duration: this.duration,
+      easing,
+      endDelay: this.endDelay,
+      fill: this.fill,
+      iterationStart: this.iterationStart,
+      iterations: this.iterations
+    });
+    this.animation.playbackRate = this.playbackRate;
+    this.animation.addEventListener("cancel", this.handleAnimationCancel);
+    this.animation.addEventListener("finish", this.handleAnimationFinish);
+    if (this.play) {
+      this.hasStarted = true;
+      this.emit("cw-start");
+    } else {
+      this.animation.pause();
+    }
+    return true;
+  }
+  destroyAnimation() {
+    if (this.animation) {
+      this.animation.cancel();
+      this.animation.removeEventListener("cancel", this.handleAnimationCancel);
+      this.animation.removeEventListener("finish", this.handleAnimationFinish);
+      this.hasStarted = false;
+    }
+  }
+  handleAnimationChange() {
+    if (!this.hasUpdated) {
+      return;
+    }
+    this.createAnimation();
+  }
+  handlePlayChange() {
+    if (this.animation) {
+      if (this.play && !this.hasStarted) {
+        this.hasStarted = true;
+        this.emit("cw-start");
+      }
+      if (this.play) {
+        this.animation.play();
+      } else {
+        this.animation.pause();
+      }
+      return true;
+    }
+    return false;
+  }
+  handlePlaybackRateChange() {
+    if (this.animation) {
+      this.animation.playbackRate = this.playbackRate;
+    }
+  }
+  /** Clears all keyframe effects caused by this animation and aborts its playback. */
+  cancel() {
+    var _a;
+    (_a = this.animation) == null ? void 0 : _a.cancel();
+  }
+  /** Sets the playback time to the end of the animation corresponding to the current playback direction. */
+  finish() {
+    var _a;
+    (_a = this.animation) == null ? void 0 : _a.finish();
+  }
+  render() {
+    return b` <slot @slotchange=${this.handleSlotChange}></slot> `;
+  }
+};
+CwAnimation.styles = [component_styles_default, animation_styles_default];
+__decorateClass([
+  r("slot")
+], CwAnimation.prototype, "defaultSlot", 2);
+__decorateClass([
+  n()
+], CwAnimation.prototype, "name", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwAnimation.prototype, "play", 2);
+__decorateClass([
+  n({ type: Number })
+], CwAnimation.prototype, "delay", 2);
+__decorateClass([
+  n()
+], CwAnimation.prototype, "direction", 2);
+__decorateClass([
+  n({ type: Number })
+], CwAnimation.prototype, "duration", 2);
+__decorateClass([
+  n()
+], CwAnimation.prototype, "easing", 2);
+__decorateClass([
+  n({ attribute: "end-delay", type: Number })
+], CwAnimation.prototype, "endDelay", 2);
+__decorateClass([
+  n()
+], CwAnimation.prototype, "fill", 2);
+__decorateClass([
+  n({ type: Number })
+], CwAnimation.prototype, "iterations", 2);
+__decorateClass([
+  n({ attribute: "iteration-start", type: Number })
+], CwAnimation.prototype, "iterationStart", 2);
+__decorateClass([
+  n({ attribute: false })
+], CwAnimation.prototype, "keyframes", 2);
+__decorateClass([
+  n({ attribute: "playback-rate", type: Number })
+], CwAnimation.prototype, "playbackRate", 2);
+__decorateClass([
+  watch([
+    "name",
+    "delay",
+    "direction",
+    "duration",
+    "easing",
+    "endDelay",
+    "fill",
+    "iterations",
+    "iterationsStart",
+    "keyframes"
+  ])
+], CwAnimation.prototype, "handleAnimationChange", 1);
+__decorateClass([
+  watch("play")
+], CwAnimation.prototype, "handlePlayChange", 1);
+__decorateClass([
+  watch("playbackRate")
+], CwAnimation.prototype, "handlePlaybackRateChange", 1);
+
+export {
+  CwAnimation
+};

package/cdn/chunks/chunk.VZJEW2XI.js

@@ -0,0 +1,11 @@
+import {
+  CwResizeObserver
+} from "./chunk.MVZMXIIU.js";
+
+// src/components/resize-observer/resize-observer.ts
+var resize_observer_default = CwResizeObserver;
+CwResizeObserver.define("cw-resize-observer");
+
+export {
+  resize_observer_default
+};

package/cdn/chunks/chunk.W2XEI7OB.js

@@ -0,0 +1,24 @@
+import {
+  CwImageComparer
+} from "./chunk.OY4VMQUG.js";
+
+// src/react/image-comparer/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-image-comparer";
+CwImageComparer.define("cw-image-comparer");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwImageComparer,
+  react: React,
+  events: {
+    onCwChange: "cw-change"
+  },
+  displayName: "CwImageComparer"
+});
+var image_comparer_default = reactWrapper;
+
+export {
+  image_comparer_default
+};

package/cdn/chunks/chunk.W6ULE7IQ.js

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

@@ -0,0 +1,11 @@
+import {
+  CwTabPanel
+} from "./chunk.IXZZES6A.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.W7S4WSST.js

@@ -0,0 +1,11 @@
+import {
+  CwInclude
+} from "./chunk.GBYRLCTN.js";
+
+// src/components/include/include.ts
+var include_default = CwInclude;
+CwInclude.define("cw-include");
+
+export {
+  include_default
+};

package/cdn/chunks/chunk.WGWOCBWO.js

@@ -0,0 +1,11 @@
+import {
+  CwSwitch
+} from "./chunk.QWDLIS5N.js";
+
+// src/components/switch/switch.ts
+var switch_default = CwSwitch;
+CwSwitch.define("cw-switch");
+
+export {
+  switch_default
+};

package/cdn/chunks/chunk.WN5UPNM5.js

@@ -0,0 +1,122 @@
+import {
+  tab_styles_default
+} from "./chunk.KQ6YVFLH.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
+} from "./chunk.J3YBF7EP.js";
+import {
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/tab/tab.component.ts
+var id = 0;
+var CwTab = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.attrId = ++id;
+    this.componentId = `cw-tab-${this.attrId}`;
+    this.panel = "";
+    this.active = false;
+    this.closable = false;
+    this.disabled = false;
+    this.tabIndex = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "tab");
+  }
+  handleCloseClick(event) {
+    event.stopPropagation();
+    this.emit("cw-close");
+  }
+  handleActiveChange() {
+    this.setAttribute("aria-selected", this.active ? "true" : "false");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+    if (this.disabled && !this.active) {
+      this.tabIndex = -1;
+    } else {
+      this.tabIndex = 0;
+    }
+  }
+  render() {
+    this.id = this.id.length > 0 ? this.id : this.componentId;
+    return b`
+      <div
+        part="base"
+        class=${e({
+      tab: true,
+      "tab--active": this.active,
+      "tab--closable": this.closable,
+      "tab--disabled": this.disabled
+    })}
+      >
+        <slot></slot>
+        ${this.closable ? b`
+                <cw-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  class="tab__close-button"
+                  @click=${this.handleCloseClick}
+                  tabindex="-1"
+                ></cw-icon-button>
+              ` : ""}
+      </div>
+    `;
+  }
+};
+CwTab.styles = [component_styles_default, tab_styles_default];
+CwTab.dependencies = { "cw-icon-button": CwIconButton };
+__decorateClass([
+  e2(".tab")
+], CwTab.prototype, "tab", 2);
+__decorateClass([
+  n({ reflect: true })
+], CwTab.prototype, "panel", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwTab.prototype, "active", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwTab.prototype, "closable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwTab.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: Number, reflect: true })
+], CwTab.prototype, "tabIndex", 2);
+__decorateClass([
+  watch("active")
+], CwTab.prototype, "handleActiveChange", 1);
+__decorateClass([
+  watch("disabled")
+], CwTab.prototype, "handleDisabledChange", 1);
+
+export {
+  CwTab
+};

package/cdn/chunks/chunk.WT4D5W6W.js

@@ -0,0 +1,11 @@
+import {
+  CwTag
+} from "./chunk.DUGZS665.js";
+
+// src/components/tag/tag.ts
+var tag_default = CwTag;
+CwTag.define("cw-tag");
+
+export {
+  tag_default
+};

package/cdn/chunks/chunk.WYJQ57DD.js

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

package/cdn/chunks/chunk.X7K3GGW5.js

@@ -0,0 +1,24 @@
+import {
+  visually_hidden_styles_default
+} from "./chunk.QLCFCHNR.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement
+} from "./chunk.J3YBF7EP.js";
+import {
+  b
+} from "./chunk.6A2LG33L.js";
+
+// src/components/visually-hidden/visually-hidden.component.ts
+var CwVisuallyHidden = class extends CwElement {
+  render() {
+    return b` <slot></slot> `;
+  }
+};
+CwVisuallyHidden.styles = [component_styles_default, visually_hidden_styles_default];
+
+export {
+  CwVisuallyHidden
+};