@cordwainer/cw-elements 1.1.1 → 1.2.0-alpha.1

package/dist/chunks/chunk.OGW2QLI2.js

@@ -0,0 +1,27 @@
+import {
+  CwDropdown
+} from "./chunk.NDVTPCXA.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/dist/chunks/chunk.OO6TR3ZT.js

@@ -0,0 +1,94 @@
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateSet,
+  __spreadValues
+} from "./chunk.Q44EX5TP.js";
+
+// src/internal/cw-element.ts
+import { LitElement } from "lit";
+import { property } from "lit/decorators.js";
+var _hasRecordedInitialProperties;
+var CwElement = class extends LitElement {
+  constructor() {
+    super();
+    __privateAdd(this, _hasRecordedInitialProperties, false);
+    // Store the constructor value of all `static properties = {}`
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
+    Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
+      this.constructor.define(name, component);
+    });
+  }
+  emit(name, options) {
+    const event = new CustomEvent(name, __spreadValues({
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+      detail: {}
+    }, options));
+    this.dispatchEvent(event);
+    return event;
+  }
+  /* eslint-enable */
+  static define(name, elementConstructor = this, options = {}) {
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (!currentlyRegisteredConstructor) {
+      try {
+        customElements.define(name, elementConstructor, options);
+      } catch (_err) {
+        customElements.define(name, class extends elementConstructor {
+        }, options);
+      }
+      return;
+    }
+    let newVersion = " (unknown version)";
+    let existingVersion = newVersion;
+    if ("version" in elementConstructor && elementConstructor.version) {
+      newVersion = " v" + elementConstructor.version;
+    }
+    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
+      existingVersion = " v" + currentlyRegisteredConstructor.version;
+    }
+    if (newVersion && existingVersion && newVersion === existingVersion) {
+      return;
+    }
+    console.warn(
+      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
+    );
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach((obj, prop) => {
+        if (obj.reflect && this[prop] != null) {
+          this.initialReflectedProperties.set(prop, this[prop]);
+        }
+      });
+      __privateSet(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
+};
+_hasRecordedInitialProperties = new WeakMap();
+/* eslint-disable */
+// @ts-expect-error This is auto-injected at build time.
+CwElement.version = "1.2.0-alpha.1";
+CwElement.dependencies = {};
+__decorateClass([
+  property()
+], CwElement.prototype, "dir", 2);
+__decorateClass([
+  property()
+], CwElement.prototype, "lang", 2);
+
+export {
+  CwElement
+};

package/dist/chunks/chunk.OVQUDY2U.js

@@ -0,0 +1,11 @@
+import {
+  CwMutationObserver
+} from "./chunk.6TJHG4PU.js";
+
+// src/components/mutation-observer/mutation-observer.ts
+var mutation_observer_default = CwMutationObserver;
+CwMutationObserver.define("cw-mutation-observer");
+
+export {
+  mutation_observer_default
+};

package/dist/chunks/chunk.OVXDL4TR.js

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

@@ -0,0 +1,33 @@
+import {
+  CwTimePicker
+} from "./chunk.IQIA3AZN.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/dist/chunks/chunk.PDH4FXCR.js

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

package/dist/chunks/chunk.PORKCE3F.js

@@ -0,0 +1,11 @@
+import {
+  CwDatePicker
+} from "./chunk.2JOGE2CV.js";
+
+// src/components/date-picker/date-picker.ts
+var date_picker_default = CwDatePicker;
+CwDatePicker.define("cw-date-picker");
+
+export {
+  date_picker_default
+};

package/dist/chunks/chunk.PPLLTP3M.js

@@ -0,0 +1,27 @@
+import {
+  CwAlert
+} from "./chunk.UTCINADU.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.PTGVVGKL.js

@@ -0,0 +1,11 @@
+import {
+  CwSpinner
+} from "./chunk.E5645J52.js";
+
+// src/components/spinner/spinner.ts
+var spinner_default = CwSpinner;
+CwSpinner.define("cw-spinner");
+
+export {
+  spinner_default
+};

package/dist/chunks/chunk.PUP5CHRJ.js

@@ -0,0 +1,11 @@
+import {
+  CwFormatDate
+} from "./chunk.5PFBTDM7.js";
+
+// src/components/format-date/format-date.ts
+var format_date_default = CwFormatDate;
+CwFormatDate.define("cw-format-date");
+
+export {
+  format_date_default
+};

package/dist/chunks/chunk.PVWCXGYC.js

@@ -0,0 +1,134 @@
+import {
+  radio_button_styles_default
+} from "./chunk.2BAUARBM.js";
+import {
+  HasSlotController
+} from "./chunk.BVGZUUCX.js";
+import {
+  watch
+} from "./chunk.GQZ7EGMM.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+import {
+  CwElement
+} from "./chunk.OO6TR3ZT.js";
+import {
+  __decorateClass
+} from "./chunk.Q44EX5TP.js";
+
+// src/components/radio-button/radio-button.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit/static-html.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { property, query, state } from "lit/decorators.js";
+var CwRadioButton = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "[default]", "prefix", "suffix");
+    this.hasFocus = false;
+    this.checked = false;
+    this.disabled = false;
+    this.size = "medium";
+    this.pill = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "presentation");
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("cw-blur");
+  }
+  handleClick(e) {
+    if (this.disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    this.checked = true;
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("cw-focus");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+  }
+  /** Sets focus on the radio button. */
+  focus(options) {
+    this.input.focus(options);
+  }
+  /** Removes focus from the radio button. */
+  blur() {
+    this.input.blur();
+  }
+  render() {
+    return html`
+      <div part="base" role="presentation">
+        <button
+          part="${`button${this.checked ? " button--checked" : ""}`}"
+          role="radio"
+          aria-checked="${this.checked}"
+          class=${classMap({
+      button: true,
+      "button--default": true,
+      "button--small": this.size === "small",
+      "button--medium": this.size === "medium",
+      "button--large": this.size === "large",
+      "button--checked": this.checked,
+      "button--disabled": this.disabled,
+      "button--focused": this.hasFocus,
+      "button--outline": true,
+      "button--pill": this.pill,
+      "button--has-label": this.hasSlotController.test("[default]"),
+      "button--has-prefix": this.hasSlotController.test("prefix"),
+      "button--has-suffix": this.hasSlotController.test("suffix")
+    })}
+          aria-disabled=${this.disabled}
+          type="button"
+          value=${ifDefined(this.value)}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+        >
+          <slot name="prefix" part="prefix" class="button__prefix"></slot>
+          <slot part="label" class="button__label"></slot>
+          <slot name="suffix" part="suffix" class="button__suffix"></slot>
+        </button>
+      </div>
+    `;
+  }
+};
+CwRadioButton.styles = [component_styles_default, radio_button_styles_default];
+__decorateClass([
+  query(".button")
+], CwRadioButton.prototype, "input", 2);
+__decorateClass([
+  query(".hidden-input")
+], CwRadioButton.prototype, "hiddenInput", 2);
+__decorateClass([
+  state()
+], CwRadioButton.prototype, "hasFocus", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CwRadioButton.prototype, "checked", 2);
+__decorateClass([
+  property()
+], CwRadioButton.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CwRadioButton.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true })
+], CwRadioButton.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CwRadioButton.prototype, "pill", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], CwRadioButton.prototype, "handleDisabledChange", 1);
+
+export {
+  CwRadioButton
+};

package/dist/chunks/chunk.PXUJDWG2.js

@@ -0,0 +1,25 @@
+import {
+  CwRating
+} from "./chunk.43JUATJR.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
+};