@heartlandone/vega 2.77.1 → 2.78.0

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -7,20 +7,20 @@ const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-e0aeac45.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-714bfad2.js');
-const typeGuard = require('./type-guard-cd0376d4.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-814d66c4.js');
+const typeGuard = require('./type-guard-a0d9ff1f.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-1b3a1388.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 require('./observer-f49483e8.js');
 require('./ui-234ea151.js');
 require('./icon-manager-c12c6ea9.js');
@@ -29,20 +29,20 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./index-f054eb5d.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-32e69595.js');
+require('./ui-024696c0.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-1f84ab0a.js');
+require('./internal-translation-controller-24df468f.js');
 require('./string-39438062.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
+require('./page-resize-observer-slimmer-e050cd26.js');
+require('./breakpoints-a8ff22f0.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-1dfbc4c3.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./sub-state-observer-slimmer-e692d849.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -5971,95 +5971,145 @@ const VegaInputPhoneNumber = class {
     });
     this.phoneNumberInputValue = '';
     /**
-     * Specifies the label or title for the phone number input field.
-     *
-     * It provides descriptive text that helps identify the
-     *    purpose or content expected in the input field.
+     * Specifies the visible label text rendered above the phone number input.
+     * The label identifies the purpose of the field and serves as the
+     * accessible name for screen readers.
      *
+     * @default ''
      * @vegaVersion 2.18.0
      */
     this.label = '';
     /**
-     * Specifies the size of the phone number input field.
+     * Controls the visual size of the phone number input field.
+     *
+     * - `'default'` — Standard height, suitable for most form layouts.
+     * - `'small'` — Compact height, useful for dense UIs.
      *
+     * @default 'default'
      * @vegaVersion 2.18.0
      */
     this.size = 'default';
     /**
-     * Determines whether the phone number input field is required.
+     * Determines whether the phone number input field must have a value before
+     * the form can be submitted. When `true`, the built-in
+     * `InputPhoneNumberRequiredRule` is applied during validation and a
+     * required indicator is shown on the label.
      *
+     * @default false
      * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
-     * Determines whether the phone number input field is disabled.
+     * Specifies whether the phone number input field is disabled. When `true`,
+     * both the country selector and the phone number text field become
+     * non-interactive — the user cannot type, select a country, or focus
+     * any part of the component.
      *
+     * @default false
      * @vegaVersion 2.18.0
      */
     this.disabled = false;
     /**
-     * Specifies the default country calling code using the two-letter uppercase country code.
+     * Specifies the currently selected country using a two-letter uppercase
+     * ISO 3166-1 alpha-2 code (e.g., `'US'`, `'GB'`, `'CN'`). The country
+     * code determines the flag icon and calling code prefix displayed in the
+     * country selector. Changing this value updates the phone number prefix
+     * accordingly.
      *
+     * @default 'US'
      * @vegaVersion 2.18.0
-     * @defaultValue US
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.countryCode = CountrySelectController.defaultCountryCode;
     /**
-     * Specifies the countries available for selection.
+     * An array of country codes available for selection in the country
+     * dropdown. Each entry must be a two-letter uppercase ISO 3166-1 alpha-2
+     * code.
      *
-     * Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
+     * By default all 245 supported codes are loaded, but providing a smaller
+     * subset improves initial render performance.
      *
+     * @default VegaCountryCode[] (all 245 codes)
      * @vegaVersion 2.18.0
-     * @defaultValue ['US', 'CN', ...]{@link VegaCountryCode}
      */
     this.allowedCountryCodes = CountrySelectController.defaultAllowedCountryCodes;
     /**
-     * Specifies whether the phone number input field can be set to an empty value.
-     * - `true`:
-     *      The value property is cleared when the input field is empty.
-     * - `false`:
-     *      The value property is `+1` when no phone number is entered.
+     * Controls whether the `value` property can be an empty string.
      *
+     * - `true` — The `value` property is cleared to `''` when the user
+     *   deletes all digits from the input field.
+     * - `false` — The `value` property always retains at least the country
+     *   calling code prefix (e.g., `'+1'` for US) even when no phone number
+     *   digits have been entered.
+     *
+     * @default false
      * @vegaVersion 2.35.0
      */
     this.emptyValueEnabled = false;
     /**
-     * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
+     * The current value of the phone number input in
+     * [E.164](https://en.wikipedia.org/wiki/E.164) format (e.g., `'+14155552671'`).
+     *
+     * This property is mutable and reflected to the host element attribute.
+     * It updates as the user types and can be set externally to pre-populate
+     * or reset the field. When `emptyValueEnabled` is `false` and no digits
+     * have been entered, the value defaults to the country calling code
+     * prefix (e.g., `'+1'` for US).
      *
-     * @VegaWarning - Note: The input phone number field will always have a value. If no phone number is entered, the default format is `+{default_country_code}`.
-     *              - For example, if the default country code is US, the default value will be `+1`.
+     * @default '+1'
      * @vegaVersion 2.18.0
-     * @defaultValue +1
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = `+${getCountryCallingCode(this.countryCode)}`;
     /**
-     * Specifies custom validation rules for the phone number input field.
+     * An array of custom validation rules applied to the phone number input in
+     * addition to the built-in rules (`InputPhoneNumberRequiredRule`,
+     * `ValidPhoneNumberRule`). Each rule must implement the
+     * `FormFieldValidationRule` interface.
      *
+     * Rules are evaluated in order when `autoValidation` is enabled or when
+     * validation is triggered programmatically.
+     *
+     * @default []
      * @vegaVersion 2.18.0
      */
     this.validationRules = [];
     /**
-     * Indicates whether the current value in the field is considered valid
-     *    based on the defined validation rules.
+     * Reflects the current validation status of the phone number input.
+     *
+     * - `true` — the field value passes all validation rules.
+     * - `false` — one or more validation rules have failed.
+     * - `null` — the field has not been validated yet (initial state).
      *
+     * This property is mutable: it is updated automatically when
+     * `autoValidation` is enabled, but can also be set manually to override
+     * the validation state.
+     *
+     * @default null
      * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
-     * Determines whether the phone number input field should undergo automatic validation
-     *    during the user's input.
+     * Determines whether the phone number input should be validated
+     * automatically as the user interacts with it. When `true`, validation
+     * rules (including `required`, `ValidPhoneNumberRule`, and custom
+     * `validationRules`) are evaluated and the `isValid` property is updated
+     * accordingly.
+     *
+     * Set to `false` to handle validation manually.
      *
+     * @default true
      * @vegaVersion 2.18.0
      */
     this.autoValidation = true;
     /**
-     * Provides a supplementary prompt message that assists users in
-     *    understanding the expected value for the input field.
+     * Supplementary helper message displayed below the phone number input that
+     * assists users in understanding the expected value or provides additional
+     * context (e.g., `'We will send a verification code to this number'`).
      *
+     * @default ''
      * @vegaVersion 2.18.0
      */
     this.hint = '';

package/dist/cjs/vega-input-range.cjs.entry.js

@@ -6,35 +6,35 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-1b3a1388.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const ui = require('./ui-234ea151.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const translationSlimmer = require('./translation-slimmer-2c207e34.js');
+const translationSlimmer = require('./translation-slimmer-3fa03d81.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./internal-translation-controller-1f84ab0a.js');
+require('./vega-internal-event-id-e0aeac45.js');
+require('./internal-translation-controller-24df468f.js');
 require('./index-592b4052.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
-require('./ui-32e69595.js');
+require('./page-resize-observer-slimmer-e050cd26.js');
+require('./breakpoints-a8ff22f0.js');
+require('./ui-024696c0.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-1dfbc4c3.js');
+require('./sub-state-observer-slimmer-e692d849.js');
 require('./number-4816603d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
@@ -260,6 +260,7 @@ class VegaInputRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
       'type': 'number',
       'data-index': index,
       'placeholder': this.getPlaceholderByIndex(index),
+      'data-aria-label': this.getDataAriaLabel(index),
       'showClearIcon': false,
       'disabled': this.disabled,
       'size': this.size,
@@ -278,6 +279,17 @@ class VegaInputRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const placeholder = this.placeholder || VegaInputRangeInputRenderer.defaultPlaceholder;
     return this.translationSlimmer.t(placeholder[index]);
   }
+  /**
+   * Get the data aria label for the input range input by the input range index
+   *
+   * @param {number} index the range index 0|1
+   * @returns {string} the data aria label for the input range input
+   */
+  // TODO: should guarantee all the a11y label is integrated with our translation api, https://gethired.atlassian.net/browse/VD-8327
+  getDataAriaLabel(index) {
+    const inputRangeLabel = this.label || 'Input range';
+    return `${inputRangeLabel} ${index === 0 ? 'start' : 'end'}`;
+  }
   /**
    * get the input value by the input range index
    *
@@ -311,6 +323,9 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "placeholder", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputRangeInputRenderer.prototype, "label", void 0);
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "showClearIcon", void 0);

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
-const breakpoints = require('./breakpoints-751d433a.js');
+const breakpoints = require('./breakpoints-a8ff22f0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-234ea151.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0b65ce4a.js');
+const responsiveFormatFacade = require('./responsive-format-facade-bddac47c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-e0aeac45.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
@@ -21,17 +21,18 @@ const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const index$1 = require('./index-592b4052.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-1b3a1388.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
-const typeGuard = require('./type-guard-cd0376d4.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e050cd26.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
+const typeGuard = require('./type-guard-a0d9ff1f.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
-const translationSlimmer = require('./translation-slimmer-2c207e34.js');
+const translationSlimmer = require('./translation-slimmer-3fa03d81.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-require('./ui-32e69595.js');
+const internalTranslationController = require('./internal-translation-controller-24df468f.js');
+require('./ui-024696c0.js');
 require('./breakpoints-ebde4837.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -44,9 +45,8 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
-require('./internal-translation-controller-1f84ab0a.js');
-require('./sub-state-observer-slimmer-1dfbc4c3.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./sub-state-observer-slimmer-e692d849.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./typography-4560e7f1.js');
 
@@ -1049,15 +1049,15 @@ const VegaInputSelect = class {
      * Allows customization of the text displayed within the
      *    select field when single or multiple items are selected.
      *    The default format for the selected label is
-     *    `${number of selected items} Selected` for multiple mode only.
+     *    `{0} Selected` for multiple mode only.
      *
      *	To enable all modes, use the `SelectedLabelTypeForAllModes` type.
      * 		For single mode, the default format is the `displayName` of the selected item if not set
-     * 		For multiple mode, the default format is `${number of selected items} Selected` if not set
+     * 		For multiple mode, the default format is `{0} Selected` if not set
      *
      * @vegaVersion 1.35.0
      */
-    this.selectedLabel = (value) => `${value.length} Selected`;
+    this.selectedLabel = (value) => internalTranslationController.VegaInternalTranslation.t(`{0} Selected`, value.length);
     /**
      * Controls the selection capabilities of the associated dropdown menu.
      *