@globalpayments/vega 2.73.0 → 2.76.0

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

@@ -1,7 +1,13 @@
+/**
+ * Dropdown configuration options exposed by the combo box component.
+ */
 export type VegaDropdownPropsForComboBox = Partial<
 	Pick<
 		HTMLVegaDropdownElement,
 		'positionRelativeTo' | 'maxHeight' | 'matchContainerHeight' | 'dynamicOption' | 'isLoading'
 	>
 >;
+/**
+ * Supported size variants for the combo box component.
+ */
 export type VegaComboBoxSize = 'small' | 'medium';

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

@@ -1,4 +1,4 @@
 import { IconPayload } from '../../../helpers/icon/interface';
 export declare const Icons: Record<IconType, IconPayload>;
-declare type IconType = 'chevron-left' | 'chevron-right' | 'calendar' | 'caret-down';
+declare type IconType = 'chevron-left' | 'chevron-right' | 'calendar' | 'caret-down' | 'bulls-eye';
 export {};

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

@@ -1,26 +1,65 @@
+/**
+ * Modes supported by the date picker component.
+ */
 export type DatePickerModeType = 'single' | 'range';
 
+/**
+ * Value type returned by the date picker depending on mode.
+ */
 export type DatePickerValueType<T extends DatePickerModeType> = T extends 'single'
 	? string
 	: [string, string];
 
+/**
+ * Dropdown configuration options for the date picker.
+ */
 export type DropdownConfigForDatePicker = {
+	/**
+	 * Element selector or reference used for positioning.
+	 */
 	positionRelativeTo?: string;
+	/**
+	 * Whether the dropdown height is fixed.
+	 */
 	staticHeight?: boolean;
 };
 
+/**
+ * Structure representing a month and year.
+ */
 export type DatePickerMonthYearType = {
+	/**
+	 * Month label or number as a string.
+	 */
 	month: string;
+	/**
+	 * Year value as a string.
+	 */
 	year: string;
 };
 
+/**
+ * Single or multiple month/year selections.
+ */
 export type DatePickerMonthYearTypes = DatePickerMonthYearType | DatePickerMonthYearType[];
+/**
+ * Position of month when rendering a calendar (start or end).
+ */
 export type DatePickerCalendarMonthRenderType = 'start' | 'end';
 
+/**
+ * Specifies which date is being repicked in range mode.
+ */
 export type DatePickerCalendarRepickType = 'start' | 'end';
 
+/**
+ * Dropdown props used internally by the date picker calendar.
+ */
 export type VegaDropdownPropsForDatePickerCalendar = Partial<
 	Pick<HTMLVegaDropdownElement, 'isScreenPosition'>
 >;
 
+/**
+ * Size variants for the date picker calendar.
+ */
 export type DatePickerCalendarSizeType = 'small' | 'regular' | 'large';

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

@@ -0,0 +1,20 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+export declare class VegaDatePickerCalendarHeaderRenderer extends VegaSlimmer {
+  private currentPeriod;
+  private today;
+  private translationSlimmer;
+  private yearMonthSwitcherRender;
+  private mode;
+  private currentPeriodController;
+  private maxCalendarDate;
+  private minCalendarDate;
+  private size;
+  private timezone;
+  private isMobileDevice;
+  render(): HTMLElement;
+  private renderSwitcher;
+  private renderPrevIcon;
+  private renderNextIcon;
+  private renderToday;
+  private getNavigationIconSize;
+}

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

@@ -9,6 +9,7 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   mode: VegaDatePickerCalendar['mode'];
   clearEventEmitter: VegaDatePickerCalendar['clearEventEmitter'];
   isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  headerRenderer: VegaDatePickerCalendar['headerRenderer'];
   render(): HTMLElement;
   private renderContainer;
   private renderRangeMonth;

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

@@ -1,7 +1,5 @@
 import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
 import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
-import { MonthPeriod } from '../../../../../helpers/calendar';
-import { DatePickerCalendarMonthRenderType } from '../../../types';
 export declare class VegaDatePickerCalendarYearMonthSwitcherRenderer extends VegaSlimmer {
   private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR;
   private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR;
@@ -12,9 +10,10 @@ export declare class VegaDatePickerCalendarYearMonthSwitcherRenderer extends Veg
   maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
   yearMonthDropdownProps: VegaDatePickerCalendar['yearMonthDropdownProps'];
   currentPeriod: VegaDatePickerCalendar['currentPeriod'];
-  private startDropdownRef;
-  private endDropdownRef;
-  render(period: MonthPeriod, type: DatePickerCalendarMonthRenderType): HTMLElement;
+  size: VegaDatePickerCalendar['size'];
+  mode: VegaDatePickerCalendar['mode'];
+  private isMobileDevice;
+  render(): HTMLElement;
   private getMonthDropdownOptions;
   private isDisabledMonth;
   private getYearDropdownOptions;
@@ -31,10 +30,4 @@ export declare class VegaDatePickerCalendarYearMonthSwitcherRenderer extends Veg
   private renderDropdownSwitchIcon;
   private setDateBasedOnSelectedMonth;
   private setDateBasedOnSelectedYear;
-  /**
-   * Close any open vega-dropdown and ignore currently clicked one
-   *
-   * * @param {HTMLVegaDropdownElement} dropdownToIgnore - Dropdown to ignore
-   */
-  private closeOpenDropdowns;
 }

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

@@ -5,28 +5,23 @@ export declare class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
   currentPeriod: VegaDatePickerCalendar['currentPeriod'];
   today: VegaDatePickerCalendar['today'];
   translationSlimmer: VegaDatePickerCalendar['translationSlimmer'];
-  yearMonthSwitcherRender: VegaDatePickerCalendar['yearMonthSwitcherRender'];
-  mode: VegaDatePickerCalendar['mode'];
-  currentPeriodController: VegaDatePickerCalendar['currentPeriodController'];
   hoverDate: VegaDatePickerCalendar['hoverDate'];
   maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
   minCalendarDate: VegaDatePickerCalendar['minCalendarDate'];
   selectionController: VegaDatePickerCalendar['selectionController'];
   calendarSelection: VegaDatePickerCalendar['calendarSelection'];
-  size: VegaDatePickerCalendar['size'];
   staticHeight: VegaDatePickerCalendar['staticHeight'];
+  mode: VegaDatePickerCalendar['mode'];
+  size: VegaDatePickerCalendar['size'];
   isDateDisabled: VegaDatePickerCalendar['isDateDisabled'];
-  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  private isMobileDevice;
   private monthViewGenerator;
   render(type: DatePickerCalendarMonthRenderType): HTMLElement;
-  private renderMonthHeader;
-  private renderPrevIcon;
-  private renderNextIcon;
+  private renderCurrentYearMonth;
   private renderWeek;
   private renderDays;
   private renderDay;
   private getCurrentRangeDates;
   private isBeforeMinDate;
   private isAfterMaxDate;
-  private getNavigationIconSize;
 }

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

@@ -16,6 +16,7 @@ import { VegaDatePickerCalendarMinMaxDateController } from './slimmers/controlle
 import { VegaDatePickerCalendarAllowRepickController } from './slimmers/controllers/vega-date-picker-calendar-allow-repick-controller';
 import { DisabledDate } from '../../vega-calendar/types';
 import { CalendarSelection } from './dto/calendar-selection';
+import { VegaDatePickerCalendarHeaderRenderer } from './slimmers/renderers/vega-date-picker-calendar-header-render';
 /**
  * @vegaVersion 2.0.0
  */
@@ -23,6 +24,7 @@ export declare class VegaDatePickerCalendar {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected renderer: VegaDatePickerCalendarRenderer;
   protected monthItemRenderer: VegaDatePickerMonthItemRenderer;
+  protected headerRenderer: VegaDatePickerCalendarHeaderRenderer;
   protected translationSlimmer: TranslationSlimmer<HTMLVegaDatePickerCalendarElement>;
   protected todayController: VegaDatePickerCalendarTodayController;
   protected selectionController: VegaDatePickerCalendarSelectionController;

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

@@ -1,8 +1,13 @@
+/**
+ * Properties for action buttons used in dialogs.
+ */
 export type VegaDialogActionButtonProps = Partial<
 	Pick<HTMLVegaButtonElement, 'variant' | 'size' | 'icon' | 'iconAlign' | 'label' | 'disabled' | 'danger'>
 >;
 
 /**
+ * Callback type for dialog actions which may control closing behavior.
+ *
  * - The dialog will be closed by default if the callback is undefined.
  * - Will close the dialog if the callback return true, otherwise not close
  */

package/dist/types/components/vega-divider/interface.d.ts

@@ -1,6 +1,24 @@
+/**
+ * Orientation of the divider element.
+ * Horizontal divides content vertically, vertical divides it horizontally.
+ */
 export declare type VegaDividerDirectionType = 'horizontal' | 'vertical';
+/**
+ * Visual styling variant for the divider.
+ * Primary is more prominent, secondary is more subtle.
+ */
 export declare type VegaDividerVariantType = 'primary' | 'secondary';
+/**
+ * Dimensions configuration for divider size.
+ * Allows separate control of width and height.
+ */
 export declare type VegaDividerSizeType = {
+  /**
+   * Width dimension of the divider.
+   */
   width?: string;
+  /**
+   * Height dimension of the divider.
+   */
   height?: string;
 };

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

@@ -17,6 +17,8 @@ export declare class VegaDropdownSourceController extends VegaSlimmer {
    * The function "watchSource" calls the function "handleSource".
    */
   watchSource(): void;
+  /** watchCaseSensitive */
+  watchCaseSensitive(): void;
   /**
    * The function sets the source for rendering by searching for a formatted source.
    */

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

@@ -10,6 +10,7 @@ export declare class VegaDropdownListRenderer extends VegaSlimmer {
   groupLevelRenderer: VegaDropdown['groupLevelRenderer'];
   isLazyLoading: VegaDropdown['isLazyLoading'];
   isDropdownShow: VegaDropdown['isDropdownShow'];
+  searchNoResultsText: VegaDropdown['searchNoResultsText'];
   renderModeController: VegaDropdown['renderModeController'];
   scrollableController: VegaDropdown['scrollableController'];
   translationSlimmer: VegaDropdown['translationSlimmer'];

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

@@ -1,3 +1,6 @@
+/**
+ * Configuration for a single dropdown item.
+ */
 export type DropdownSourceItem = {
 	/**
 	 * Descriptive label associated with the item.
@@ -25,6 +28,9 @@ export type DropdownSourceItem = {
 	danger?: boolean;
 };
 
+/**
+ * Configuration for a dropdown item group.
+ */
 export type DropdownSourceGroup = {
 	/**
 	 * Descriptive label associated with the item.
@@ -40,16 +46,40 @@ export type DropdownSourceGroup = {
 	children: DropdownSourceItem[];
 };
 
+/**
+ * Payload delivered to observers monitoring dropdown item selections.
+ */
 export type VegaDropdownItemSelectionObserverPayload = {
+	/**
+	 * Reference to the dropdown item host element.
+	 */
 	host: HTMLVegaDropdownItemElement;
+	/**
+	 * Selected item's key value.
+	 */
 	itemKey: string;
 };
 
+/**
+ * Defines the user interaction that triggers a dropdown search.
+ */
 export type VegaDropdownSearchTriggerByType = 'input' | 'enter';
 
+/**
+ * Source item union used by the dropdown component (single item or group).
+ */
 export type VegaDropdownSourceItem = DropdownSourceItem | DropdownSourceGroup;
 
+/**
+ * Detail object for search-trigger events in the dropdown.
+ */
 export type VegaDropdownSearchTriggerEventDetail = {
+	/**
+	 * The user interaction that triggered the search.
+	 */
 	searchBy: VegaDropdownSearchTriggerByType;
+	/**
+	 * The search input value.
+	 */
 	value: string;
 };

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

@@ -1 +1,9 @@
-export type VegaDropdownItemClickEvent = { itemKey: string };
+/**
+ * Event payload emitted when a dropdown item is clicked.
+ */
+export type VegaDropdownItemClickEvent = {
+	/**
+	 * The key of the clicked dropdown item.
+	 */
+	itemKey: string;
+};

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-field-error/types.d.ts

@@ -1,5 +1,17 @@
+/**
+ * Event payload emitted by the field error component.
+ */
 export type FieldErrorEventPayload = {
+	/**
+	 * Host element reference.
+	 */
 	host: HTMLVegaFieldErrorElement;
+	/**
+	 * Whether the field is valid.
+	 */
 	isValid: boolean;
+	/**
+	 * Optional error message.
+	 */
 	message?: string;
 };

package/dist/types/components/vega-field-label/types.d.ts

@@ -1,13 +1,29 @@
 /**
  * @deprecated Please use `LabelSuffixButtonConfig` instead
+ * Configuration for the label suffix button (deprecated).
  */
 export type LabelSuffixButtonProps = {
+	/**
+	 * Icon name to display in the suffix button.
+	 */
 	icon: string;
+	/**
+	 * Tooltip text shown when hovering the button.
+	 */
 	tooltipText?: string;
+	/**
+	 * Interaction that will trigger the tooltip.
+	 */
 	trigger?: 'hover' | 'click';
 };
 
+/**
+ * Configuration for the label suffix button.
+ */
 export type LabelSuffixButtonConfig = {
+	/**
+	 * Icon name to display in the suffix button.
+	 */
 	icon: string;
 } & Partial<
 	Pick<

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

@@ -1,7 +1,16 @@
+/**
+ * Visual type of file uploader control.
+ */
 export type VegaFileUploaderType = 'uploadArea' | 'uploadButton';
 
+/**
+ * Status states for a file during upload.
+ */
 export type VegaFileUploaderFileStatus = 'done' | 'uploading' | 'error';
 
+/**
+ * File metadata tracked by the file uploader component.
+ */
 export type VegaFileUploaderFile = {
 	/**
 	 * The unique id of the uploaded file.
@@ -33,4 +42,7 @@ export type VegaFileUploaderFile = {
 	uploadingPercent?: number;
 };
 
+/**
+ * Array of file objects used by the uploader.
+ */
 export type VegaFileUploaderFiles = VegaFileUploaderFile[];

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

@@ -1,3 +1,6 @@
+/**
+ * HTML tag names that the font component may render as.
+ */
 export type VegaFontAs =
 	| 'h1'
 	| 'h2'

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

@@ -1,16 +1,40 @@
 import { Nullable } from '../../types/general';
 
+/**
+ * Options for form validation behavior.
+ */
 export type FormControlOption = {
+	/**
+	 * Whether disabled fields should be skipped.
+	 */
 	skipDisabled?: boolean;
+	/**
+	 * Whether invisible fields should be skipped.
+	 */
 	skipInvisible?: boolean;
 };
 
+/**
+ * Result returned from form validation.
+ */
 export type FormValidateResult = {
+	/**
+	 * Whether the form is valid.
+	 */
 	isValid: boolean;
+	/**
+	 * List of invalid field names.
+	 */
 	invalidFields: string[];
+	/**
+	 * Optional map of field error messages.
+	 */
 	invalidFieldsErrorMessages?: Record<string, string>;
 };
 
+/**
+ * Validation state for a single form field.
+ */
 export type VegaFormFieldValidationState = {
 	/**
 	 * The field name specified in the form field's `data-vega-form` attribute.
@@ -27,15 +51,36 @@ export type VegaFormFieldValidationState = {
 	errorMessage?: Nullable<string>;
 };
 
+/**
+ * Event payload with a form host reference.
+ */
 export type FormEventsPayload = {
+	/**
+	 * Host element reference.
+	 */
 	host: HTMLElement;
 };
 
+/**
+ * Event payload for pending validation updates.
+ */
 export type PendingValidPayload = {
+	/**
+	 * Host element reference.
+	 */
 	host: HTMLElement;
+	/**
+	 * Validation detail value.
+	 */
 	detail: boolean | null;
 };
 
+/**
+ * Payload emitted when a form element is disconnected.
+ */
 export type DisconnectedElementOperationPayload = {
+	/**
+	 * Host element reference.
+	 */
 	host: HTMLElement;
 };

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

@@ -1,5 +1,8 @@
 import { IconsTokenType } from '../../types/design-token.type';
 
+/**
+ * Metadata for a file uploaded through the image uploader.
+ */
 export type VegaUploadedFile = {
 	/**
 	 * The URL of the uploaded file.
@@ -11,17 +14,46 @@ export type VegaUploadedFile = {
 	name?: string;
 };
 
+/**
+ * Union of uploaded metadata and native File objects.
+ */
 export type VegaFile = VegaUploadedFile | File;
 
+/**
+ * Status values for image uploads.
+ */
 export type VegaImageUploaderStatus = 'uploading' | 'done';
 
-export type VegaConfirmButtonProp = { text: string };
+/**
+ * Configuration for a confirm button.
+ */
+export type VegaConfirmButtonProp = {
+	/**
+	 * Button label text.
+	 */
+	text: string;
+};
 
+/**
+ * Supported action types in the image uploader.
+ */
 export type UploaderActionTypes = 'Preview' | 'Delete' | 'Replace';
 
+/**
+ * Configuration for an action button within the uploader.
+ */
 export type ActionButtonOptions = {
+	/**
+	 * Icon token for the button.
+	 */
 	icon: IconsTokenType;
+	/**
+	 * Label text for the button.
+	 */
 	label: string;
 };
 
+/**
+ * Nullable file type used by the uploader.
+ */
 export type VegaFileOptional = VegaFile | null;

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/renderers/vega-input-input-renderer.d.ts

@@ -18,6 +18,7 @@ export declare class VegaInputInputRenderer extends VegaSlimmer {
   private blurEventEmitter;
   private pasteEventEmitter;
   private copyPasteController;
+  private nativeInputChangeEventEmitter;
   private inputRef;
   connectedCallback(): void;
   disconnectedCallback(): void;

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;
+}