@heartlandone/vega 2.77.1 → 2.79.0

package/dist/esm/vega-input-passcode.entry.js

@@ -2,41 +2,41 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { E as VegaFocus, F as VegaBlur, f as VegaChange, H as VegaPaste, I as VegaComplete } from './vega-event-id-38aa77a0.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { G as VegaFocus, H as VegaBlur, h as VegaChange, J as VegaPaste, K as VegaComplete } from './vega-event-id-4ede557a.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8898843.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-4722d20c.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import './observer-3959f9dd.js';
-import './ui-ee31416b.js';
+import './ui-ac244bf0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';
-import './keyboard-manager-f9bfa678.js';
-import './type-guard-af324dcd.js';
+import './keyboard-manager-e020039f.js';
+import './type-guard-c20cbbff.js';
 import './breakpoints-d9faf11c.js';
-import './ui-28fd4193.js';
+import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-113a6288.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './vega-internal-event-id-799d012e.js';
+import './vega-internal-event-id-8002b179.js';
 import './index-3b327f29.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-478c9f41.js';
+import './sub-state-observer-slimmer-b3a773c5.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;
@@ -625,79 +625,122 @@ const VegaInputPasscode = class {
       this.vegaInputValues = newArr;
     });
     /**
-     * Specifies the label or title for the input passcode.
-     *
-     * It provides descriptive text that helps identify the
-     *    purpose or content expected in the input passcode.
+     * Specifies the visible label text rendered above the passcode input.
+     * The label identifies the purpose of the field (e.g., "Enter verification
+     * code") and serves as the accessible name for screen readers.
      *
+     * @default ''
      * @vegaVersion 2.66.0
      */
     this.label = '';
     /**
-     * Determines whether the input passcode is disabled.
+     * Specifies whether the passcode input is disabled. When `true`, all
+     * individual input boxes become non-interactive — the user cannot type,
+     * paste, or focus any box.
      *
+     * @default false
      * @vegaVersion 2.66.0
      */
     this.disabled = false;
     /**
-     * Defines the size of the input passcode,
-     *    specifying its width or length.
+     * Controls the visual size of the passcode input boxes.
+     *
+     * - `'medium'` — Standard height, suitable for most form layouts.
+     * - `'small'` — Compact height, useful for dense UIs.
      *
+     * @default 'medium'
      * @vegaVersion 2.66.0
      */
     this.size = 'medium';
     /**
-     * Provides a supplementary prompt message that assists users in
-     *    understanding the expected value for the input passcode.
+     * Supplementary helper message displayed below the passcode input that
+     * assists users in understanding the expected input. For example,
+     * `'Enter the 4-digit code sent to your email'`.
      *
+     * @default ''
      * @vegaVersion 2.66.0
      */
     this.hint = '';
     /**
-     * Specifies the number of input boxes to display.
+     * Specifies the number of individual input boxes rendered for the passcode.
+     * Each box accepts a single character. Common values are `4` for a PIN and
+     * `6` for a two-factor authentication code.
      *
+     * @default 4
      * @vegaVersion 2.66.0
      */
     this.length = 4;
     /**
-     * Specifies the input type of the input passcode
-     *    Numeric type: only 0-9 are accepted
-     *    Text type: any non-space character is accepted
-     *    Spaces are rejected for all types
+     * Specifies the type of characters accepted by each passcode box.
+     *
+     * - `'numeric'` — Only digits `0`–`9` are accepted.
+     * - `'text'` — Any non-space character is accepted.
      *
+     * Spaces are always rejected regardless of the selected type.
+     *
+     * @default 'numeric'
      * @vegaVersion 2.66.0
      */
     this.inputType = 'numeric';
     /**
-     * Specifies the value of the input passcode.
+     * The current value of the passcode input, represented as a concatenated
+     * string of all box values (e.g., `'1234'` for a 4-digit passcode).
+     *
+     * This property is mutable and reflected to the host element attribute.
+     * It updates as the user types into the boxes and can be set externally
+     * to pre-populate or reset the field.
      *
+     * @default ''
      * @vegaVersion 2.66.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
-     * Determines whether the input passcode field is required.
+     * Determines whether the passcode field must have a value before the form
+     * can be submitted. When `true`, the built-in `RequiredFieldRule` is
+     * applied during validation and a required indicator is shown on the label.
      *
+     * @default false
      * @vegaVersion 2.66.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
-     * Defines custom validation rules for the input passcode.
+     * An array of custom validation rules applied to the passcode input in
+     * addition to the built-in `RequiredFieldRule`. 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.66.0
      */
     this.validationRules = [];
     /**
-     * Determines whether the input passcode should undergo automatic validation
-     *    during the user's input.
+     * Determines whether the passcode input should be validated automatically
+     * as the user types. When `true`, validation rules (including `required`
+     * and custom `validationRules`) are evaluated and the `isValid` property
+     * is updated accordingly.
+     *
+     * Set to `false` to handle validation manually.
      *
+     * @default true
      * @vegaVersion 2.66.0
      */
     this.autoValidation = true;
     /**
-     * Specifies the validation status of the input passcode.
+     * Reflects the current validation status of the passcode 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.66.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */

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

@@ -2,43 +2,43 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { f as VegaChange, J as VegaCountryChange } from './vega-event-id-38aa77a0.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { h as VegaChange, L as VegaCountryChange } from './vega-event-id-4ede557a.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { s as VegaDropdownRenderItemInternalOverridden, k as VegaInputSelectRenderPrefixIconInternalOverridden, t as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-799d012e.js';
+import { v as VegaDropdownRenderItemInternalOverridden, n as VegaInputSelectRenderPrefixIconInternalOverridden, w as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-8002b179.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { S as StringFormatStrategy } from './string-format-strategy.abstract-944f759b.js';
-import { i as isNonNullable } from './type-guard-af324dcd.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-8c48e515.js';
+import { i as isNonNullable } from './type-guard-c20cbbff.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
 import { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import './observer-3959f9dd.js';
-import './ui-ee31416b.js';
+import './ui-ac244bf0.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './index-bfc6dfa2.js';
 import './breakpoints-d9faf11c.js';
-import './ui-28fd4193.js';
+import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-113a6288.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './string-a953eafc.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-478c9f41.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './sub-state-observer-slimmer-b3a773c5.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -5967,95 +5967,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/esm/vega-input-range.entry.js

@@ -2,35 +2,35 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { f as VegaChange } from './vega-event-id-38aa77a0.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { h as VegaChange } from './vega-event-id-4ede557a.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
-import { g as getDeviceType, D as DeviceType } from './ui-ee31416b.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
+import { g as getDeviceType, D as DeviceType } from './ui-ac244bf0.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { T as TranslationSlimmer } from './translation-slimmer-9f0339aa.js';
+import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
-import './vega-internal-event-id-799d012e.js';
-import './internal-translation-controller-113a6288.js';
+import './vega-internal-event-id-8002b179.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './index-3b327f29.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
-import './ui-28fd4193.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
+import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-478c9f41.js';
+import './sub-state-observer-slimmer-b3a773c5.js';
 import './number-4398f2e1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
@@ -256,6 +256,7 @@ class VegaInputRangeInputRenderer extends VegaSlimmer {
       'type': 'number',
       'data-index': index,
       'placeholder': this.getPlaceholderByIndex(index),
+      'data-aria-label': this.getDataAriaLabel(index),
       'showClearIcon': false,
       'disabled': this.disabled,
       'size': this.size,
@@ -274,6 +275,17 @@ class VegaInputRangeInputRenderer extends 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
    *
@@ -307,6 +319,9 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "placeholder", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaInputRangeInputRenderer.prototype, "label", void 0);
 __decorate$2([
   MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "showClearIcon", void 0);

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

@@ -1,14 +1,14 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { g as getCurrentBreakpoint } from './breakpoints-56e5407b.js';
+import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { a as arrayToClassString } from './ui-ee31416b.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a36c54a.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { v as VegaLabelButtonClick, r as VegaDropdownShow, s as VegaDropdownHide, V as VegaDropdownClick, t as VegaDropdownSearch, u as VegaSearchTrigger, c as VegaReset, f as VegaChange, n as VegaSearch, K as VegaShow, L as VegaHide } from './vega-event-id-38aa77a0.js';
+import { a as arrayToClassString } from './ui-ac244bf0.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { x as VegaLabelButtonClick, t as VegaDropdownShow, u as VegaDropdownHide, V as VegaDropdownClick, v as VegaDropdownSearch, w as VegaSearchTrigger, e as VegaReset, h as VegaChange, p as VegaSearch, M as VegaShow, N as VegaHide } from './vega-event-id-4ede557a.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { i as VegaInternalDropdownTemplateItemsChange, j as VegaInternalVirtualScrollToBottom, k as VegaInputSelectRenderPrefixIconInternalOverridden } from './vega-internal-event-id-799d012e.js';
+import { l as VegaInternalDropdownTemplateItemsChange, m as VegaInternalVirtualScrollToBottom, n as VegaInputSelectRenderPrefixIconInternalOverridden } from './vega-internal-event-id-8002b179.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
@@ -17,17 +17,18 @@ import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
-import { W as isArrayOfType, Y as isSelectSourceItemType } from './type-guard-af324dcd.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
+import { X as isArrayOfType, Z as isSelectSourceItemType } from './type-guard-c20cbbff.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
-import { T as TranslationSlimmer } from './translation-slimmer-9f0339aa.js';
+import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import './ui-28fd4193.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
+import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
@@ -40,9 +41,8 @@ import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
-import './internal-translation-controller-113a6288.js';
-import './sub-state-observer-slimmer-478c9f41.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './sub-state-observer-slimmer-b3a773c5.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 import './typography-396de03f.js';
 
@@ -1045,15 +1045,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) => VegaInternalTranslation.t(`{0} Selected`, value.length);
     /**
      * Controls the selection capabilities of the associated dropdown menu.
      *