@heartlandone/vega 2.72.0 → 2.74.0-RTE-table-preview

package/dist/vega/vega-input-numeric.entry.js

@@ -0,0 +1,471 @@
+import { h, r as registerInstance, e as createEvent, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { V as VegaSlimmer, b as MapToComponentField, M as MapToComponentMethod, m as methodPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
+import { h as VegaChange, G as VegaBlur } from './vega-event-id-61c8bd9f.js';
+import { n as normalizeNumberByRanger, c as convertToNumber, b as countDecimals } from './number-4398f2e1.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
+import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6fdf8c8b.js';
+import { C as ChangeManager } from './change-manager-b115783e.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-a7b44d74.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-316ebdb1.js';
+import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-2c2e1a57.js';
+import { M as MinNumberRule, a as MaxNumberRule } from './max-number-rule-da2cb116.js';
+import './observer-3959f9dd.js';
+import './dom-node-subject-factory-5798693b.js';
+import './ui-5f775fd9.js';
+import './internal-vega-event-manager-826279b7.js';
+import './vega-env-manager-8f8dc473.js';
+import './feature-flag-controller-24b9f956.js';
+import './index-1f9eab8f.js';
+import './_commonjsHelpers-2088bffa.js';
+import './try-get-document-bef0f526.js';
+import './keyboard-manager-3c463777.js';
+import './type-guard-09acedc9.js';
+import './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './string-a953eafc.js';
+import './vega-internal-event-id-b65a01a3.js';
+import './page-resize-observer-slimmer-ee8774a6.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './mutation-observer-slimmer-7065c745.js';
+import './mutation-observer-filters-6c515793.js';
+import './array-a1d98264.js';
+import './sub-state-observer-slimmer-4fc8b3da.js';
+
+var __decorate$3 = (undefined && undefined.__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;
+};
+class VegaInputNumericRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.onInputChange = (payload) => {
+      this.valueController.updateValue(payload.detail);
+    };
+    this.onInputBlur = (payload) => {
+      const vegaInput = payload.host;
+      const normalizedValue = vegaInput.value.replace(/,/g, '');
+      if (normalizedValue !== '' && !isNaN(normalizedValue)) {
+        let inputValue = normalizeNumberByRanger(Number(normalizedValue), this.min, this.max);
+        if (this.integerOnly) {
+          if (inputValue === this.min) {
+            inputValue = Math.ceil(this.min);
+          }
+          else if (inputValue === this.max) {
+            inputValue = Math.floor(this.max);
+          }
+        }
+        if (inputValue !== Number(normalizedValue)) {
+          this.valueController.updateValue(inputValue.toString());
+        }
+      }
+    };
+  }
+  getInputRef() {
+    return this.vegaInputRef.shadowRoot.querySelector('input');
+  }
+  getContainerRef() {
+    return this.vegaInputRef.shadowRoot.querySelector('.vega-input-container');
+  }
+  render() {
+    const maskOptions = {
+      thousandComma: this.thousandComma,
+    };
+    if (this.integerOnly) {
+      maskOptions.precision = 0;
+    }
+    return (h("vega-input", { value: this.value || '', showClearIcon: this.showClearIcon, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
+        this.vegaInputRef = ref;
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => this.onInputChange(payload));
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaBlur, (payload) => this.onInputBlur(payload));
+      }, maskConfig: {
+        type: 'number',
+        options: maskOptions,
+      } }));
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "prefixIcon", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "showClearIcon", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "value", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "size", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "disabled", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "placeholder", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "label", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "hint", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "required", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "thousandComma", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "integerOnly", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "min", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "max", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "valueController", void 0);
+
+var __decorate$2 = (undefined && undefined.__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;
+};
+/**
+ * Input numeric value controller
+ */
+class VegaInputNumericValueController extends VegaSlimmer {
+  /**
+   * The `watchValue` function emits a change event with the current value and notifies the
+   * `ChangeManager` about a form element value change.
+   */
+  watchValue() {
+    this.changeEventEmitter.emit(this.value);
+    ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
+      host: this.host,
+      detail: this.value,
+    });
+  }
+  /**
+   * Sets a value based on the input and emits a change event with that value.
+   *
+   * @param {string} input - input value
+   */
+  updateValue(input) {
+    this.value = input;
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaInputNumericValueController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaInputNumericValueController.prototype, "value", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaInputNumericValueController.prototype, "changeEventEmitter", void 0);
+__decorate$2([
+  MapToComponentMethod('watchValue')
+], VegaInputNumericValueController.prototype, "watchValue", null);
+
+var __decorate$1 = (undefined && undefined.__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;
+};
+/**
+ * Input numeric keyboard controller
+ */
+class VegaInputNumericKeyboardController extends KeyboardManagerSlimmer {
+  constructor() {
+    super((target) => {
+      return [
+        {
+          keyCode: ['ArrowUp', 'ArrowDown'],
+          activeElementInScope: [target.host],
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: target.onArrowUpOrDown,
+        },
+        // Vega-input converts number inputs to text. When using the ArrowUp key in a text input,
+        //   the cursor moves to the front. Since the value changes,
+        //   vega-input formats the value and moves the cursor to the end, causing flickering.
+        //   This behavior is prevented here.
+        {
+          keyCode: ['ArrowUp'],
+          eventName: 'keydown',
+          activeElementInScope: [target.host],
+          /*
+           * The below method is e2e-test covered in
+           * @see{module:vega-input-numeric-increment-keyboard-e2e}
+           */
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: /* istanbul ignore next */ (event) => {
+            event.preventDefault();
+          },
+        },
+      ];
+    });
+    /*
+     * The below method is e2e-test covered in
+     * @see{module:vega-input-numeric-increment-keyboard-e2e}
+     */
+    /* istanbul ignore next */
+    /**
+     * Update the value while press ArrowUp or ArrowDown
+     *
+     * @param {KeyboardEvent} event - keyboard event
+     */
+    this.onArrowUpOrDown = (event) => {
+      const updateValue = event.shiftKey ? this.majorIncrement : this.minorIncrement;
+      const value = convertToNumber(this.value.replace(/,/g, '')) || 0;
+      const decimalCount = Math.max(countDecimals(value), countDecimals(updateValue));
+      if (event.code === 'ArrowUp') {
+        this.valueController.updateValue(`${(value + updateValue).toFixed(decimalCount)}`);
+      }
+      else if (event.code === 'ArrowDown') {
+        this.valueController.updateValue(`${(value - updateValue).toFixed(decimalCount)}`);
+      }
+    };
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "value", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "minorIncrement", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "majorIncrement", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "valueController", void 0);
+
+const vegaInputNumericCss = ":host{display:inline-block;width:100%}";
+
+var __decorate = (undefined && undefined.__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;
+};
+const VegaInputNumeric = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaChange = createEvent(this, "vegaChange", 7);
+    this.change = createEvent(this, "change", 7);
+    this.globalSlimmers = {};
+    this.valueController = new VegaInputNumericValueController();
+    this.keyboardController = new VegaInputNumericKeyboardController();
+    this.renderer = new VegaInputNumericRenderer();
+    this.changeEventEmitter = createEventEmitSlimmer(VegaInputNumeric, VegaChange);
+    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host, { useCapture: true });
+    this.formFieldController = new FormFieldControllerSlimmer({
+      propertyRules: [
+        {
+          propertyName: 'required',
+          ruleFactory: (isRequired) => (isRequired ? new RequiredFieldRule() : null),
+        },
+        {
+          propertyName: 'min',
+          ruleFactory: (min) => typeof min === 'number' ? new MinNumberRule({ minValue: min }) : null,
+        },
+        {
+          propertyName: 'max',
+          ruleFactory: (max) => typeof max === 'number' ? new MaxNumberRule({ maxValue: max }) : null,
+        },
+      ],
+      validationRulesName: 'validationRules',
+      inputContainerGetter: () => this.renderer.getContainerRef(),
+      touchableAreaGetter: () => [this.renderer.getInputRef()],
+      defaultValue: '',
+      attributeGetter: (propertyName) => this[propertyName],
+    });
+    this.prefixTextNotifySlimmer = createSubStateNotifySlimmer(VegaInputNumeric, 'prefixText', 'watchPrefixText');
+    this.suffixTextNotifySlimmer = createSubStateNotifySlimmer(VegaInputNumeric, 'suffixText', 'watchSuffixText');
+    this.isCompactInputWidthNotifySlimmer = createSubStateNotifySlimmer(VegaInputNumeric, 'isCompactInputWidth');
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.isCompactInputWidth = true;
+    /**
+     * Defines the prefix for the input numeric field.
+     * It provides additional context or information displayed
+     *    before the numeric value, helping to
+     *    clarify its purpose or usage.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.prefixText = '';
+    /**
+     * Represents a pre-set or default value for the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.value = '';
+    /**
+     * Defines the size of the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.size = 'medium';
+    /**
+     * Determines whether the numeric input field should format numbers
+     *    with thousand separators (commas) during user input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.thousandComma = false;
+    /**
+     * Determines whether the numeric input field should restrict
+     *    input to integers only.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.integerOnly = false;
+    /**
+     * Determines whether the input numeric field is disabled.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.disabled = false;
+    /**
+     * Specifies the step value for increasing or decreasing the input
+     *    when pressing the ArrowUp or ArrowDown key.
+     *    It controls the finer adjustments in the numeric input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.minorIncrement = 1;
+    /**
+     * Specifies the step value for increasing or decreasing the input
+     *    when pressing the ArrowUp or ArrowDown key
+     *    while holding the Shift key.
+     *    It controls larger adjustments in the numeric input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.majorIncrement = 10;
+    /**
+     * Provides a descriptive text or string that serves
+     *    as the label or title for the input numeric.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.label = '';
+    /**
+     * Defines custom validation rules for the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.validationRules = [];
+    /**
+     * Specifies the validation status of the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.isValid = null;
+    /**
+     * Determines whether the input field should undergo automatic validation
+     *    during the user's input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.autoValidation = true;
+    /**
+     * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @vegaVersion 2.53.0
+     */
+    this.showClearIcon = true;
+    /**
+     * Sets the minimum allowable value for the numeric input.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.min = null;
+    /**
+     * Sets the maximum allowable value for the numeric input.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.max = null;
+  }
+  watchPrefixText() {
+    methodPlaceholder();
+  }
+  watchSuffixText() {
+    methodPlaceholder();
+  }
+  watchValue() {
+    methodPlaceholder();
+  }
+  watchValidationRules() {
+    methodPlaceholder();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "prefixText": ["watchPrefixText"],
+    "suffixText": ["watchSuffixText"],
+    "value": ["watchValue"],
+    "validationRules": ["watchValidationRules"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaInputNumeric.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "valueController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "keyboardController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "changeEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "inputEventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "formFieldController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "prefixTextNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "suffixTextNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "isCompactInputWidthNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaInputNumeric.style = vegaInputNumericCss;
+
+export { VegaInputNumeric as vega_input_numeric };