@fabric-msft/fabric-web 5.0.1 → 7.0.0

package/esm/components/spin-button/spin-button.js

@@ -0,0 +1,608 @@
+import { attr, nullableNumberConverter, observable, FASTElement, Observable } from '@microsoft/fast-element';
+import { SpinButtonAppearances, SpinButtonSpinStates, SpinButtonBounds } from './spin-button.options.js';
+import { SpinButtonEventNames } from './spin-button.events.js';
+import { calculatePrecision, clamp, precisionRound } from '../../util/math.js';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * SpinButton
+ * @summary A spin button (numeric stepper) Custom HTML Element that allows users to
+ * incrementally adjust a numeric value using buttons or keyboard controls.
+ *
+ * @example
+ * ```html
+ * <fabric-spin-button min="0" max="100" step="1" value="50">
+ *   <fabric-label>Quantity</fabric-label>
+ * </fabric-spin-button>
+ * ```
+ *
+ * @attr {SpinButtonControlSize | undefined} control-size - Sets the size of the control.
+ * @attr {number | undefined} min - The minimum allowed value.
+ * @attr {number | undefined} max - The maximum allowed value.
+ * @attr {number} step - The increment/decrement step value. Defaults to 1.
+ * @attr {number} step-page - The large step value for Page Up/Down. Defaults to 1.
+ * @attr {number | undefined} precision - Decimal places to round to. Auto-calculated from step if not set.
+ * @attr {boolean | undefined} disabled - Sets the element's disabled state.
+ * @attr {string | undefined} name - Form submission name.
+ * @attr {boolean | undefined} required - Whether a value is required for form validity.
+ * @attr {string | undefined} placeholder - Placeholder text for the input when empty.
+ *
+ * @prop {number | null} value - The current numeric value.
+ * @prop {string} displayValue - A string override for the displayed value.
+ * @prop {SpinButtonBound} atBound - Tracks whether value is at min/max boundary.
+ *
+ * @slot - The default slot for label content displayed above the input.
+ * @slot start - Content rendered before the input control.
+ * @slot end - Content rendered after the input control.
+ *
+ * @fires change - Fires when the committed value changes.
+ * @fires input - Fires on each keystroke in the input field.
+ *
+ * @extends FASTElement
+ * @tagname fabric-spin-button
+ * @public
+ */
+class SpinButton extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * The visual appearance of the control.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `appearance`
+     */
+    this.appearance = SpinButtonAppearances.outline;
+    /**
+     * The increment/decrement step value. Defaults to 1.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `step`
+     */
+    this.step = 1;
+    /**
+     * The large step value used for Page Up/Page Down keys. Defaults to 1.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `step-page`
+     */
+    this.stepPage = 1;
+    /**
+     * Tracks the spin direction (internal — used for keyboard visual feedback).
+     *
+     * @internal
+     */
+    this.spinState = SpinButtonSpinStates.rest;
+    /**
+     * Tracks whether the value is at a boundary.
+     *
+     * @public
+     */
+    this.atBound = SpinButtonBounds.none;
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance.
+     *
+     * @internal
+     */
+    this.elementInternals = this.attachInternals();
+    /**
+     * Whether the user is currently editing the text directly.
+     * @internal
+     */
+    this._isEditing = false;
+    /**
+     * When true, `commitValue` updates the value but skips emitting the change event.
+     * Used during keyboard-held stepping so a single change fires on key release.
+     * @internal
+     */
+    this._suppressChangeEvent = false;
+    /**
+     * Captures the value before a keyboard-held step sequence begins.
+     * Compared on keyup to determine whether a change event should fire.
+     * @internal
+     */
+    this._valueBeforeKeyStep = null;
+    /**
+     * The internal numeric value. `null` means no value.
+     * @internal
+     */
+    this._value = null;
+    /**
+     * The display value override. When set, the input shows this string
+     * instead of the numeric value.
+     * @internal
+     */
+    this._displayValue = "";
+  }
+  /**
+   * Updates the control label visibility based on the presence of default slotted content.
+   *
+   * @internal
+   */
+  defaultSlottedNodesChanged(_prev, next) {
+    if (this.$fastController.isConnected && this.labelEl) {
+      this.labelEl.hidden = !(next === null || next === void 0 ? void 0 : next.length);
+    }
+  }
+  /**
+   * The current numeric value. `null` indicates no value.
+   *
+   * @public
+   */
+  get value() {
+    Observable.track(this, "value");
+    return this._value;
+  }
+  set value(next) {
+    const prev = this._value;
+    if (prev === next) return;
+    this._value = next;
+    if (this.$fastController.isConnected) {
+      this.syncInputDisplay();
+      this.updateBoundState();
+      this.updateFormValue();
+      this.updateAriaValue();
+      Observable.notify(this, "value");
+    }
+  }
+  /**
+   * String representation for display. When set, the input shows
+   * this string instead of the formatted numeric value.
+   *
+   * @public
+   */
+  get displayValue() {
+    Observable.track(this, "displayValue");
+    return this._displayValue;
+  }
+  set displayValue(next) {
+    const prev = this._displayValue;
+    if (prev === next) return;
+    this._displayValue = next;
+    if (this.$fastController.isConnected) {
+      this.syncInputDisplay();
+      Observable.notify(this, "displayValue");
+    }
+  }
+  /**
+   * The associated form element.
+   *
+   * @public
+   */
+  get form() {
+    return this.elementInternals.form;
+  }
+  /**
+   * The element's validity state.
+   *
+   * @public
+   */
+  get validity() {
+    return this.elementInternals.validity;
+  }
+  /**
+   * The validation message.
+   *
+   * @public
+   */
+  get validationMessage() {
+    return this.elementInternals.validationMessage;
+  }
+  /**
+   * Determines the effective precision value.
+   * If precision is explicitly set, that is used; otherwise it's auto-calculated from the step.
+   * @internal
+   */
+  get effectivePrecision() {
+    var _a;
+    return (_a = this.precision) !== null && _a !== void 0 ? _a : calculatePrecision(this.step);
+  }
+  // ---- Lifecycle ----
+  connectedCallback() {
+    super.connectedCallback();
+    this.elementInternals.role = "spinbutton";
+    this.updateAriaValue();
+    this.updateBoundState();
+    this.updateFormValue();
+    this.syncInputDisplay();
+  }
+  /**
+   * Resets the value when the form is reset.
+   *
+   * @internal
+   */
+  formResetCallback() {
+    this.value = null;
+    this.displayValue = "";
+  }
+  // ---- Attribute change handlers ----
+  /** @internal */
+  minChanged() {
+    this.updateBoundState();
+    this.updateAriaValue();
+  }
+  /** @internal */
+  maxChanged() {
+    this.updateBoundState();
+    this.updateAriaValue();
+  }
+  /** @internal */
+  disabledChanged() {
+    if (this.$fastController.isConnected) {
+      this.elementInternals.ariaDisabled = this.disabled ? "true" : null;
+    }
+  }
+  /** @internal */
+  requiredChanged() {
+    if (this.$fastController.isConnected) {
+      this.elementInternals.ariaRequired = this.required ? "true" : null;
+    }
+  }
+  // ---- Event handlers ----
+  /**
+   * Handles focus on the host by forwarding to the internal input.
+   *
+   * @internal
+   */
+  focusinHandler(e) {
+    var _a;
+    if (e.target === this) {
+      (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    return true;
+  }
+  /**
+   * Handles the internal input's `input` event.
+   *
+   * @internal
+   */
+  inputHandler() {
+    this._isEditing = true;
+    this.$emit(SpinButtonEventNames.input, undefined, {
+      bubbles: true,
+      composed: true
+    });
+    return true;
+  }
+  /**
+   * Handles blur on the internal input — commits the typed value.
+   *
+   * @internal
+   */
+  blurHandler() {
+    if (this._isEditing) {
+      this.commitInput();
+    }
+    this.spinState = SpinButtonSpinStates.rest;
+  }
+  /**
+   * Handles keydown events for keyboard navigation.
+   *
+   * @internal
+   */
+  keydownHandler(e) {
+    if (this.disabled) return true;
+    switch (e.key) {
+      case "ArrowUp":
+        e.preventDefault();
+        if (!e.repeat) {
+          this._valueBeforeKeyStep = this._value;
+        }
+        this._suppressChangeEvent = true;
+        this.stepUp();
+        return;
+      case "ArrowDown":
+        e.preventDefault();
+        if (!e.repeat) {
+          this._valueBeforeKeyStep = this._value;
+        }
+        this._suppressChangeEvent = true;
+        this.stepDown();
+        return;
+      case "PageUp":
+        e.preventDefault();
+        if (!e.repeat) {
+          this._valueBeforeKeyStep = this._value;
+        }
+        this._suppressChangeEvent = true;
+        this.stepUp(this.stepPage);
+        return;
+      case "PageDown":
+        e.preventDefault();
+        if (!e.repeat) {
+          this._valueBeforeKeyStep = this._value;
+        }
+        this._suppressChangeEvent = true;
+        this.stepDown(this.stepPage);
+        return;
+      case "Enter":
+        this.commitInput();
+        return;
+      case "Escape":
+        this._isEditing = false;
+        this.syncInputDisplay();
+        return;
+      case "Home":
+        if (this.min !== undefined) {
+          e.preventDefault();
+          this.commitValue(this.min);
+        }
+        return;
+      case "End":
+        if (this.max !== undefined) {
+          e.preventDefault();
+          this.commitValue(this.max);
+        }
+        return;
+    }
+    return true;
+  }
+  /**
+   * Handles the increment button click.
+   *
+   * @internal
+   */
+  incrementHandler() {
+    var _a;
+    if (this.disabled) return;
+    this.stepUp();
+    this.spinState = SpinButtonSpinStates.rest;
+    (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  /**
+   * Handles the decrement button click.
+   *
+   * @internal
+   */
+  decrementHandler() {
+    var _a;
+    if (this.disabled) return;
+    this.stepDown();
+    this.spinState = SpinButtonSpinStates.rest;
+    (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  // ---- Public methods ----
+  /**
+   * Increment the value by the given amount (defaults to step).
+   *
+   * @public
+   */
+  stepUp(amount) {
+    var _a;
+    const delta = amount !== null && amount !== void 0 ? amount : this.step;
+    const current = (_a = this._value) !== null && _a !== void 0 ? _a : 0;
+    const next = clamp(precisionRound(current + delta, this.effectivePrecision), this.min, this.max);
+    this.commitValue(next);
+    this.spinState = SpinButtonSpinStates.up;
+  }
+  /**
+   * Decrement the value by the given amount (defaults to step).
+   *
+   * @public
+   */
+  stepDown(amount) {
+    var _a;
+    const delta = amount !== null && amount !== void 0 ? amount : this.step;
+    const current = (_a = this._value) !== null && _a !== void 0 ? _a : 0;
+    const next = clamp(precisionRound(current - delta, this.effectivePrecision), this.min, this.max);
+    this.commitValue(next);
+    this.spinState = SpinButtonSpinStates.down;
+  }
+  /**
+   * Checks the validity of the element.
+   *
+   * @public
+   */
+  checkValidity() {
+    return this.elementInternals.checkValidity();
+  }
+  /**
+   * Sets a custom validity message. Pass an empty string to clear.
+   *
+   * @public
+   */
+  setCustomValidity(message) {
+    if (message) {
+      this.elementInternals.setValidity({
+        customError: true
+      }, message, this.control);
+    } else {
+      this.elementInternals.setValidity({});
+    }
+  }
+  /**
+   * Sets validity flags on the element. Consumers use this to report
+   * constraint violations (e.g., `rangeOverflow`, `valueMissing`).
+   * Pass an empty object to clear all flags and mark the element as valid.
+   *
+   * @public
+   */
+  setValidity(flags, message, anchor) {
+    this.elementInternals.setValidity(flags, message, anchor !== null && anchor !== void 0 ? anchor : this.control);
+  }
+  // ---- Internal helpers ----
+  /**
+   * Handles keyup events — resets the spin state visual feedback.
+   *
+   * @internal
+   */
+  keyupHandler(e) {
+    switch (e.key) {
+      case "ArrowUp":
+      case "ArrowDown":
+      case "PageUp":
+      case "PageDown":
+        this.spinState = SpinButtonSpinStates.rest;
+        this._suppressChangeEvent = false;
+        // Uses emitChangeEvent() instead of commitValue() because the value was already
+        // set incrementally during the keydown repeats — this is a deferred notification,
+        // not a state change. commitValue(this._value) would be a no-op since the setter's
+        // equality guard (prev === next) would short-circuit.
+        // Example: user holds ArrowUp from 5 → 10 over several keydown repeats. Each
+        // repeat stepped the value silently (suppressed). On keyup, _value is already 10,
+        // so we compare 10 !== 5 and fire a single change event for the entire sequence.
+        if (this._value !== this._valueBeforeKeyStep) {
+          this.emitChangeEvent();
+        }
+        this._valueBeforeKeyStep = null;
+        return;
+    }
+    return true;
+  }
+  /**
+   * Commits the value currently typed in the input field.
+   * @internal
+   */
+  commitInput() {
+    var _a, _b, _c;
+    this._isEditing = false;
+    const rawText = (_c = (_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : "";
+    if (rawText === "") {
+      this.commitValue(null);
+      return;
+    }
+    const parsed = parseFloat(rawText);
+    if (isNaN(parsed)) {
+      // Non-numeric typed input — revert display to current value
+      this.syncInputDisplay();
+      return;
+    }
+    this.commitValue(parsed);
+  }
+  /**
+   * Commits a new value. Sets value, syncs display, and emits `change`
+   * unless the change event is suppressed (keyboard-held stepping).
+   * @internal
+   */
+  commitValue(next) {
+    const prev = this._value;
+    this.value = next;
+    // Guard: only emit when the value actually changed AND we're not mid-key-hold.
+    // Example: user clicks the increment button once, stepping from 5 → 6.
+    // prev (5) !== next (6) and _suppressChangeEvent is false, so change fires
+    // immediately. During a held ArrowUp, _suppressChangeEvent is true, so the
+    // event is deferred to keyupHandler.
+    if (prev !== next && !this._suppressChangeEvent) {
+      this.emitChangeEvent();
+    }
+  }
+  /**
+   * Emits the change event with the current value and display value.
+   * @internal
+   */
+  emitChangeEvent() {
+    this.$emit(SpinButtonEventNames.change, {
+      value: this._value,
+      displayValue: this._displayValue || (this._value !== null ? String(this._value) : "")
+    }, {
+      bubbles: true,
+      composed: true
+    });
+  }
+  /**
+   * Synchronizes the internal input's displayed text.
+   * @internal
+   */
+  syncInputDisplay() {
+    if (!this.control || this._isEditing) return;
+    if (this._displayValue) {
+      this.control.value = this._displayValue;
+    } else if (this._value !== null) {
+      this.control.value = String(this._value);
+    } else {
+      this.control.value = "";
+    }
+  }
+  /**
+   * Updates the `atBound` state based on current value, min, and max.
+   * @internal
+   */
+  updateBoundState() {
+    if (this._value === null) {
+      this.atBound = SpinButtonBounds.none;
+      return;
+    }
+    const atMin = this.min !== undefined && this._value <= this.min;
+    const atMax = this.max !== undefined && this._value >= this.max;
+    if (atMin && atMax) {
+      this.atBound = SpinButtonBounds.both;
+    } else if (atMin) {
+      this.atBound = SpinButtonBounds.min;
+    } else if (atMax) {
+      this.atBound = SpinButtonBounds.max;
+    } else {
+      this.atBound = SpinButtonBounds.none;
+    }
+  }
+  /**
+   * Updates the form value for form participation.
+   * @internal
+   */
+  updateFormValue() {
+    if (!this.$fastController.isConnected) return;
+    const formValue = this._value !== null ? String(this._value) : null;
+    this.elementInternals.setFormValue(formValue);
+  }
+  /**
+   * Updates ARIA attributes for assistive technology.
+   * @internal
+   */
+  updateAriaValue() {
+    if (!this.$fastController.isConnected) return;
+    this.elementInternals.ariaValueNow = this._value !== null ? String(this._value) : null;
+    this.elementInternals.ariaValueMin = this.min !== undefined ? String(this.min) : null;
+    this.elementInternals.ariaValueMax = this.max !== undefined ? String(this.max) : null;
+  }
+}
+/**
+ * The form-associated flag.
+ *
+ * @public
+ */
+SpinButton.formAssociated = true;
+__decorate([attr], SpinButton.prototype, "appearance", void 0);
+__decorate([attr({
+  attribute: "control-size"
+})], SpinButton.prototype, "controlSize", void 0);
+__decorate([attr({
+  converter: nullableNumberConverter
+})], SpinButton.prototype, "min", void 0);
+__decorate([attr({
+  converter: nullableNumberConverter
+})], SpinButton.prototype, "max", void 0);
+__decorate([attr({
+  converter: nullableNumberConverter
+})], SpinButton.prototype, "step", void 0);
+__decorate([attr({
+  attribute: "step-page",
+  converter: nullableNumberConverter
+})], SpinButton.prototype, "stepPage", void 0);
+__decorate([attr({
+  converter: nullableNumberConverter
+})], SpinButton.prototype, "precision", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], SpinButton.prototype, "disabled", void 0);
+__decorate([attr], SpinButton.prototype, "name", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], SpinButton.prototype, "required", void 0);
+__decorate([attr], SpinButton.prototype, "placeholder", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], SpinButton.prototype, "error", void 0);
+__decorate([observable], SpinButton.prototype, "defaultSlottedNodes", void 0);
+__decorate([observable], SpinButton.prototype, "labelEl", void 0);
+__decorate([observable], SpinButton.prototype, "control", void 0);
+__decorate([observable], SpinButton.prototype, "spinState", void 0);
+__decorate([observable], SpinButton.prototype, "atBound", void 0);
+
+export { SpinButton };

package/esm/components/spin-button/spin-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin-button.js","sourceRoot":"","sources":["../../../../src/components/spin-button/spin-button.ts"],"names":[],"mappings":"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"}

package/esm/components/spin-button/spin-button.options.js

@@ -0,0 +1,45 @@
+/**
+ * Appearance values for {@link SpinButton}.
+ *
+ * @public
+ */
+const SpinButtonAppearances = {
+  outline: "outline",
+  underline: "underline",
+  filledLighter: "filled-lighter",
+  filledDarker: "filled-darker"
+};
+/**
+ * Size values for {@link SpinButton}.
+ *
+ * @public
+ */
+const SpinButtonControlSizes = {
+  small: "small",
+  medium: "medium"
+};
+/**
+ * Spin state values for {@link SpinButton}.
+ * Tracks the direction in which the spin button is currently spinning.
+ *
+ * @public
+ */
+const SpinButtonSpinStates = {
+  rest: "rest",
+  up: "up",
+  down: "down"
+};
+/**
+ * Bound state values for {@link SpinButton}.
+ * Tracks whether the current value is at a boundary.
+ *
+ * @public
+ */
+const SpinButtonBounds = {
+  none: "none",
+  min: "min",
+  max: "max",
+  both: "both"
+};
+
+export { SpinButtonAppearances, SpinButtonBounds, SpinButtonControlSizes, SpinButtonSpinStates };

package/esm/components/spin-button/spin-button.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin-button.options.js","sourceRoot":"","sources":["../../../../src/components/spin-button/spin-button.options.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,gBAAgB;IAC/B,YAAY,EAAE,eAAe;CACrB,CAAC;AAKX;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAKX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;CACJ,CAAC;AAKX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC"}