@cruglobal/cornerstone-components 0.6.2 → 0.7.0

package/dist/unbundled/chunks/chunk.6WQS6DWD.js

@@ -1,47 +0,0 @@
-/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/internal/validators/mirror-validator.ts
-var MirrorValidator = () => {
-  return {
-    checkValidity(element) {
-      const formControl = element.input;
-      const validity = {
-        message: "",
-        isValid: true,
-        invalidKeys: []
-      };
-      if (!formControl) {
-        return validity;
-      }
-      let isValid = true;
-      if ("checkValidity" in formControl) {
-        isValid = formControl.checkValidity();
-      }
-      if (isValid) {
-        return validity;
-      }
-      validity.isValid = false;
-      if ("validationMessage" in formControl) {
-        validity.message = formControl.validationMessage;
-      }
-      if (!("validity" in formControl)) {
-        validity.invalidKeys.push("customError");
-        return validity;
-      }
-      for (const key in formControl.validity) {
-        if (key === "valid") {
-          continue;
-        }
-        const checkedKey = key;
-        if (formControl.validity[checkedKey]) {
-          validity.invalidKeys.push(checkedKey);
-        }
-      }
-      return validity;
-    }
-  };
-};
-
-export {
-  MirrorValidator
-};

package/dist/unbundled/chunks/chunk.6X5DGRFL.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/select.ts
-var CsSelectEvent = class extends Event {
-  constructor(detail) {
-    super("cs-select", { bubbles: true, cancelable: true, composed: true });
-    this.detail = detail;
-  }
-};
-
-export {
-  CsSelectEvent
-};

package/dist/unbundled/chunks/chunk.766IYUWO.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/page-change.ts
-var CsPageChangeEvent = class extends Event {
-  constructor(detail) {
-    super("cs-page-change", { bubbles: true, cancelable: true, composed: true });
-    this.detail = detail;
-  }
-};
-
-export {
-  CsPageChangeEvent
-};

package/dist/unbundled/chunks/chunk.7BPV545Z.js

@@ -1,22 +0,0 @@
-/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/internal/math.ts
-import { nanoid } from "nanoid";
-function clamp(value, min, max) {
-  const noNegativeZero = (n) => Object.is(n, -0) ? 0 : n;
-  if (value < min) {
-    return noNegativeZero(min);
-  }
-  if (value > max) {
-    return noNegativeZero(max);
-  }
-  return noNegativeZero(value);
-}
-function uniqueId(prefix = "") {
-  return `${prefix}${nanoid()}`;
-}
-
-export {
-  clamp,
-  uniqueId
-};

package/dist/unbundled/chunks/chunk.7C5LGY7P.js

@@ -1,373 +0,0 @@
-/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  number_input_styles_default
-} from "./chunk.SMIHAHYP.js";
-import {
-  submitOnEnter
-} from "./chunk.I3GI4VWI.js";
-import {
-  form_control_styles_default
-} from "./chunk.FGFWM4HV.js";
-import {
-  HasSlotController
-} from "./chunk.25L55TBI.js";
-import {
-  MirrorValidator
-} from "./chunk.6WQS6DWD.js";
-import {
-  CornerstoneFormAssociatedElement
-} from "./chunk.ITWO4C4O.js";
-import {
-  size_styles_default
-} from "./chunk.CXKOXFXU.js";
-import {
-  watch
-} from "./chunk.3QN4KTE6.js";
-import {
-  customElement
-} from "./chunk.4H5TQFVZ.js";
-import {
-  LocalizeController
-} from "./chunk.TFKBFNPO.js";
-import {
-  __decorateClass
-} from "./chunk.HBAVB7LX.js";
-
-// src/components/number-input/number-input.ts
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { live } from "lit/directives/live.js";
-var CsNumberInput = class extends CornerstoneFormAssociatedElement {
-  constructor() {
-    super(...arguments);
-    this.assumeInteractionOn = ["blur", "input"];
-    this.hasSlotController = new HasSlotController(this, "hint", "label");
-    this.localize = new LocalizeController(this);
-    this.title = "";
-    // make reactive to pass through
-    this._value = null;
-    this.defaultValue = this.getAttribute("value") || null;
-    this.size = "m";
-    this.appearance = "outlined";
-    this.pill = false;
-    this.label = "";
-    this.hint = "";
-    this.placeholder = "";
-    this.readonly = false;
-    this.required = false;
-    this.step = 1;
-    this.withoutSteppers = false;
-    this.inputmode = "numeric";
-    this.ssrLabel = false;
-    this.ssrHint = false;
-  }
-  static get validators() {
-    return [...super.validators, MirrorValidator()];
-  }
-  /** The current value of the input, submitted as a name/value pair with form data. */
-  get value() {
-    if (this.valueHasChanged) {
-      return this._value;
-    }
-    return this._value ?? this.defaultValue;
-  }
-  set value(val) {
-    if (this._value === val) {
-      return;
-    }
-    this.valueHasChanged = true;
-    this._value = val;
-  }
-  /**
-   * @internal
-   */
-  updateFormValue(value) {
-    if (value == null) {
-      this.setValue("", null);
-      return;
-    }
-    super.updateFormValue(value);
-  }
-  /** Returns true if the value is at or below the minimum. */
-  get isAtMin() {
-    if (this.min === void 0) {
-      return false;
-    }
-    const numValue = parseFloat(this.value || "");
-    return !isNaN(numValue) && numValue <= this.min;
-  }
-  /** Returns true if the value is at or above the maximum. */
-  get isAtMax() {
-    if (this.max === void 0) {
-      return false;
-    }
-    const numValue = parseFloat(this.value || "");
-    return !isNaN(numValue) && numValue >= this.max;
-  }
-  handleChange(event) {
-    this.value = this.input.value;
-    this.relayNativeEvent(event, { bubbles: true, composed: true });
-  }
-  handleInput() {
-    this.value = this.input.value;
-  }
-  handleKeyDown(event) {
-    submitOnEnter(event, this);
-    if (event.key === "ArrowUp" || event.key === "ArrowDown") {
-      requestAnimationFrame(() => {
-        if (this.value !== this.input.value) {
-          this.value = this.input.value;
-        }
-      });
-    }
-  }
-  handleStepperPointerUp(direction, event) {
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    const beforeInputEvent = new InputEvent("beforeinput", { bubbles: true, cancelable: true, composed: true });
-    this.dispatchEvent(beforeInputEvent);
-    if (beforeInputEvent.defaultPrevented) {
-      return;
-    }
-    if (direction === "up") {
-      this.input.stepUp();
-    } else {
-      this.input.stepDown();
-    }
-    if (this.value !== this.input.value) {
-      this.value = this.input.value;
-    }
-    this.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
-    this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-    if (event.pointerType !== "touch") {
-      this.input.focus();
-    }
-  }
-  handleStepperPointerDown(event) {
-    if (event.pointerType === "touch") {
-      return;
-    }
-    event.preventDefault();
-    this.input.focus();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("value") || changedProperties.has("defaultValue")) {
-      if (this.input && this.value && this.input.value !== this.value) {
-        this._value = this.input.value;
-      }
-      this.customStates.set("blank", !this.value);
-    }
-  }
-  handleStepChange() {
-    this.input.step = String(this.step);
-    this.updateValidity();
-  }
-  /** Sets focus on the input. */
-  focus(options) {
-    this.input.focus(options);
-  }
-  /** Removes focus from the input. */
-  blur() {
-    this.input.blur();
-  }
-  /** Selects all the text in the input. */
-  select() {
-    this.input.select();
-  }
-  /** Increments the value by the step amount. */
-  stepUp() {
-    this.input.stepUp();
-    if (this.value !== this.input.value) {
-      this.value = this.input.value;
-    }
-  }
-  /** Decrements the value by the step amount. */
-  stepDown() {
-    this.input.stepDown();
-    if (this.value !== this.input.value) {
-      this.value = this.input.value;
-    }
-  }
-  formResetCallback() {
-    this.value = this.defaultValue;
-    super.formResetCallback();
-  }
-  render() {
-    const hasLabelSlot = this.hasSlotController.test("label", "ssrLabel");
-    const hasHintSlot = this.hasSlotController.test("hint", "ssrHint");
-    const hasLabel = this.label ? true : !!hasLabelSlot;
-    const hasHint = this.hint ? true : !!hasHintSlot;
-    return html`
-      <label
-        part="form-control-label"
-        class=${classMap({
-      label: true,
-      "has-label": hasLabel
-    })}
-        for="input"
-        aria-hidden=${hasLabel ? "false" : "true"}
-      >
-        <slot name="label">${this.label}</slot>
-      </label>
-
-      <div part="number-input" class="number-field">
-        ${!this.withoutSteppers ? html`
-                <button
-                  part="stepper stepper-decrement"
-                  class="stepper stepper-decrement"
-                  type="button"
-                  tabindex="-1"
-                  aria-label=${this.localize.term("decrement")}
-                  ?disabled=${this.disabled || this.readonly || this.isAtMin}
-                  @pointerdown=${this.handleStepperPointerDown}
-                  @pointerup=${(event) => this.handleStepperPointerUp("down", event)}
-                >
-                  <slot name="decrement-icon">
-                    <cs-icon name="remove" library="system"></cs-icon>
-                  </slot>
-                </button>
-              ` : ""}
-
-        <slot name="start" part="start" class="start"></slot>
-
-        <input
-          part="input"
-          id="input"
-          class="control"
-          type="number"
-          inputmode=${ifDefined(this.inputmode)}
-          title=${this.title}
-          name=${ifDefined(this.name)}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          ?required=${this.required}
-          placeholder=${ifDefined(this.placeholder)}
-          min=${ifDefined(this.min)}
-          max=${ifDefined(this.max)}
-          step=${ifDefined(this.step)}
-          .value=${live(this.value ?? "")}
-          autocomplete=${ifDefined(this.autocomplete)}
-          ?autofocus=${this.autofocus}
-          enterkeyhint=${ifDefined(this.enterkeyhint)}
-          aria-describedby="hint"
-          @change=${this.handleChange}
-          @input=${this.handleInput}
-          @keydown=${this.handleKeyDown}
-        />
-
-        <slot name="end" part="end" class="end"></slot>
-
-        ${!this.withoutSteppers ? html`
-                <button
-                  part="stepper stepper-increment"
-                  class="stepper stepper-increment"
-                  type="button"
-                  tabindex="-1"
-                  aria-label=${this.localize.term("increment")}
-                  ?disabled=${this.disabled || this.readonly || this.isAtMax}
-                  @pointerdown=${this.handleStepperPointerDown}
-                  @pointerup=${(event) => this.handleStepperPointerUp("up", event)}
-                >
-                  <slot name="increment-icon">
-                    <cs-icon name="add" library="system"></cs-icon>
-                  </slot>
-                </button>
-              ` : ""}
-      </div>
-
-      <slot
-        id="hint"
-        part="hint"
-        name="hint"
-        class=${classMap({
-      "has-slotted": hasHint
-    })}
-        aria-hidden=${hasHint ? "false" : "true"}
-        >${this.hint}</slot
-      >
-    `;
-  }
-};
-CsNumberInput.css = [size_styles_default, form_control_styles_default, number_input_styles_default];
-CsNumberInput.shadowRootOptions = { ...CornerstoneFormAssociatedElement.shadowRootOptions, delegatesFocus: true };
-__decorateClass([
-  query("input")
-], CsNumberInput.prototype, "input", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "title", 2);
-__decorateClass([
-  state()
-], CsNumberInput.prototype, "value", 1);
-__decorateClass([
-  property({ attribute: "value", reflect: true })
-], CsNumberInput.prototype, "defaultValue", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsNumberInput.prototype, "size", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsNumberInput.prototype, "appearance", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], CsNumberInput.prototype, "pill", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "hint" })
-], CsNumberInput.prototype, "hint", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "placeholder", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], CsNumberInput.prototype, "readonly", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], CsNumberInput.prototype, "required", 2);
-__decorateClass([
-  property({ type: Number })
-], CsNumberInput.prototype, "min", 2);
-__decorateClass([
-  property({ type: Number })
-], CsNumberInput.prototype, "max", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "step", 2);
-__decorateClass([
-  property({ attribute: "without-steppers", type: Boolean })
-], CsNumberInput.prototype, "withoutSteppers", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "autocomplete", 2);
-__decorateClass([
-  property({ type: Boolean })
-], CsNumberInput.prototype, "autofocus", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "enterkeyhint", 2);
-__decorateClass([
-  property()
-], CsNumberInput.prototype, "inputmode", 2);
-__decorateClass([
-  property({ attribute: "ssr-label", type: Boolean })
-], CsNumberInput.prototype, "ssrLabel", 2);
-__decorateClass([
-  property({ attribute: "ssr-hint", type: Boolean })
-], CsNumberInput.prototype, "ssrHint", 2);
-__decorateClass([
-  watch("step", { waitUntilFirstUpdate: true })
-], CsNumberInput.prototype, "handleStepChange", 1);
-CsNumberInput = __decorateClass([
-  customElement("cs-number-input")
-], CsNumberInput);
-CsNumberInput.disableWarning?.("change-in-update");
-
-export {
-  CsNumberInput
-};

package/dist/unbundled/chunks/chunk.7IICUWUW.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/after-page-change.ts
-var CsAfterPageChangeEvent = class extends Event {
-  constructor(detail) {
-    super("cs-after-page-change", { bubbles: true, cancelable: false, composed: true });
-    this.detail = detail;
-  }
-};
-
-export {
-  CsAfterPageChangeEvent
-};