@heartlandone/vega 2.79.0 → 2.81.0

package/dist/collection/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.js

@@ -120,31 +120,31 @@ export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
     let stringFormatStrategy = null;
     switch (maskConfig === null || maskConfig === void 0 ? void 0 : maskConfig.type) {
       case 'phone':
-        stringFormatStrategy = StringMaskStrategy.PHONE_MASK;
+        stringFormatStrategy = StringMaskStrategy.getPhoneMaskStrategy(maskConfig.overrideValue);
         break;
       case 'taxId':
-        stringFormatStrategy = StringMaskStrategy.TAX_ID_MASK;
+        stringFormatStrategy = StringMaskStrategy.getTaxIdMaskStrategy(maskConfig.overrideValue);
         break;
       case 'zipcode':
-        stringFormatStrategy = StringMaskStrategy.ZIPCODE_MASK;
+        stringFormatStrategy = StringMaskStrategy.getZipcodeMaskStrategy(maskConfig.overrideValue);
         break;
       case 'thousand-comma':
-        stringFormatStrategy = new ThousandCommaStrategy();
+        stringFormatStrategy = new ThousandCommaStrategy(maskConfig.overrideValue);
         break;
       case 'number':
-        stringFormatStrategy = this.getNumberTypeMaskStrategy(maskConfig.options);
+        stringFormatStrategy = this.getNumberTypeMaskStrategy(maskConfig.options, maskConfig.overrideValue);
         break;
       case 'custom':
         stringFormatStrategy = maskConfig.strategy
           ? maskConfig.strategy()
-          : new StringMaskStrategy(maskConfig.options);
+          : new StringMaskStrategy(maskConfig.options, maskConfig.overrideValue);
         break;
       case 'custom-formatter':
-        stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter, maskConfig.resetCaretPosition);
+        stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter, maskConfig.resetCaretPosition, maskConfig.overrideValue);
         break;
     }
     if (this.type === 'number' && maskTrigger === 'input' && !maskConfig) {
-      stringFormatStrategy = new NumberMaskStrategy();
+      stringFormatStrategy = new NumberMaskStrategy({}, maskConfig === null || maskConfig === void 0 ? void 0 : maskConfig.overrideValue);
     }
     return stringFormatStrategy;
   }
@@ -152,14 +152,15 @@ export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
    * The function `getNumberTypeMaskStrategy` returns a specific formatting strategy based on the provided options for number masking.
    *
    * @param {NumberMaskConfig} options - The `options` parameter is of type `NumberMaskConfig`, which likely contains configuration options for formatting numbers. It seems to have a property `thousandComma` which, if true, indicates that the number should be formatted with thousand commas.
+   * @param {boolean} overrideValue - The `overrideValue` parameter is a boolean that indicates whether the formatted value should override the original value after the blur event.
    * @returns {StringFormatStrategy} an instance of numberMaskStrategy or numberThousandCommaStrategy
    */
-  getNumberTypeMaskStrategy(options) {
+  getNumberTypeMaskStrategy(options, overrideValue = false) {
     if (options && options.thousandComma) {
-      return new NumberThousandCommaStrategy(options);
+      return new NumberThousandCommaStrategy(options, overrideValue);
     }
     else {
-      return new NumberMaskStrategy(options);
+      return new NumberMaskStrategy(options, overrideValue);
     }
   }
   /**
@@ -170,7 +171,7 @@ export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
    * 'custom' and a trigger of 'blur'.
    */
   isBlurModeMaskConfig(maskConfig) {
-    return maskConfig.type === 'custom' && maskConfig.trigger === 'blur';
+    return maskConfig.trigger === 'blur';
   }
   /* istanbul ignore next */
   /**

package/dist/collection/components/vega-input/slimmers/renderers/vega-input-input-renderer.js

@@ -72,7 +72,7 @@ export class VegaInputInputRenderer extends VegaSlimmer {
   }
   render() {
     return (h("div", { class: "vega-input-input" },
-      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, readOnly: this.readOnly, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
+      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, enterkeyhint: this.enterkeyhint, readOnly: this.readOnly, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
         /* eslint-disable-next-line react/jsx-no-bind */
         onBlur: (e) => this.handleInputBlur(e), 
         /* eslint-disable-next-line react/jsx-no-bind */
@@ -137,6 +137,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "inputmode", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputInputRenderer.prototype, "enterkeyhint", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "readOnly", void 0);

package/dist/collection/components/vega-input/vega-input.js

@@ -761,6 +761,31 @@ export class VegaInput {
       "attribute": "inputmode",
       "reflect": false
     },
+    "enterkeyhint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "InputEnterKeyHintTypes",
+        "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"",
+        "references": {
+          "InputEnterKeyHintTypes": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.81.0"
+          }],
+        "text": "Configures the action label (or icon) to present for the enter key on virtual keyboards.\n\n- `'enter'` \u2014 Insert a new line.\n- `'done'` \u2014 Nothing more to input, close the virtual keyboard.\n- `'go'` \u2014 Navigate to the target of the typed text.\n- `'next'` \u2014 Move to the next field that will accept text.\n- `'previous'` \u2014 Move to the previous field that will accept text.\n- `'search'` \u2014 Execute a search query.\n- `'send'` \u2014 Deliver the content (e.g. a message).\n\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint for more details."
+      },
+      "attribute": "enterkeyhint",
+      "reflect": false
+    },
     "readOnly": {
       "type": "boolean",
       "mutable": false,
@@ -1148,7 +1173,7 @@ export class VegaInput {
       "mutable": false,
       "complexType": {
         "original": "MaskConfigType | MaskConfigType[]",
-        "resolved": "MaskConfigType[] | ({ type: \"number\" | \"phone\" | \"zipcode\" | \"taxId\" | \"custom\" | \"thousand-comma\" | \"custom-formatter\"; options?: MaskConfig | NumberMaskConfig; trigger?: \"blur\" | \"input\"; formatter?: (value: string) => string; resetCaretPosition?: boolean; strategy?: () => StringFormatStrategy; })",
+        "resolved": "MaskConfigType[] | ({ type: \"number\" | \"phone\" | \"zipcode\" | \"taxId\" | \"custom\" | \"thousand-comma\" | \"custom-formatter\"; options?: MaskConfig | NumberMaskConfig; overrideValue?: boolean; trigger?: \"blur\" | \"input\"; formatter?: (value: string) => string; resetCaretPosition?: boolean; strategy?: () => StringFormatStrategy; })",
         "references": {
           "MaskConfigType": {
             "location": "import",

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.js

@@ -26,6 +26,7 @@ export class VegaModalLayoutController extends VegaSlimmer {
       // eslint-disable-next-line jsdoc/require-jsdoc
       () => {
         this.setModalWidth('update');
+        this.setModalHeight();
         this.setContentMaxHeight();
       },
       isDeferred: true,
@@ -36,6 +37,7 @@ export class VegaModalLayoutController extends VegaSlimmer {
    * Component lifecycle - [connectedCallback]
    */
   componentDidLoad() {
+    this.setModalHeight();
     this.setContentMaxHeight();
   }
   /*
@@ -55,6 +57,12 @@ export class VegaModalLayoutController extends VegaSlimmer {
   watchContentMaxHeight() {
     this.setContentMaxHeight();
   }
+  /**
+   * Listen watchHeight method to be called
+   */
+  watchHeight() {
+    this.setModalHeight();
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-default-e2e}
@@ -75,12 +83,34 @@ export class VegaModalLayoutController extends VegaSlimmer {
     if (this.isModalWidthSet && flag === 'initialize')
       return;
     const size = this.getModalSize();
-    const dialog = this.host.shadowRoot.querySelector('.modal-dialog');
+    const dialog = this.renderer.getModalDialogRef();
     typeof size === 'number'
       ? (dialog.style['width'] = `${size}px`)
       : (dialog.style['width'] = `${size}`);
     this.isModalWidthSet = true;
   }
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-height-e2e}
+   */
+  /* istanbul ignore next */
+  /**
+   * Set height of modal.
+   */
+  setModalHeight() {
+    const height = ResponsiveFormatFacade.formatCustom(this.height);
+    const dialog = this.renderer.getModalDialogRef();
+    if (!dialog)
+      return;
+    if (typeof height === 'number' || typeof height === 'string') {
+      dialog.style.height = parseToPixelString(height);
+      dialog.classList.add('with-height');
+    }
+    else {
+      dialog.style.removeProperty('height');
+      dialog.classList.remove('with-height');
+    }
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-content-max-height-responsive-e2e}
@@ -129,6 +159,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalLayoutController.prototype, "size", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalLayoutController.prototype, "height", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalLayoutController.prototype, "renderer", void 0);
@@ -144,3 +177,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchContentMaxHeight')
 ], VegaModalLayoutController.prototype, "watchContentMaxHeight", null);
+__decorate([
+  MapToComponentMethod('watchHeight')
+], VegaModalLayoutController.prototype, "watchHeight", null);

package/dist/collection/components/vega-modal/slimmers/renderers/vega-modal-renderer.js

@@ -23,15 +23,22 @@ export class VegaModalRenderer extends VegaSlimmer {
   getModalFooterRef() {
     return this.modalFooter;
   }
+  getModalDialogRef() {
+    return this.modalDialog;
+  }
   getModalContainerRef() {
     return this.modalContainer;
   }
   render() {
+    const margin = formatAndValidResponsiveToken(this.margin, 'margin');
     return (h(Host, { class: {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
-      h("div", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, tabIndex: -1 }, this.renderContainer())));
+      h("div", { class: {
+          'modal-dialog': true,
+          [margin]: !!margin,
+        }, role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, tabIndex: -1, ref: (node) => (this.modalDialog = node) }, this.renderContainer())));
   }
   renderContainer() {
     const padding = formatAndValidResponsiveToken(this.padding, 'padding');
@@ -110,6 +117,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "padding", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "margin", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "showCloseButton", void 0);