@globalpayments/vega 2.70.0 → 2.75.1

package/dist/types/components/vega-dropdown/vega-dropdown.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ElementAppenderAlignmentType, ElementAppenderPlacementType, ResponsiveType, SizeType, TranslocationType } from '../../types/ui.type';
+import { ElementAppenderAlignmentType, ElementAppenderPlacementType, ResponsiveType, SizeType, TranslocationType, VegaEATriggerType } from '../../types/ui.type';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaDropdownRenderer } from './slimmers/renderers/vega-dropdown-renderer';
 import { VegaDropdownSourceController } from './slimmers/controllers/vega-dropdown-source-controller';
@@ -79,10 +79,14 @@ export declare class VegaDropdown {
   size: ResponsiveType<SizeType>;
   /**
    * Specifies the trigger mode for the dropdown.
+   *   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.
+   *   click: The dropdown is shown/hidden on click, and listens for global area clicks.
+   *   none: The dropdown does not listen for any events; you must control its visibility within the component.
+   *   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
    *
    * @vegaVersion 1.3.0
    */
-  trigger: 'hover' | 'click' | 'none';
+  trigger: VegaEATriggerType;
   /**
    * Specifies the position adjustment for the dropdown
    *    relative to the target element.
@@ -207,6 +211,7 @@ export declare class VegaDropdown {
    * @vegaVersion 1.4.0
    */
   caseSensitive: boolean;
+  watchCaseSensitive(): void;
   /**
    * Controls whether the dropdown can add a new item when
    *    no proper item is available. It becomes active only when
@@ -225,6 +230,7 @@ export declare class VegaDropdown {
    * Note that the `dynamicOption` property will not work when
    *    this property is set to `false`.
    *
+   * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
    * @vegaVersion 1.24.0
    */
   useDefaultFilter: boolean;
@@ -289,6 +295,12 @@ export declare class VegaDropdown {
    * @vegaVersion 2.69.0
    */
   preserveValueIfNotInSource: boolean;
+  /**
+   * Specifies the no search results text for the dropdown.
+   *
+   * @vegaVersion 2.74.0
+   */
+  searchNoResultsText: string;
   /**
    * An event emitter notifying that a dropdown item has been clicked.
    *

package/dist/types/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaInput } from '../../vega-input';
 import { Nullable } from '../../../../types/general';
+import { InputType, MaskConfigType } from '../../types';
 import { StringFormatStrategy } from '../../../../helpers/formatter/string-formatter/string-format-strategy.abstract';
 import { StringInputFormatterSlimmer } from '../../../../helpers/slimmers/string-input-formatter-slimmer';
 /** The `VegaInputMaskConfigController` class in TypeScript manages input mask configuration and string formatting for an input element within a component's shadow root. */
@@ -7,7 +8,11 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
   protected maskConfig: VegaInput['maskConfig'];
   protected disableCopyPaste: VegaInput['disableCopyPaste'];
   protected type: VegaInput['type'];
-  private inputRef;
+  protected inputRenderer: VegaInput['inputRenderer'];
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
   /**
    * Detect value change and initialize mask formatting
    *
@@ -16,13 +21,19 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
    */
   watchValue(newValue: string, oldValue: string): void;
   /**
-   * The function `setupStringFormatter` sets up a string formatter for an input element based on provided mask configurations.
+   * Watch mask changes
    *
-   * @param {HTMLInputElement|null} inputRef - The `inputRef` parameter in the `setupStringFormatter` function is a reference to
-   * an HTML input element. This function sets up a string formatter for the input element based on the
-   * provided configurations. It first assigns the input element reference to `this.inputRef`.
+   * @param {MaskConfigType | MaskConfigType[]} newValue The new mask config value
+   * @param {MaskConfigType | MaskConfigType[]} oldValue The old mask config value
    */
-  setupStringFormatter(inputRef: Nullable<HTMLInputElement>): void;
+  watchMaskChange(newValue: MaskConfigType | MaskConfigType[], oldValue: MaskConfigType | MaskConfigType[]): void;
+  /**
+   * Watch type changes
+   *
+   * @param {InputType} newType The new input type
+   * @param {InputType} oldType The old input type
+   */
+  watchTypeChange(newType: InputType, oldType: InputType): void;
   /**
    * Get the input element which will add mask
    *
@@ -63,4 +74,20 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
    * 'custom' and a trigger of 'blur'.
    */
   private isBlurModeMaskConfig;
+  /**
+   * Compares two MaskConfigType objects or arrays for equality.
+   *
+   * @param {MaskConfigType | MaskConfigType[]} a The first MaskConfigType object or array to compare.
+   * @param {MaskConfigType | MaskConfigType[]} b The second MaskConfigType object or array to compare.
+   * @returns {boolean} True if the two MaskConfigType objects or arrays are equal, false otherwise.
+   */
+  private areMaskConfigsEqual;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initSetupMaskConfigObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeSetupMaskConfigObserver;
 }

package/dist/types/components/vega-input/slimmers/controllers/vega-input-render-mode-controller.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInput } from '../../vega-input';
+/** Controller class for managing the render mode of the VegaInput component. */
+export declare class VegaInputRenderModeController extends VegaSlimmer {
+  host: VegaInput['host'];
+  suggestionsDropdownSource: VegaInput['suggestionsDropdownSource'];
+  private hasItemsSlot;
+  private hasDropdownSource;
+  /** Sets the render mode based on the presence of the items slot. */
+  connectedCallback(): void;
+  /**
+   * Checks if the render mode is source mode.
+   *
+   * @returns {boolean} True if in source render mode, false otherwise.
+   */
+  isSource(): boolean;
+  /**
+   * Checks if the render mode is template mode.
+   *
+   * @returns {boolean} True if in template render mode, false otherwise.
+   */
+  isTemplate(): boolean;
+  /**
+   * Sets the render mode based on the presence of the items slot.
+   */
+  private setRenderMode;
+}

package/dist/types/components/vega-input/slimmers/controllers/vega-input-value-controller.d.ts

@@ -0,0 +1,32 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+/** Value controller */
+export declare class VegaInputValueController extends VegaSlimmer {
+  private host;
+  private value;
+  private changeEventEmitter;
+  private inputRenderer;
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
+  /**
+   * Watch value changes
+   *
+   * @param {string} value The new value
+   */
+  watchValue(value: string): void;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initValueUpdateObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeValueUpdateObserver;
+  /**
+   * Set value
+   *
+   * @param {string} newValue The new value
+   */
+  private setValue;
+}

package/dist/types/components/vega-input/slimmers/renderers/vega-input-input-container-renderer.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../../../types/general';
+export declare class VegaInputInputContainerRenderer extends VegaSlimmer {
+  private host;
+  private value;
+  private size;
+  private disabled;
+  private type;
+  private showClearIcon;
+  private prefixText;
+  private suffixText;
+  private isCompactInputWidth;
+  private prefixSlotRenderer;
+  private passwordEyeRenderer;
+  private inputRenderer;
+  private inputContainerRef;
+  getInputContainerRef(): HTMLElement;
+  render(): Nullable<HTMLElement>;
+  private renderClearIcon;
+  private renderPrefixText;
+  private renderSuffixText;
+  private onClickClearIcon;
+  private isClearIconVisible;
+  private onClearInputFocus;
+  private onClearInputBlur;
+  private onContainerClick;
+}

package/dist/types/components/vega-input/slimmers/renderers/vega-input-input-renderer.d.ts

@@ -0,0 +1,58 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../../../types/general';
+export declare class VegaInputInputRenderer extends VegaSlimmer {
+  private host;
+  private value;
+  private disabled;
+  private type;
+  private label;
+  private name;
+  private autocomplete;
+  private inputmode;
+  private placeholder;
+  private minLength;
+  private maxLength;
+  private isPasswordDisplay;
+  private valueUpdateTrigger;
+  private focusEventEmitter;
+  private blurEventEmitter;
+  private pasteEventEmitter;
+  private copyPasteController;
+  private nativeInputChangeEventEmitter;
+  private inputRef;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  doFocus(): void;
+  doBlur(): void;
+  getInputRef(): HTMLInputElement;
+  render(): Nullable<HTMLElement>;
+  private setInputRef;
+  private getInputType;
+  private handleInputFocus;
+  private handleInputBlur;
+  private handleInputPaste;
+  /**
+   * Handles input event and updates the value based on a specified trigger.
+   * The below method is e2e-test covered in
+   * @see{module:vega-input-on-value-input}
+   */
+  private onInputHandler;
+  /**
+   * Handles input change events and updates the value based on a specified trigger.
+   * The below method is e2e-test covered in
+   * @see{module:vega-input-on-value-change}
+   */
+  private inputChangeHandler;
+  /** Notify to update current period */
+  private notifyInputValueChange;
+  private notifySetupMaskConfig;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initInputFocusObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeInputFocusObserver;
+  private focusInput;
+}

package/dist/types/components/vega-input/slimmers/renderers/vega-input-input-suggestions-renderer.d.ts

@@ -0,0 +1,40 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputSuggestionsDropdownConfig } from '../../types';
+/**
+ * Renderer class for the Vega App Header Button Dropdown.
+ * This class extends the VegaSlimmer and is responsible for rendering the dropdown component and managing its state and events.
+ */
+export declare class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
+  private host;
+  private value;
+  private suggestionsDropdownConfig;
+  private suggestionsDropdownSource;
+  private renderModeController;
+  private suggestionItemClickEventEmitter;
+  private dropdownRef;
+  private itemsSlotRef;
+  private templateItems;
+  appendHostItemsToDropdown(): void;
+  showSuggestionsDropdown(dropdownConfig?: VegaInputSuggestionsDropdownConfig): Promise<void>;
+  hideSuggestionsDropdown(): Promise<void>;
+  watchValue(): Promise<void>;
+  watchSuggestionsDropdownSource(): Promise<void>;
+  /**
+   * Renders the dropdown component with the provided children.
+   *
+   * @param {HTMLElement} children HTML element children to be rendered inside the dropdown.
+   * @returns {HTMLElement} The rendered dropdown component.
+   */
+  render(children: HTMLElement): HTMLElement;
+  private renderItemsSlot;
+  private addDropdownObserver;
+  /**
+   * emit dropdown click event when component get dropdown item click
+   *
+   * @param {NotifyObserverPayload<string>} input the click detail
+   */
+  private onDropdownItemClick;
+  private findItem;
+  private showSuggestions;
+  private searchSuggestions;
+}

package/dist/types/components/vega-input/slimmers/renderers/vega-input-renderer.d.ts

@@ -0,0 +1,21 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../../../types/general';
+export declare class VegaInputRenderer extends VegaSlimmer {
+  private host;
+  private disabled;
+  private required;
+  private label;
+  private hint;
+  private labelSuffixButtonProps;
+  private labelSuffixButtonConfig;
+  private labelButtonClickEventEmitter;
+  private inputContainerRenderer;
+  private inputSuggestionsRenderer;
+  private renderModeController;
+  render(): Nullable<HTMLElement>;
+  private renderInputContainer;
+  private renderLabelDom;
+  private renderHintDom;
+  private handleLabelButtonClick;
+  private handleLabelClick;
+}

package/dist/types/components/vega-input/types.d.ts

@@ -79,3 +79,7 @@ export type InputAutocompleteTypes =
 	| 'impp'
 	| 'url'
 	| 'photo';
+
+export type VegaInputSuggestionsDropdownConfig = Partial<
+	Pick<HTMLVegaDropdownElement, 'caseSensitive' | 'itemDisplayRule' | 'isLoading' | 'searchNoResultsText'>
+>;

package/dist/types/components/vega-input/vega-input.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
-import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType } from './types';
+import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -14,6 +14,13 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { VegaInputStateController } from './slimmers/controllers/vega-input-state-controller';
 import { Nullable } from '../../types/general';
 import { VegaInputPasswordEyeRenderer } from './slimmers/renderers/vega-input-password-eye-renderer';
+import { VegaInputInputContainerRenderer } from './slimmers/renderers/vega-input-input-container-renderer';
+import { VegaInputInputRenderer } from './slimmers/renderers/vega-input-input-renderer';
+import { VegaInputRenderer } from './slimmers/renderers/vega-input-renderer';
+import { VegaInputValueController } from './slimmers/controllers/vega-input-value-controller';
+import { VegaInputInputSuggestionsRenderer } from './slimmers/renderers/vega-input-input-suggestions-renderer';
+import { VegaDropdownSourceItem } from '../vega-dropdown/types';
+import { VegaInputRenderModeController } from './slimmers/controllers/vega-input-render-mode-controller';
 /**
  * @vegaVersion 1.0.5
  */
@@ -21,26 +28,33 @@ export declare class VegaInput {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string>;
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected renderModeController: VegaInputRenderModeController;
   protected copyPasteController: VegaInputCopyPasteController;
   protected compactWidthController: VegaInputCompactWidthController;
   protected stateController: VegaInputStateController;
   protected maskConfigController: VegaInputMaskConfigController;
+  protected valueController: VegaInputValueController;
   protected prefixSlotRenderer: VegaInputPrefixSlotRenderer;
+  protected renderer: VegaInputRenderer;
+  protected inputContainerRenderer: VegaInputInputContainerRenderer;
+  protected inputRenderer: VegaInputInputRenderer;
+  protected inputSuggestionsRenderer: VegaInputInputSuggestionsRenderer;
   protected changeEventEmitter: EventEmitSlimmerBase;
+  protected nativeInputChangeEventEmitter: EventEmitSlimmerBase;
   protected focusEventEmitter: EventEmitSlimmerBase;
   protected blurEventEmitter: EventEmitSlimmerBase;
   protected labelButtonClickEventEmitter: EventEmitSlimmerBase;
+  protected suggestionItemClickEventEmitter: EventEmitSlimmerBase;
   protected pasteEventEmitter: EventEmitSlimmerBase;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputElement>;
   protected readonly passwordEyeRenderer: VegaInputPasswordEyeRenderer;
-  private inputRef;
-  private inputContainerRef;
   host: HTMLVegaInputElement;
   prefixText: string;
   suffixText: string;
   watchSuffixText(): void;
   isCompactInputWidth: boolean;
   isPasswordDisplay: boolean;
+  suggestionsDropdownConfig: VegaInputSuggestionsDropdownConfig;
   /**
    * Specifies the label or title for the input field.
    *
@@ -132,6 +146,13 @@ export declare class VegaInput {
    * @vegaVersion 1.0.5
    */
   autocomplete: InputAutocompleteTypes;
+  /**
+   * A hint to the browser for which keyboard to display.
+   * Please refer to https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode for more details.
+   *
+   * @vegaVersion 2.71.0
+   */
+  inputmode: 'text' | 'numeric';
   /**
    * Specifies an icon or symbol that appears before the input field,
    *    providing visual context or enhancing the aesthetic appearance
@@ -258,6 +279,14 @@ export declare class VegaInput {
    * @vegaVersion 2.1.0
    */
   disableCopyPaste: boolean;
+  /**
+   * Sets the source array of items for the suggestion dropdown.
+   *    You should set this property at least a empty array if you want enable the source mode suggestion dropdown feature.
+   *
+   * @vegaVersion 2.75.0
+   */
+  suggestionsDropdownSource: VegaDropdownSourceItem[];
+  watchSuggestionsDropdownSource(): void;
   /**
    * An event emitter notifying a value change.
    *
@@ -271,6 +300,19 @@ export declare class VegaInput {
    * @vegaVersion 2.0.0
    */
   change: EventEmitter<string>;
+  /**
+   * An event emitter notifying a value change by input action of native input dom.
+   *
+   * @vegaVersion 2.75.0
+   */
+  vegaNativeInputChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying a value change by input action of native input dom.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.75.0
+   */
+  nativeInputChange: EventEmitter<string>;
   /**
    * An event emitter notifying the blur of the inner input element.
    *
@@ -323,6 +365,19 @@ export declare class VegaInput {
    * @vegaVersion 2.66.0
    */
   paste: EventEmitter<DataTransferType>;
+  /**
+   * An event emitter notifying the click of a suggestion item.
+   *
+   * @vegaVersion 2.75.0
+   */
+  vegaSuggestionItemClick: EventEmitter<VegaDropdownSourceItem>;
+  /**
+   * An event emitter notifying the click of a suggestion item.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.75.0
+   */
+  suggestionItemClick: EventEmitter<VegaDropdownSourceItem>;
   /**
    * Invoke this method to focus the current input.
    *
@@ -335,39 +390,17 @@ export declare class VegaInput {
    * @vegaVersion 1.12.0
    */
   doBlur(): Promise<void>;
-  render(): VegaInput;
-  private focusInput;
-  private setInputRef;
-  private containerDom;
-  private getInputType;
-  private groupDom;
-  private renderLabelDom;
-  private renderClearIcon;
-  private renderHintDom;
-  private renderPrefixText;
-  private renderSuffixText;
-  private handleInputFocus;
-  private handleInputBlur;
-  private handleInputPaste;
-  private onClickClearIcon;
-  private isClearIconVisible;
-  private onClearInputFocus;
-  private onClearInputBlur;
-  /**
-   * Handles input event and updates the value based on a specified trigger.
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-on-value-input}
-   */
-  private onInputHandler;
   /**
-   * Handles input change events and updates the value based on a specified trigger.
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-on-value-change}
+   * Invoke this method to show the suggestions dropdown.
+   *
+   * @vegaVersion 2.75.0
    */
-  private inputChangeHandler;
-  private handleLabelButtonClick;
+  showSuggestionsDropdown(dropdownConfig?: VegaInputSuggestionsDropdownConfig): Promise<void>;
   /**
-   * Compares two MaskConfigType objects or arrays for equality.
+   * Invoke this method to hide the suggestions dropdown.
+   *
+   * @vegaVersion 2.75.0
    */
-  private areMaskConfigsEqual;
+  hideSuggestionsDropdown(): Promise<void>;
+  render(): VegaInput;
 }

package/dist/types/components/vega-input-passcode/slimmers/renderers/vega-input-passcode-renderer.d.ts

@@ -9,6 +9,7 @@ export declare class VegaInputPasscodeRenderer extends VegaSlimmer {
   protected disabled: VegaInputPasscode['disabled'];
   protected hint: VegaInputPasscode['hint'];
   protected size: VegaInputPasscode['size'];
+  protected inputType: VegaInputPasscode['inputType'];
   protected vegaInputValues: VegaInputPasscode['vegaInputValues'];
   protected valueController: VegaInputPasscode['valueController'];
   private vegaInputRefs;

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-item-controller.d.ts

@@ -0,0 +1,29 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+/** The `VegaInputSelectItemController` class is a TypeScript React component that controls the state of selected item. */
+export declare class VegaInputSelectItemController extends VegaSlimmer {
+  private value;
+  private selectType;
+  private selectedItem;
+  private sourceController;
+  private vegaInputSelectValueController;
+  /**
+   * Set initial the value of selected item
+   */
+  componentWillLoad(): void;
+  /**
+   * Reset the value of selected item based on select type
+   */
+  watchSelectType(): void;
+  /**
+   * Synchronizes the controller's selectedItem with the current value and the source data.
+   */
+  setSelectedItem(): void;
+  /**
+   * Updates the selected items array under multiple selection mode.
+   *
+   * @param {SelectSourceItem[]} originalItem - the original selected items array.
+   * @param {SelectSourceItem[]} updatedItem - the updated selected items array.
+   * @returns {SelectSourceItem[]} The updated selected items array.
+   */
+  private updateSelectedItemUnderMultiple;
+}

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-source-controller.d.ts

@@ -8,6 +8,7 @@ import { Nullable } from '../../../../types/general';
 export declare class VegaInputSelectSourceController extends VegaSlimmer {
   private host;
   private source;
+  private vegaInputSelectItemController;
   /**
    * convert the dropdown source when the component watchSource call
    */

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-value-controller.d.ts

@@ -7,6 +7,7 @@ export declare class VegaInputSelectValueController extends VegaSlimmer {
   private changeEventEmitter;
   private host;
   private sourceController;
+  private vegaInputSelectItemController;
   private vegaDropdownProps;
   /**
    * handle the value change when the component watchValue call

package/dist/types/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.d.ts

@@ -16,9 +16,9 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private isLazyLoading;
   private vegaInputSelectDropdownController;
   private vegaInputSelectPrefixIconRenderer;
-  private sourceController;
   private translationSlimmer;
   private disabled;
+  private selectedItem;
   watchVegaDropdownProps(): void;
   show(): Promise<void>;
   hide(): Promise<void>;

package/dist/types/components/vega-input-select/types.d.ts

@@ -5,6 +5,11 @@ export type SelectSourceItem = {
 
 export type SelectedLabelType = (value: string[]) => string;
 
+export type SelectedLabelTypeForAllModes = {
+	single?: (value: string, selectedItem?: SelectSourceItem) => string;
+	multiple?: (value: string[], selectedItem?: SelectSourceItem[]) => string;
+};
+
 export type VegaDropdownPropsForSelect = Partial<
 	Pick<
 		HTMLVegaDropdownElement,

package/dist/types/components/vega-input-select/vega-input-select.d.ts

@@ -2,11 +2,12 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { BreakpointsTokenType } from '../../types/design-token.type';
 import { ResponsiveType } from '../../types/ui.type';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
-import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from './types';
+import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from './types';
 import { VegaInputSelectRenderer } from './slimmers/renderers/vega-input-select-renderer';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaInputSelectDropdownController } from './slimmers/controllers/vega-input-select-dropdown-controller';
 import { VegaInputSelectValueController } from './slimmers/controllers/vega-input-select-value-controller';
+import { VegaInputSelectItemController } from './slimmers/controllers/vega-input-select-item-controller';
 import { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input-select-dropdown-renderer';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
@@ -34,6 +35,7 @@ export declare class VegaInputSelect {
   protected readonly vegaInputSelectValueController: VegaInputSelectValueController;
   protected readonly vegaInputSelectDropdownRenderer: VegaInputSelectDropdownRenderer;
   protected readonly vegaInputSelectItemsSlotController: VegaInputSelectItemsSlotController;
+  protected readonly vegaInputSelectItemController: VegaInputSelectItemController;
   protected readonly formFieldControllerSlimmer: FormFieldControllerSlimmer<SelectValueType<SelectType>>;
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected readonly lazyLoadController: VegaInputSelectLazyLoadController;
@@ -49,6 +51,7 @@ export declare class VegaInputSelect {
   isDropdownShow: boolean;
   currentBreakpoint: BreakpointsTokenType;
   isLazyLoading: boolean;
+  selectedItem: Nullable<SelectSourceItem | SelectSourceItem[]>;
   /**
    * Specifies the label or title for the input field.
    *
@@ -75,19 +78,24 @@ export declare class VegaInputSelect {
   required: boolean;
   /**
    * Allows customization of the text displayed within the
-   *    select field when multiple items are selected.
+   *    select field when single or multiple items are selected.
    *    The default format for the selected label is
-   *    `${number of selected items} Selected`.
+   *    `${number of selected items} 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
    *
    * @vegaVersion 1.35.0
    */
-  selectedLabel: SelectedLabelType;
+  selectedLabel: SelectedLabelType | SelectedLabelTypeForAllModes;
   /**
    * Controls the selection capabilities of the associated dropdown menu.
    *
    * @vegaVersion 1.35.0
    */
   selectType: SelectType;
+  watchSelectType(): void;
   /**
    * Specifies the dataset used to populate the options
    *    available in the select input dropdown menu.