@heartlandone/vega 2.0.0-temp-test-0.2 → 2.0.0

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

@@ -1,6 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormControlOption, FormValidateResult } from './types';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { ChildNodesNotifyObserverSlimmer } from '../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
 export declare class VegaForm {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected submitEventEmitter: EventEmitSlimmerBase;
+  protected resetEventEmitter: EventEmitSlimmerBase;
+  protected validateEventEmitter: EventEmitSlimmerBase;
+  protected childEventPrevent: ChildNodesEventPreventSlimmer;
+  protected childFormValidateEventPrevent: ChildNodesEventPreventSlimmer;
+  protected childNotifyObserver: ChildNodesNotifyObserverSlimmer<unknown>;
+  protected childNodeValueChangeObserver: ChildNodesNotifyObserverSlimmer<unknown>;
   private invalidFieldPathMap;
   private pendingValidFieldPathMap;
   private controlledFieldPathSet;
@@ -45,34 +57,38 @@ export declare class VegaForm {
    * An event emitter notifying the change in the validation result.
    */
   vegaValidate: EventEmitter<boolean>;
+  /**
+   * An event emitter notifying the change in the validation result.
+   *
+   * @eventSemantics namespace:native
+   */
+  validate: EventEmitter<boolean>;
   /**
    * An event emitter notifying the submission of the form.
    */
   vegaFormSubmit: EventEmitter<unknown>;
   /**
-   * An event emitter notifying the reset of the form.
+   * An event emitter notifying the submission of the form.
+   *
+   * @eventSemantics namespace:native
    */
-  vegaFormReset: EventEmitter;
+  formSubmit: EventEmitter<unknown>;
   /**
-   * When the vegaForm is deleted, it is necessary to notify
-   *    the parent's vegaForm update isValid.
+   * An event emitter notifying the reset of the form.
    */
-  disconnectedCallback(): Promise<void>;
-  componentDidLoad(): Promise<void>;
-  vegaValidateEvent(event: CustomEvent<boolean>): void;
+  vegaFormReset: EventEmitter;
   /**
-   * If the element is valid, remove it from the set of
-   *    invalid elements. If the element is invalid,
-   *    add it to the set of invalid elements.
+   * An event emitter notifying the reset of the form.
    *
-   * @param event - CustomEvent<boolean> the vegaValidate event emitted from child elements
+   * @eventSemantics namespace:native
    */
-  updateInternalValidStatus(event: CustomEvent<boolean>): void;
+  formReset: EventEmitter;
   /**
-   * If the value of any child elements have changed,
-   *    make 'isTouched' prop as false.
+   * When the vegaForm is deleted, it is necessary to notify
+   *    the parent's vegaForm to update its isValid status.
    */
-  updateInternalTouchedStatus(): void;
+  disconnectedCallback(): Promise<void>;
+  componentDidLoad(): Promise<void>;
   /**
    * Invoke this method asynchronously to retrieve the validation result for
    *    all the vega field elements nested within the `vega-form`.
@@ -112,6 +128,19 @@ export declare class VegaForm {
   reset(defaultValueMap?: unknown, option?: FormControlOption): Promise<void>;
   private static getFormFieldValue;
   render(): VegaForm;
+  /**
+   * If the element is valid, remove it from the set of
+   *    invalid elements. If the element is invalid,
+   *    add it to the set of invalid elements.
+   *
+   * @param {NotifyObserverPayload<boolean>} payload - CustomEvent<boolean> the vegaValidate subject notify from child elements
+   */
+  private updateInternalValidStatus;
+  /**
+   * If the value of any child elements have changed,
+   *    make 'isTouched' prop as false.
+   */
+  private updateInternalTouchedStatus;
   /**
    * Navigate the immediate child node under current vega form element with the following strategy
    *  - if a matched vega field element found, will pass it to the visitor method passed in
@@ -179,5 +208,5 @@ export declare class VegaForm {
   private canAcceptFormFieldPendingValid;
   private handleFieldPendingValid;
   private isElementInCurrentForm;
-  private preventNestFormEvent;
+  private handleChildFormFieldElementValid;
 }

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

@@ -1,5 +1,7 @@
 import { ResponsiveType, GridRowType, GridColumnType, GapType } from '../../types/ui.type';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 export declare class VegaGrid {
+  protected readonly globalSlimmers: GlobalSlimmers;
   host: HTMLVegaGridElement;
   /**
    * Determines the configuration of the grid columns.

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

@@ -1,10 +1,18 @@
 import { SpacingTokenType, TextColorsTokenType } from '../../types/designToken.type';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 export declare class VegaIcon {
+  private static readonly iconStyleCache;
+  protected readonly globalSlimmers: GlobalSlimmers;
   host: HTMLVegaIconElement;
   /**
    * Specifies the required icon design token for the icon.
    */
   icon: string;
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:icon-changed-from-vega-icon-to-fa-icon-class}
+   */
+  watchIcon(): void;
   /**
    * Specifies the width and height of the icon.
    *    For Third Party Icons (e.g., Font Awesome),
@@ -17,10 +25,34 @@ export declare class VegaIcon {
    * If the color prop is `undefined`, it defaults to `currentColor`.
    */
   color?: TextColorsTokenType;
+  componentWillLoad(): void;
   render(): VegaIcon;
   private renderForVegaIconToken;
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:render-correct-size-with-fa-icon}
+   * @see {module:append-fa-icon-styles-to-shadow-dom}
+   */
   private renderForThirdPartyIcon;
-  private getIcon;
   private formatAndValidSize;
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:render-correct-size-with-fa-icon}
+   */
   private formatThirdPartyIconSize;
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:console-warn-when-load-fa-lib-timeout}
+   */
+  private cloneFAIconStyles;
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:append-fa-icon-styles-to-shadow-dom}
+   */
+  private appendStyles;
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:append-fa-icon-styles-to-shadow-dom}
+   */
+  private getIconStyleHTML;
 }

package/dist/types/components/vega-image-uploader/slimmers/controllers/vega-image-uploader-remove-controller.d.ts

@@ -3,7 +3,7 @@ import { VegaImageUploader } from '../../vega-image-uploader';
 /** The `VegaImageUploaderRemoveController` class is responsible for handling the removal of images from the `VegaImageUploader` component. */
 export declare class VegaImageUploaderRemoveController extends VegaSlimmer {
   valueController: VegaImageUploader['vegaImageUploaderValueController'];
-  vegaRemove: VegaImageUploader['vegaRemove'];
+  removeEventEmitter: VegaImageUploader['removeEventEmitter'];
   private removeDialogRef;
   /**
    * remove the dialog when element destroy

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

@@ -4,7 +4,8 @@ import { VegaFile } from '../../types';
 /** The VegaImageUploaderValueController class is responsible for handling the value and change events of a VegaImageUploader component. */
 export declare class VegaImageUploaderValueController extends VegaSlimmer {
   value: VegaImageUploader['value'];
-  vegaChange: VegaImageUploader['vegaChange'];
+  changeEventEmitter: VegaImageUploader['changeEventEmitter'];
+  host: VegaImageUploader['host'];
   inputController: VegaImageUploader['vegaImageUploaderInputController'];
   /** trigger a vegaChange event when component value change */
   handleValueChange(): void;

package/dist/types/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-actions-renderer.d.ts

@@ -10,7 +10,13 @@ export declare class VegaImageUploaderActionsRenderer extends VegaSlimmer {
   showPreviewButton: VegaImageUploader['showPreviewButton'];
   showRemoveButton: VegaImageUploader['showRemoveButton'];
   showReplaceButton: VegaImageUploader['showReplaceButton'];
-  vegaRemove: VegaImageUploader['vegaRemove'];
+  removeEventEmitter: VegaImageUploader['removeEventEmitter'];
+  /**
+   * The handleClick function takes a type parameter and performs different actions based on the value of the type.
+   *
+   * @param {string} type - The `type` parameter is a string that represents the type of action to be performed. It can have one of the following values: 'Preview', 'Delete', or 'Replace'.
+   */
+  handleClick(type: string): void;
   /**
    * The render function returns a span element with action buttons based on certain conditions.
    *
@@ -24,13 +30,6 @@ export declare class VegaImageUploaderActionsRenderer extends VegaSlimmer {
    * @returns {HTMLVegaButtonCircleElement} tooltip element
    */
   private renderActionButton;
-  private handleUploaderClick;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:image-file-should-be-removed-when-click-the-remove-button}
-   */
-  private handleRemoveBtnClick;
-  private handlePreviewBtnClick;
   /**
    * get action button props icon, onClick, label by action type
    *

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

@@ -10,6 +10,8 @@ export declare class VegaImageUploaderRenderer extends VegaSlimmer {
   value: VegaImageUploader['value'];
   disabled: VegaImageUploader['disabled'];
   status: VegaImageUploader['status'];
+  private imageUploaderContainerRef;
+  getImageUploaderContainer(): HTMLElement;
   /**
    * The render function returns a JSX element that represents a VegaImageUploader component with a disabled border if it is disabled and does not have a value.
    *

package/dist/types/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-uploading-content-renderer.d.ts

@@ -4,7 +4,7 @@ import { VegaImageUploader } from '../../vega-image-uploader';
 export declare class VegaImageUploaderUploadingContentRenderer extends VegaSlimmer {
   removeController: VegaImageUploader['vegaImageUploaderRemoveController'];
   status: VegaImageUploader['status'];
-  vegaCancel: VegaImageUploader['vegaCancel'];
+  cancelEventEmitter: VegaImageUploader['cancelEventEmitter'];
   /**
    * The above function renders a div element with a cancel action button that triggers a function when clicked or when the enter key is pressed.
    *

package/dist/types/components/vega-image-uploader/types.d.ts

@@ -15,7 +15,6 @@ export type UploaderActionTypes = 'Preview' | 'Delete' | 'Replace';
 
 export type ActionButtonOptions = {
 	icon: IconsTokenType;
-	onVegaClick: (e: CustomEvent<unknown>) => void;
 	label: string;
 };
 

package/dist/types/components/vega-image-uploader/vega-image-uploader.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from './types';
 import { VegaImageUploaderRenderer } from './slimmers/renderers/vega-image-uploader-renderer';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaImageUploaderInputRenderer } from './slimmers/renderers/vega-image-uploader-input-renderer';
 import { VegaImageUploaderInputController } from './slimmers/controllers/vega-image-uploader-input-controller';
 import { VegaImageUploaderActionsRenderer } from './slimmers/renderers/vega-image-uploader-actions-renderer';
@@ -14,7 +15,10 @@ import { VegaImageUploaderRemoveController } from './slimmers/controllers/vega-i
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
 import { VegaImageUploaderActionsVisibilityController } from './slimmers/controllers/vega-image-uploader-actions-visibility-controller';
 import { Nullable } from '../../types/general';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 export declare class VegaImageUploader {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected vegaImageUploaderRenderer: VegaImageUploaderRenderer;
   protected vegaImageUploaderUploadingContentRenderer: VegaImageUploaderUploadingContentRenderer;
   protected vegaImageUploaderPreviewContentRenderer: VegaImageUploaderPreviewContentRenderer;
@@ -27,6 +31,10 @@ export declare class VegaImageUploader {
   protected vegaImageUploaderRemoveController: VegaImageUploaderRemoveController;
   protected actionsVisibilityController: VegaImageUploaderActionsVisibilityController;
   protected formFieldController: FormFieldControllerSlimmer<VegaFile>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected removeEventEmitter: EventEmitSlimmerBase;
+  protected cancelEventEmitter: EventEmitSlimmerBase;
+  protected buttonCircleEventPrevent: ChildNodesEventPreventSlimmer;
   host: HTMLVegaImageUploaderElement;
   /**
    * Determines the visual content that is initially displayed in
@@ -82,28 +90,33 @@ export declare class VegaImageUploader {
    * An event emitter notifying a value change.
    */
   vegaChange: EventEmitter<VegaFileOptional>;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter;
   /**
    * An event emitter notifying the removal of a value.
    */
   vegaRemove: EventEmitter;
+  /**
+   * An event emitter notifying the removal of a value.
+   *
+   * @eventSemantics namespace:native
+   */
+  remove: EventEmitter;
   /**
    * An event emitter notifying the cancellation of an uploading event.
    */
   vegaCancel: EventEmitter;
   /**
-   * An event emitter notifying the change in the validation result.
+   * An event emitter notifying the removal of a value.
    *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
+   * @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<boolean>;
+  cancel: EventEmitter;
   disconnectedCallback(): void;
-  /**
-   * Invoke this method to validate the image uploader component
-   *    with the current selected value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showError?: boolean | 'rule'): Promise<boolean>;
   /**
    * Invoke this method to retrieve the image preview URL for
    *    the current selection in the `vega-image-uploader` component.

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

@@ -1,11 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
 import { MaskConfigType } from './types';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 export declare class VegaInput {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected focusEventEmitter: EventEmitSlimmerBase;
+  protected blurEventEmitter: EventEmitSlimmerBase;
   private name;
   private inputRef;
+  private inputContainerRef;
   private stringInputFormatter;
   host: HTMLVegaInputElement;
   /**
@@ -100,18 +107,6 @@ export declare class VegaInput {
    *    during the user's input.
    */
   autoValidation: boolean;
-  /**
-   * Controls the behavior of field validation when its value is updated.
-   *
-   * @deprecated This property will be removed soon
-   */
-  formValidation: number;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-valid-with-form-validation-e2e}
-   * @see{module:vega-input-form-validation-change-isValid-prop}
-   */
-  watchFormValidation(): void;
   /**
    * Defines custom validation rules for the input field.
    */
@@ -157,31 +152,37 @@ export declare class VegaInput {
    */
   vegaChange: EventEmitter<string>;
   /**
-   * An event emitter notifying the change in the validation result.
+   * An event emitter notifying a value change.
    *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
+   * @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<boolean>;
+  change: EventEmitter<string>;
   /**
    * An event emitter notifying the blur of the inner input element.
    */
   vegaBlur: EventEmitter<undefined>;
+  /**
+   * An event emitter notifying the blur of the inner input element.
+   *
+   * @eventSemantics namespace:native
+   */
+  blur: EventEmitter<undefined>;
   /**
    * An event emitter notifying the focus of the inner input element.
    */
   vegaFocus: EventEmitter<undefined>;
+  /**
+   * An event emitter notifying the focus of the inner input element.
+   *
+   * @eventSemantics namespace:native
+   */
+  focus: EventEmitter<undefined>;
   connectedCallback(): void;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-input-on-value-input}
    */
   handleValueInput(): void;
-  /**
-   * Invoke this method to validate the current input value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showErrorText?: boolean | 'rule'): Promise<boolean>;
   /**
    * Invoke this method to focus the current input.
    */
@@ -205,7 +206,6 @@ export declare class VegaInput {
   private containerDom;
   private groupDom;
   private renderLabelDom;
-  private renderRequireDom;
   private renderClearIcon;
   private renderHintDom;
   private handleInputFocus;

package/dist/types/components/vega-input-credit-card/assets/icons.d.ts

@@ -0,0 +1,4 @@
+import { IconPayload } from '../../../helpers/icon/iconManager';
+export declare const Icons: Record<IconType, IconPayload>;
+declare type IconType = 'visa' | 'mastercard' | 'amex' | 'discover' | 'regular-credit-card';
+export {};

package/dist/types/components/vega-input-credit-card/test/share.d.ts

@@ -0,0 +1,18 @@
+import { E2EPage } from '@stencil/core/testing';
+/**
+ * The function `typeInputCreditCard` is used to enter a credit card number into an input field on a
+ * web page.
+ *
+ * @param {E2EPage} page - The `page` parameter is an instance of the E2EPage class. It represents a
+ * browser page and provides methods to interact with the page's DOM and perform actions like clicking,
+ * typing, etc.
+ * @param {string} value - The value parameter is the credit card number that you want to input into
+ * the input field.
+ */
+export declare const typeInputCreditCard: (page: E2EPage, value: string) => Promise<void>;
+/**
+ * The function `clickCreditCardInput` clicks on the credit card input field on a web page.
+ *
+ * @param {E2EPage} page - The parameter "page" is of type E2EPage. It is likely an object representing a web page in an end-to-end testing framework such as Puppeteer or Playwright.
+ */
+export declare const clickCreditCardInput: (page: E2EPage) => Promise<void>;

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

@@ -1,8 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
 export declare class VegaInputCreditCard {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected blurEventEmitter: EventEmitSlimmerBase;
+  protected focusEventEmitter: EventEmitSlimmerBase;
+  protected inputCreditCardEventPrevent: ChildNodesEventPreventSlimmer;
   private inputRef;
   host: HTMLVegaInputCreditCardElement;
   /**
@@ -67,28 +75,33 @@ export declare class VegaInputCreditCard {
    */
   value: string;
   watchValue(value: string): void;
-  /**
-   * An event emitter notifying the change in the validation result.
-   *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
-   */
-  vegaValidate: EventEmitter<boolean>;
   /**
    * An event emitter notifying a value change.
    */
   vegaChange: EventEmitter<string>;
+  /**
+   * A native change event emitter notifying a value change.
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter<string>;
   /**
    * An event emitter notifying the blur event of the credit card element.
    */
   vegaBlur: EventEmitter<undefined>;
+  /**
+   * An event emitter notifying the blur event of the credit card element.
+   * @eventSemantics namespace:native
+   */
+  blur: EventEmitter<undefined>;
   /**
    * An event emitter notifying the focus of the credit card element.
    */
   vegaFocus: EventEmitter<undefined>;
   /**
-   * Invoke this method to validate the input credit card with the current value.
+   * An event emitter notifying the focus of the credit card element.
+   * @eventSemantics namespace:native
    */
-  valid(showError?: boolean | 'rule'): Promise<boolean>;
+  focus: EventEmitter<undefined>;
   render(): VegaInputCreditCard;
   private renderInputContainer;
   private getCreditCardType;
@@ -96,4 +109,6 @@ export declare class VegaInputCreditCard {
   private handleVegaChange;
   private handleVegaBlur;
   private handleVegaFocus;
+  private inputContainerGetter;
+  private touchableAreaGetter;
 }

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

@@ -0,0 +1,4 @@
+import { IconPayload } from '../../../helpers/icon/iconManager';
+export declare const Icons: Record<IconType, IconPayload>;
+declare type IconType = 'chevron-up' | 'chevron-down';
+export {};

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

@@ -6,6 +6,8 @@ export declare class VegaInputSelectDropdownController extends VegaSlimmer {
   dropdownSource: VegaInputSelect['dropdownSource'];
   isDropdownShow: VegaInputSelect['isDropdownShow'];
   vegaSearch: VegaInputSelect['vegaSearch'];
+  searchEventEmitter: VegaInputSelect['searchEventEmitter'];
+  vegaInputSelectValueController: VegaInputSelect['vegaInputSelectValueController'];
   /**
    * call the method when component componentWillLoad call
    */
@@ -19,12 +21,11 @@ export declare class VegaInputSelectDropdownController extends VegaSlimmer {
   /** The `onDropdownHide` function is setting the `isDropdownShow` property of the `VegaInputSelectDropdownController` class to `false`. This function is called when the dropdown select input is hidden. */
   onDropdownHide: () => void;
   /**
-   * The `onDropdownSearch` function is a method of the `VegaInputSelectDropdownController` class.
-   * It is called when a search event is triggered in the dropdown select input.
+   * The function `addDropdownObserver` adds event observers to a dropdown element.
    *
-   * @param {CustomEvent} e - The vegaSearch event from vega-dropdown.
+   * @param {HTMLElement} dropdownRef - The `dropdownRef` parameter is a reference to the HTML element representing the dropdown component.
    */
-  onDropdownSearch: (e: CustomEvent) => void;
+  addDropdownObserver(dropdownRef: HTMLVegaDropdownElement): void;
   /** update the dropdown list by source value */
   private convertToDropdownSource;
 }

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

@@ -5,7 +5,8 @@ export declare class VegaInputSelectValueController extends VegaSlimmer {
   private value;
   private selectType;
   private source;
-  private vegaChange;
+  private changeEventEmitter;
+  private host;
   /**
    * 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

@@ -2,6 +2,7 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 /** The `VegaInputSelectDropdownRenderer` class is a TypeScript React component that renders a dropdown select input with various customization options. */
 export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private dropdown;
+  private inputSelectContainer;
   private value;
   private source;
   private selectType;
@@ -11,10 +12,11 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private prefixIcon;
   private placeholder;
   private selectedLabel;
-  private dropdownController;
-  private valueController;
+  private vegaInputSelectDropdownController;
   show(): Promise<void>;
   hide(): Promise<void>;
+  getDropdownRef(): HTMLVegaDropdownElement;
+  getInputSelectContainerRef(): HTMLDivElement;
   render(): HTMLVegaDropdownElement;
   private renderContainer;
   private renderPrefixIcon;
@@ -24,5 +26,4 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private renderSingleSelected;
   private preventBlur;
   private getVegaDropdownProperties;
-  private dropdownClick;
 }

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

@@ -5,18 +5,25 @@ import { FormFieldValidationRule } from '../../helpers/validator/rules/formField
 import { DropdownSourceItem } from '../vega-dropdown/types';
 import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize } 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 { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input-select-dropdown-renderer';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObserverSlimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
 export declare class VegaInputSelect {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly vegaInputSelectRenderer: VegaInputSelectRenderer;
   protected readonly vegaInputSelectDropdownController: VegaInputSelectDropdownController;
   protected readonly vegaInputSelectValueController: VegaInputSelectValueController;
   protected readonly vegaInputSelectDropdownRenderer: VegaInputSelectDropdownRenderer;
   protected readonly formFieldControllerSlimmer: FormFieldControllerSlimmer<SelectValueType<SelectType>>;
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected searchEventEmitter: EventEmitSlimmerBase;
+  protected eventPrevent: ChildNodesEventPreventSlimmer;
   host: HTMLVegaInputSelectElement;
   isDropdownShow: boolean;
   dropdownSource: DropdownSourceItem[];
@@ -71,13 +78,6 @@ export declare class VegaInputSelect {
    *    submission or proceeding further.
    */
   autoValidation: boolean;
-  /**
-   * Initiates the validation process for the user's selection in the field when updated.
-   *
-   * @deprecated This property will be removed soon
-   */
-  formValidation: number;
-  watchFormValidation(): void;
   /**
    * Allows setting custom criteria or constraints that
    *    the user's selection in the dropdown menu must
@@ -121,15 +121,21 @@ export declare class VegaInputSelect {
    */
   vegaChange: EventEmitter<SelectValueType<SelectType>>;
   /**
-   * An event emitter notifying the change in the validation result.
+   * An event emitter notifying the change of the select value.
    *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
+   * @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<boolean>;
+  change: EventEmitter<SelectValueType<SelectType>>;
   /**
    * An event emitter notifying the search of the dropdown.
    */
   vegaSearch: EventEmitter<string>;
+  /**
+   * An event emitter notifying the search of the dropdown.
+   *
+   * @eventSemantics namespace:native
+   */
+  search: EventEmitter<string>;
   componentWillLoad(): void;
   /**
    * Invoke this method to close the select dropdown and clear
@@ -144,11 +150,5 @@ export declare class VegaInputSelect {
    * Invoke this method to change the ID of the select source item.
    */
   doChange(value: SelectValueType<SelectType>): Promise<void>;
-  /**
-   * Invoke this method to validate the select element with the current value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showError?: boolean | 'rule'): Promise<boolean>;
   render(): VegaInputSelect;
 }