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

package/dist/types/components/vega-checkbox/slimmers/controllers/vega-checkbox-show-error-controller.d.ts

@@ -0,0 +1,29 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCheckbox } from '../../vega-checkbox';
+/** The checkbox show error controller slimmer */
+export declare class VegaCheckboxShowErrorController extends VegaSlimmer {
+  showError: VegaCheckbox['showError'];
+  host: VegaCheckbox['host'];
+  private fieldErrorObserver;
+  private checkboxGroup;
+  /**
+   * Component lifecycle - [connectedCallback]{@link VegaCheckbox.connectedCallback}
+   */
+  connectedCallback(): void;
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaCheckbox.disconnectedCallback}
+   */
+  disconnectedCallback(): void;
+  /**
+   * The function `canAcceptFieldErrorObserver` always returns `true`.
+   *
+   * @returns {boolean} a boolean value, which indicates the current host is a checkbox or checkbox group.
+   */
+  private canAcceptFieldErrorObserver;
+  /**
+   * The function listens to the showError property of the returned object.
+   *
+   * @param {FieldErrorPayload} payload - The payload parameter is of type FieldErrorPayload, which is an object containing information about field.
+   */
+  private fieldErrorObserverListener;
+}

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

@@ -3,6 +3,6 @@ import { VegaComponentInterface } from '../../types/ui.type';
 export type VegaFlexProps = Partial<
 	Pick<
 		VegaComponentInterface<HTMLVegaFlexElement>,
-		'gap' | 'direction' | 'breakpoint' | 'alignItem' | 'justifyContent' | 'margin' | 'useNativeFlex'
+		'gap' | 'direction' | 'alignItems' | 'justifyContent' | 'margin'
 	>
 >;

package/dist/types/components/vega-checkbox/{vega-checkbox-group.d.ts → vega-checkbox-group/vega-checkbox-group.d.ts}

@@ -1,9 +1,18 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { VegaFlexProps } from './types';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { VegaFlexProps } from '../types';
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { FormFieldControllerSlimmer } from '../../../helpers/slimmers/formFieldControllerSlimmer';
+import { ChildNodesNotifyObserverSlimmer } from '../../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { EventEmitSlimmerBase } from '../../../helpers/event-manager/slimmers/eventEmitSlimmer';
 export declare class VegaCheckboxGroup {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string[]>;
+  protected checkboxValueChangeObserver: ChildNodesNotifyObserverSlimmer<boolean>;
+  protected checkboxEventPrevent: ChildNodesEventPreventSlimmer;
+  protected changeEventEmitter: EventEmitSlimmerBase;
   private vegaFlexElement;
+  private inputContainerRef;
   private vegaCheckboxArray;
   host: HTMLVegaCheckboxGroupElement;
   /**
@@ -41,18 +50,6 @@ export declare class VegaCheckboxGroup {
    *    value for the checkbox group.
    */
   hint: string;
-  /**
-   * 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-checkbox-group-with-form-validation-e2e}
-   */
-  watchFormValidation(): void;
   /** Specifies the validation status of the
    *    checkbox group component.
    */
@@ -63,20 +60,15 @@ export declare class VegaCheckboxGroup {
    *    user interaction.
    */
   vegaChange: EventEmitter<string[]>;
-  /**
-   * An event emitter notifying changes in the
-   *    validation result of the checkbox group.
+  /** An event emitter notifying changes in the value
+   *    of any nested checkbox within the checkbox group,
+   *    whether triggered programmatically or through
+   *    user interaction.
    *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
+   * @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<boolean>;
+  change: EventEmitter<string[]>;
   componentDidLoad(): void;
-  /**
-   * Invoke this method to validate the current selected values.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showErrorText?: boolean | 'rule'): Promise<boolean>;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-checkbox-group-dark-change-background-color }
@@ -88,16 +80,20 @@ export declare class VegaCheckboxGroup {
   private setVegaFlexProperty;
   /**
    * Update checkbox group value when child checkbox is changed.
-   * Note: we will stop the child checkbox event propagation
-   *       to avoid the event listener attached to the checkbox group to be triggered twice.
-   * @param event change event object emitted from child checkbox
-   * @private
+   *
+   * @param {NotifyObserverPayload<boolean>} input change payload from child checkbox
+   */
+  private childCheckboxValueChange;
+  /**
+   * 1. If the checkbox is checked, the value of checkbox group doesn't contain the value of the selected checkbox and needs to be added
+   * 2. If the checkbox isn't checked, the value of checkbox group contains the value of the selected checkbox and needs to be deleted
+   * @see{module:vega-checkbox-group-with-listen-vega-change-event-e2e}
    */
-  private onChildVegaCheckboxChange;
   private syncCheckboxItemsValue;
   private initCheckboxArray;
   /**
    * This function notifies a change in the disabled state of a checkbox group component.
    */
   private notifyGroupDisabledChange;
+  private touchableAreaGetter;
 }

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

@@ -1,14 +1,26 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { VegaCheckboxShowErrorController } from './slimmers/controllers/vega-checkbox-show-error-controller';
 export declare class VegaCheckbox {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaCheckboxShowErrorController: VegaCheckboxShowErrorController;
   protected readonly formFieldController: FormFieldControllerSlimmer<boolean | string>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
   private labelElement;
+  private inputContainerRef;
+  private inputRef;
   private groupDisabledObserver;
   host: HTMLVegaCheckboxElement;
   /**
    * Indicates whether the parent checkbox group is disabled.
    */
   groupDisabled: boolean;
+  /**
+   * Indicates whether the parent checkbox group show error message.
+   */
+  showError: boolean;
   /**
    * Sets a unique identifier for the checkbox.
    *
@@ -55,25 +67,20 @@ export declare class VegaCheckbox {
    */
   isValid: boolean;
   /**
-   * An event emitter notifying changes in the validation result of the checkbox.
-   *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying changes in the value of the checkbox,
+   *    whether triggered programmatically or through user interaction.
    */
-  vegaValidate: EventEmitter<boolean>;
+  vegaChange: EventEmitter<string | boolean>;
   /**
    * An event emitter notifying changes in the value of the checkbox,
    *    whether triggered programmatically or through user interaction.
+   *
+   * @eventSemantics namespace:native
    */
-  vegaChange: EventEmitter<string | boolean>;
+  change: EventEmitter<string | boolean>;
   disconnectedCallback(): void;
   componentWillLoad(): void;
   componentDidRender(): void;
-  /**
-   * Invoke this method to validate the current selected value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showErrorText?: boolean | 'rule'): Promise<boolean>;
   /**
    * Invoke this method to set the value of the checkbox.
    *

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

@@ -2,16 +2,24 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { BackgroundColorsTokenType, BreakpointsTokenType, TextColorsTokenType } from '../../types/designToken.type';
 import { ResponsiveType } from '../../types/ui.type';
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from './types';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 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 VegaChip {
   private static readonly iconSizeMap;
   private static readonly closeIconSizeMap;
+  protected readonly globalSlimmers: GlobalSlimmers;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-chip-resize-e2e}
    */
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
-  el: HTMLVegaChipElement;
+  protected flexEventPrevent: ChildNodesEventPreventSlimmer;
+  protected closeEventEmit: EventEmitSlimmerBase;
+  protected clickEventEmit: EventEmitSlimmerBase;
+  private vegaFlexRef;
+  host: HTMLVegaChipElement;
   currentBreakpoint: BreakpointsTokenType;
   currentSize: VegaChipSize;
   /**
@@ -85,12 +93,24 @@ export declare class VegaChip {
    * This event is only dispatched when the `showCloseIcon` property is set to `true`.
    */
   vegaClose: EventEmitter<void>;
+  /**
+   * An event emitter notifying the click event of the close button of the chip.
+   *
+   * @eventSemantics namespace:native
+   */
+  close: EventEmitter<void>;
   /**
    * An event emitter notifying the click event of the chip.
    *
    * This event is only dispatched when the `clickable` property is set to `true`.
    */
   vegaClick: EventEmitter<void>;
+  /**
+   * An event emitter notifying the click event of the chip.
+   *
+   * @eventSemantics namespace:native
+   */
+  click: EventEmitter<void>;
   componentWillLoad(): void;
   render(): VegaChip;
   private renderChip;

package/dist/types/components/vega-color-picker/vega-color-picker.d.ts

@@ -1,8 +1,14 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 export declare class VegaColorPicker {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  private colorPickerContainerRef;
+  private colorPickerTouchableAreaRef;
   host: HTMLVegaColorPickerElement;
   /**
    * Specifies the initial or preset color value of the color picker.
@@ -57,18 +63,12 @@ export declare class VegaColorPicker {
    */
   vegaChange: EventEmitter<string>;
   /**
-   * An event emitter notifying changes in the validation result of the color picker.
-   *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying changes in the value of the color picker,
+   *    whether triggered programmatically or through user interaction.
+   * @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<boolean>;
+  change: EventEmitter<string>;
   connectedCallback(): void;
-  /**
-   * Invoke this method to validate the current value of the color picker.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showErrorText?: boolean | 'rule'): Promise<boolean>;
   render(): VegaColorPicker;
   private renderLabelDom;
   private renderColorPickerContainer;

package/dist/types/components/vega-combo-box/vega-combo-box.d.ts

@@ -2,9 +2,17 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
 import { DropdownSourceItem } from '../vega-dropdown/types';
 import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from './types';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 export declare class VegaComboBox {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string[]>;
+  protected changeEventEmit: EventEmitSlimmerBase;
+  protected createEventEmit: EventEmitSlimmerBase;
+  protected searchEventEmit: EventEmitSlimmerBase;
+  protected dropdownEventPrevent: ChildNodesEventPreventSlimmer;
   private dropdownRef;
   private searchInputRef;
   /**
@@ -92,11 +100,12 @@ export declare class VegaComboBox {
    */
   vegaChange: EventEmitter<string[]>;
   /**
-   * An event emitter notifying changes in the validation result of the combo box.
+   * An event emitter notifying changes in the items of the combo box value,
+   *    whether triggered programmatically or through user interaction.
    *
-   * @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 when the user has chosen to add a new value
    *    to the source and value of the combo box.
@@ -106,11 +115,27 @@ export declare class VegaComboBox {
    * The combo box _does not_ automatically add the new value to its `source` and `value`.
    */
   vegaCreate: EventEmitter<string>;
+  /**
+   * An event emitter notifying when the user has chosen to add a new value
+   *    to the source and value of the combo box.
+   *
+   * The event's `detail` property contains the new value.
+   *
+   * The combo box _does not_ automatically add the new value to its `source` and `value`.
+   * @eventSemantics namespace:native
+   */
+  create: EventEmitter<string>;
   /**
    * An event emitter notifying the user's search action in the combo box,
    *    but only if the `useDefaultFilter` property is set to `false`.
    */
   vegaSearch: EventEmitter<string>;
+  /**
+   * An event emitter notifying the user's search action in the combo box,
+   *    but only if the `useDefaultFilter` property is set to `false`.
+   * @eventSemantics namespace:native
+   */
+  search: EventEmitter<string>;
   /**
    * Invoke this method to close the dropdown menu associated with the combo box.
    */
@@ -119,12 +144,6 @@ export declare class VegaComboBox {
    * Invoke this method to open the dropdown menu associated with the combo box.
    */
   open(): Promise<void>;
-  /**
-   * Invoke this method to validate the current value of the combo box.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showError?: boolean | 'rule'): Promise<boolean>;
   render(): VegaComboBox;
   private renderLabel;
   private renderHint;

package/dist/types/components/vega-counter-badge/vega-counter-badge.d.ts

@@ -1,4 +1,6 @@
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 export declare class VegaCounterBadge {
+  protected readonly globalSlimmers: GlobalSlimmers;
   host: HTMLVegaCounterBadgeElement;
   /**
    * Determines whether the badge is displayed without a specific count.

package/dist/types/components/vega-date-picker/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-left' | 'chevron-right' | 'calendar';
+export {};

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-calendar-controller.d.ts

@@ -63,6 +63,7 @@ export declare class VegaDatePickerCalendarController extends VegaSlimmer {
     allowRepick: boolean;
     format: string;
     plugins: string[];
+    parentEl: HTMLElement;
     singleMode: boolean;
     numberOfMonths: number;
     numberOfColumns: number;

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

@@ -6,7 +6,8 @@ export declare class VegaDatePickerValueController extends VegaSlimmer {
   value: VegaDatePicker['value'];
   mode: VegaDatePicker['mode'];
   format: VegaDatePicker['format'];
-  vegaChange: VegaDatePicker['vegaChange'];
+  changeEventEmitter: VegaDatePicker['changeEventEmitter'];
+  host: VegaDatePicker['host'];
   vegaDatePickerCalendarController: VegaDatePicker['vegaDatePickerCalendarController'];
   vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
   /** Set default value if value is not set when component will load */

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts

@@ -15,6 +15,7 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
   private datePicker;
   private litepickerRef;
+  private calendarContainerRef;
   /**
    * The connectedCallback function checks if the datePicker is null and initializes it if it is.
    */
@@ -58,12 +59,7 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
    * @returns {Litepicker} the reference of datePicker.
    */
   getDatePicker(): Litepicker;
-  /**
-   * This method returns the `litepickerRef` property, which is expected to be an HTMLElement.
-   *
-   * @returns {HTMLElement} The litepickerRef is being returned.
-   */
-  getLitepickerRef(): HTMLElement;
+  getCalendarContainerRef(): HTMLElement;
   /**
    * The function refreshLitePicker destroys and initializes a date picker if it exists.
    */

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

@@ -9,7 +9,6 @@ export declare class VegaDatePickerRenderer extends VegaSlimmer {
   readOnly: VegaDatePicker['readOnly'];
   autoValidation: VegaDatePicker['autoValidation'];
   host: VegaDatePicker['host'];
-  valid: VegaDatePicker['valid'];
   vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
   vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
   vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
@@ -22,7 +21,6 @@ export declare class VegaDatePickerRenderer extends VegaSlimmer {
    * on mobile, the input is ready-only to avoid virtual keyboard
    */
   isInputEnabled: () => boolean;
-  handleInputBlur: () => void;
   render(): VegaDatePicker;
   private renderLabel;
   /**

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

@@ -7,6 +7,7 @@ export declare class VegaDatePickerSingleInputRenderer extends VegaSlimmer {
   vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
   vegaDatePickerFormatController: VegaDatePicker['vegaDatePickerFormatController'];
   vegaDatePickerRenderer: VegaDatePicker['vegaDatePickerRenderer'];
+  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
   private singleDateInputRef;
   private oldSingleDateInputRef;
   componentWillRender(): void;

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.d.ts

@@ -0,0 +1,5 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+export declare class VegaDatePickerCalendar {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  render(): VegaDatePickerCalendar;
+}

package/dist/types/components/vega-date-picker/vega-date-picker.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
 import { DatePickerModeType, DatePickerValueType, DropdownConfigForDatePicker } from './types';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
 import { VegaDatePickerRenderer } from './slimmers/renderers/vega-date-picker-renderer';
 import { VegaDatePickerMobileController } from './slimmers/controllers/vega-date-picker-mobile-controller';
@@ -13,7 +14,10 @@ import { VegaDatePickerValueController } from './slimmers/controllers/vega-date-
 import { VegaDatePickerFormatController } from './slimmers/controllers/vega-date-picker-format-controller';
 import { VegaDatePickerElementAppenderController } from './slimmers/controllers/vega-date-picker-element-appender-controller';
 import { VegaDatePickerKeyboardController } from './slimmers/controllers/vega-date-picker-keyboard-controller';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
 export declare class VegaDatePicker {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected vegaDatePickerMobileController: VegaDatePickerMobileController;
   protected vegaDatePickerCalendarController: VegaDatePickerCalendarController;
   protected vegaDatePickerZIndexController: VegaDatePickerZIndexController;
@@ -26,6 +30,8 @@ export declare class VegaDatePicker {
   protected vegaDatePickerRangeInputRenderer: VegaDatePickerRangeInputRenderer;
   protected vegaDatePickerCalendarRenderer: VegaDatePickerCalendarRenderer;
   protected formFieldController: FormFieldControllerSlimmer<string[] | string>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected inputEventPrevent: ChildNodesEventPreventSlimmer;
   host: HTMLVegaDatePickerElement;
   /**
    * Specifies the selection mode of the date picker.
@@ -79,18 +85,6 @@ export declare class VegaDatePicker {
    * Specifies the size of the date picker field.
    */
   size: 'default' | 'small';
-  /**
-   * Specifies whether updating the value of this attribute will
-   *    trigger a validation action for the form.
-   *
-   * @deprecated This property will be removed soon
-   */
-  formValidation: number;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-click-form-valid}
-   */
-  watchFormValidation(): void;
   /**
    * Specifies custom validation rules for the date picker field.
    */
@@ -148,25 +142,11 @@ export declare class VegaDatePicker {
    */
   vegaChange: EventEmitter<string | string[]>;
   /**
-   * 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>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * call this method to open the date picker dropdown
-   */
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  /**
-   * Invoke this method to validate the current value of the date picker.
-   * @deprecated This property will be removed soon
+   * An event emitter notifying the change of the value in the date picker,
+   *    whether triggered programmatically or through user interaction.
+   * @eventSemantics namespace:native
    */
-  valid(showError?: boolean | 'rule'): Promise<boolean>;
+  change: EventEmitter<string | string[]>;
   /**
    * Invoke this method to close the calendar dropdown
    *    associated with the date picker.

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

@@ -1,8 +1,10 @@
 import { VegaComponentInterface } from '../../types/ui.type';
 import { BreakpointsTokenType } from '../../types/designToken.type';
 import { VegaDialogAction, VegaDialogActionButtonProps } from './types';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObserverSlimmer';
 export declare class VegaDialog {
+  protected readonly globalSlimmers: GlobalSlimmers;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-dialog-resize-e2e}
@@ -57,8 +59,8 @@ export declare class VegaDialog {
    *    for the modal component used to display the dialog.
    */
   modalProps: Partial<VegaComponentInterface<HTMLVegaModalElement>>;
-  onModalClose(): void;
   render(): VegaDialog;
+  private onModalClose;
   private handleCancelBtnClick;
   private handleOkBtnClick;
 }

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

@@ -21,8 +21,8 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
   renderer: VegaDropdown['renderer'];
   listRenderer: VegaDropdown['listRenderer'];
   searchRenderer: VegaDropdown['searchRenderer'];
-  vegaShow: VegaDropdown['vegaShow'];
-  vegaHide: VegaDropdown['vegaHide'];
+  showEventEmitter: VegaDropdown['showEventEmitter'];
+  hideEventEmitter: VegaDropdown['hideEventEmitter'];
   /**
    * This constructor initializes a dropdown component with various configuration options.
    */

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

@@ -52,12 +52,16 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
    * The `syncUpDropdownCurrentDataBySlot` method is responsible for
    * synchronizing the current data in a dropdown based on the items present in the slot.
    */
-  private syncUpDropdownCurrentDataBySlot;
+  private collectKeyAndLabelFromSlot;
   /**
-   * The function syncs up the current data in a dropdown based on the source data, by adding labels and
-   * keys to respective sets.
+   * The function collects unique labels and keys from a nested array of objects.
+   *
+   * @param {VegaDropdownSourceItem[]} items - An array of objects representing dropdown source items.
+   * Each object should have a "label" property representing the label of the dropdown option, and a
+   * "key" property representing the value of the dropdown option. Additionally, each object can have a
+   * "children" property which is an array of nested dropdown source items
    */
-  private syncUpDropdownCurrentDataBySource;
+  private collectKeyAndLabelFromSource;
   /**
    * The below method is e2e-test covered in@see{module:vega-dropdown-items-dom-change-e2e}
    */

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-keyboard-conttroller.d.ts

@@ -25,18 +25,4 @@ export declare class VegaDropdownKeyboardController extends KeyboardManagerSlimm
    * @param {string} code - current keyboard code.
    */
   private controlDirectionByKeyboard;
-  /**
-   * The function `findNextCallFocusItem` finds the next enabled item in a dropdown menu based on the
-   * current index and the direction of navigation. @see{module:vega-dropdown-keyboard-control-e2e}
-   *
-   * @param {HTMLElement[]} items - An array of HTMLVegaDropdownItemElement objects
-   * representing the dropdown items.
-   * @param {number} currentIndex - The current index of the item in the `items` array that is currently
-   * focused.
-   * @param {string} code - The `code` parameter represents the key code of the keyboard event that
-   * triggered the function. It is used to determine whether the user pressed the "ArrowDown" or
-   * "ArrowUp" key.
-   * @returns {Nullable<HTMLElement>} a nullable HTMLVegaDropdownItemElement.
-   */
-  private findNextCallFocusItem;
 }