@globalpayments/vega 2.28.1 → 2.30.0

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

@@ -0,0 +1,20 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+/**
+ * Input numeric value controller
+ */
+export declare class VegaInputNumericValueController extends VegaSlimmer {
+  private host;
+  private value;
+  private changeEventEmitter;
+  /**
+   * The `watchValue` function emits a change event with the current value and notifies the
+   * `ChangeManager` about a form element value change.
+   */
+  watchValue(): void;
+  /**
+   * Sets a value based on the input and emits a change event with that value.
+   *
+   * @param {string} input - input value
+   */
+  updateValue(input: string): void;
+}

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

@@ -0,0 +1,19 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+export declare class VegaInputNumericRenderer extends VegaSlimmer {
+  private prefixIcon;
+  private value;
+  private size;
+  private disabled;
+  private placeholder;
+  private label;
+  private hint;
+  private required;
+  private thousandComma;
+  private integerOnly;
+  private valueController;
+  private vegaInputRef;
+  getInputRef(): HTMLInputElement;
+  getContainerRef(): HTMLElement;
+  render(): HTMLElement;
+  private onInputChange;
+}

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

@@ -0,0 +1,169 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaInputNumericRenderer } from './slimmers/renderers/vega-input-numeric-renderer';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaInputNumericValueController } from './slimmers/controllers/vega-input-numeric-value-controller';
+import { VegaInputNumericKeyboardController } from './slimmers/controllers/vega-input-numeric-keyboard-controller';
+import { FormFieldValidationRule } from '../../types/components.type';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { SubStateNotifySlimmerBase } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer-base';
+/**
+ * @vegaVersion 2.29.0
+ */
+export declare class VegaInputNumeric {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected readonly valueController: VegaInputNumericValueController;
+  protected readonly keyboardController: VegaInputNumericKeyboardController;
+  protected readonly renderer: VegaInputNumericRenderer;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected inputEventPrevent: ChildNodesEventPreventSlimmer;
+  protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected readonly prefixTextNotifySlimmer: SubStateNotifySlimmerBase;
+  protected readonly suffixTextNotifySlimmer: SubStateNotifySlimmerBase;
+  protected readonly isCompactInputWidthNotifySlimmer: SubStateNotifySlimmerBase;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputNumericElement>;
+  host: HTMLVegaInputNumericElement;
+  isCompactInputWidth: boolean;
+  /**
+   * Defines the prefix for the input numeric field.
+   * It provides additional context or information displayed
+   *    before the numeric value, helping to
+   *    clarify its purpose or usage.
+   *
+   * @vegaVersion 2.29.0
+   */
+  prefixText: string;
+  watchPrefixText(): void;
+  /**
+   * Defines the suffix for the input numeric field.
+   * It provides additional context or information displayed
+   *    after the numeric value, helping to
+   *    clarify its purpose or usage.
+   *
+   * @vegaVersion 2.29.0
+   */
+  suffixText: string;
+  watchSuffixText(): void;
+  /**
+   * Specifies an icon or symbol that appears before the input field,
+   *    providing visual context or enhancing the aesthetic appearance
+   *    of the input numeric.
+   *
+   * @vegaVersion 2.29.0
+   */
+  prefixIcon: string;
+  /**
+   * Represents a pre-set or default value for the input numeric field.
+   *
+   * @vegaVersion 2.29.0
+   */
+  value: string;
+  watchValue(): void;
+  /**
+   * Defines the size of the input numeric field.
+   *
+   * @vegaVersion 2.29.0
+   */
+  size: 'medium' | 'small';
+  /**
+   * Specifies a placeholder string that displays as a temporary hint
+   *    or example inside the input numeric field.
+   *
+   * @vegaVersion 2.29.0
+   */
+  placeholder: string;
+  /**
+   * Determines whether the numeric input field should format numbers
+   *    with thousand separators (commas) during user input.
+   *
+   * @vegaVersion 2.29.0
+   */
+  thousandComma: boolean;
+  /**
+   * Determines whether the numeric input field should restrict
+   *    input to integers only.
+   *
+   * @vegaVersion 2.29.0
+   */
+  integerOnly: boolean;
+  /**
+   * Determines whether the input numeric field is disabled.
+   *
+   * @vegaVersion 2.29.0
+   */
+  disabled: boolean;
+  /**
+   * Specifies the step value for increasing or decreasing the input
+   *    when pressing the ArrowUp or ArrowDown key.
+   *    It controls the finer adjustments in the numeric input.
+   *
+   * @vegaVersion 2.29.0
+   */
+  minorIncrement: number;
+  /**
+   * Specifies the step value for increasing or decreasing the input
+   *    when pressing the ArrowUp or ArrowDown key
+   *    while holding the Shift key.
+   *    It controls larger adjustments in the numeric input.
+   *
+   * @vegaVersion 2.29.0
+   */
+  majorIncrement: number;
+  /**
+   * Provides a descriptive text or string that serves
+   *    as the label or title for the input numeric.
+   *
+   * @vegaVersion 2.29.0
+   */
+  label: string;
+  /**
+   * Provides a supplementary prompt message that
+   *    assists users in selecting the appropriate
+   *    value for the input numeric.
+   *
+   * @vegaVersion 2.29.0
+   */
+  hint: string;
+  /**
+   * Determines whether the input numeric field is required.
+   *
+   * @vegaVersion 2.29.0
+   */
+  required: boolean;
+  /**
+   * Defines custom validation rules for the input numeric field.
+   *
+   * @vegaVersion 2.29.0
+   */
+  validationRules: FormFieldValidationRule<unknown>[];
+  watchValidationRules(): void;
+  /**
+   * Specifies the validation status of the input numeric field.
+   *
+   * @vegaVersion 2.29.0
+   */
+  isValid: boolean;
+  /**
+   * Determines whether the input field should undergo automatic validation
+   *    during the user's input.
+   *
+   * @vegaVersion 2.29.0
+   */
+  autoValidation: boolean;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @vegaVersion 2.29.0
+   */
+  vegaChange: EventEmitter<number>;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.29.0
+   */
+  change: EventEmitter<number>;
+  render(): VegaInputNumeric;
+}

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

@@ -5,6 +5,7 @@ export declare class VegaInputSelectDropdownController extends VegaSlimmer {
   isDropdownShow: VegaInputSelect['isDropdownShow'];
   vegaSearch: VegaInputSelect['vegaSearch'];
   searchEventEmitter: VegaInputSelect['searchEventEmitter'];
+  searchTriggerEventEmitter: VegaInputSelect['searchTriggerEventEmitter'];
   vegaInputSelectValueController: VegaInputSelect['vegaInputSelectValueController'];
   sourceController: VegaInputSelect['sourceController'];
   source: VegaInputSelect['source'];

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

@@ -17,6 +17,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { VegaInputSelectSourceController } from './slimmers/controllers/vega-input-select-source-controller';
 import { VegaInputSelectItemsSlotController } from './slimmers/controllers/vega-input-select-items-slot-controler';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+import { VegaDropdownSearchTriggerEventDetail } from '../vega-dropdown/types';
 /**
  * @vegaVersion 1.0.7
  */
@@ -34,6 +35,7 @@ export declare class VegaInputSelect {
   protected readonly lazyLoadController: VegaInputSelectLazyLoadController;
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected searchEventEmitter: EventEmitSlimmerBase;
+  protected searchTriggerEventEmitter: EventEmitSlimmerBase;
   protected eventPrevent: ChildNodesEventPreventSlimmer;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputSelectElement>;
   host: HTMLVegaInputSelectElement;
@@ -193,6 +195,24 @@ export declare class VegaInputSelect {
    * @vegaVersion 2.0.0
    */
   search: EventEmitter<string>;
+  /**
+   * An event emitter notifying the search event triggered within the dropdown,
+   *    but only if `useDefaultFilter` is set to `false`.
+   * Unlike the Vegasearch event, this event includes the details of the user who triggered it.
+   * It can be triggered in two ways: by pressing "Enter" or through user input.
+   *
+   * @vegaVersion 2.30.0
+   */
+  vegaSearchTrigger: EventEmitter<VegaDropdownSearchTriggerEventDetail>;
+  /**
+   * An event emitter notifying the search event triggered within the dropdown,
+   * Unlike the Vegasearch event, this event includes the details of the user who triggered it.
+   * It can be triggered in two ways: by pressing "Enter" or through user input.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.30.0
+   */
+  searchTrigger: EventEmitter<VegaDropdownSearchTriggerEventDetail>;
   componentWillLoad(): void;
   /**
    * Invoke this method to close the select dropdown and clear

package/dist/types/components/vega-sidenav/icons/chevron-right.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

package/dist/types/components/vega-sidenav/icons/toggle-button-bg.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

package/dist/types/components/vega-sidenav/slimmers/controllers/vega-sidenav-backdrop-controller.d.ts

@@ -0,0 +1,42 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { ZIndexLevelType } from '../../../../helpers/zindex/internal-vega-z-index-manager';
+import { VegaSidenav } from '../../vega-sidenav';
+import { ResponsiveBehavior } from '../../types';
+/** Manages the visibility and z-index of a backdrop element for a side navigation menu. */
+export declare class VegaSidenavBackdropController extends VegaSlimmer {
+  static readonly backdropClassName: string;
+  protected openState: VegaSidenav['openState'];
+  private backdropRef;
+  /**
+   * create or remove the sidenav backdrop element.
+   *
+   * @param {ResponsiveBehavior} responsiveBehavior The sidenav config
+   */
+  updateBackdropAvailability(responsiveBehavior: ResponsiveBehavior): void;
+  /**
+   * The function sets the z-index of an element using a specified level.
+   *
+   * @param {ZIndexLevelType} [level] - The zindex level
+   */
+  setZIndex(level?: ZIndexLevelType): void;
+  /**
+   * The function removes a specified Z index level from a backdrop element using an internal Vega Z index manager.
+   *
+   * @param {ZIndexLevelType} [level] - The zindex level
+   */
+  removeZIndex(level?: ZIndexLevelType): void;
+  /**
+   * Appends a backdrop element to the body of the document and sets its visibility based on a breakpoint.
+   */
+  private append;
+  /**
+   * Sets the visibility of the `backdropRef` to false.
+   */
+  private remove;
+  /**
+   * Determines if the backdrop is visible based on the current breakpoint.
+   *
+   * @returns {boolean} A boolean value based on the current breakpoint. It returns `true` if the current breakpoint is either 'S' or 'M', and `false` otherwise.
+   */
+  private getBackdropVisibleByBreakpoint;
+}

package/dist/types/components/vega-sidenav/slimmers/controllers/vega-sidenav-open-status-controller.d.ts

@@ -0,0 +1,94 @@
+import { VegaSidenav } from '../../vega-sidenav';
+import { PageResizeObserverSlimmer } from '../../../../helpers/slimmers/page-resize-observer-slimmer';
+/** Manages the open status of a side navigation component, handling toggling, updating status based on screen size, and other related functionalities. */
+export declare class VegaSidenavOpenStatusController extends PageResizeObserverSlimmer {
+  protected openState: VegaSidenav['openState'];
+  protected openByDefault: VegaSidenav['openByDefault'];
+  protected host: VegaSidenav['host'];
+  protected stateUpdateEmitter: VegaSidenav['stateUpdateEmitter'];
+  protected backdropController: VegaSidenav['backdropController'];
+  protected collapseButtonRenderer: VegaSidenav['collapseButtonRenderer'];
+  private responsiveBehavior;
+  private sidebar;
+  /**
+   * Register the callback function to page resize observer slimmer
+   */
+  constructor();
+  /**
+   * Toggle the open state of a side navigation based on certain conditions.
+   */
+  toggleSidenav(): void;
+  /**
+   * The function `setSidenavRef` sets the sidebar reference.
+   *
+   * @param {HTMLDivElement} sidebarRef - A reference to the sidebar element in the HTML document.
+   */
+  setSidenavRef(sidebarRef: HTMLDivElement): void;
+  /**
+   * Toggles the open/close status of a side navigation based on different input flags.
+   *
+   * @param {'hoverOpen' | 'hoverClose' | 'clickOpen' | 'clickClose'} statusFlag - A string literal type that can have one of the
+   * following values: 'hoverOpen', 'hoverClose', 'clickOpen', or 'clickClose'.
+   */
+  setSideNavOpenStatus(statusFlag: 'hoverOpen' | 'hoverClose' | 'clickOpen' | 'clickClose'): void;
+  /**
+   * Update the sidenav status when component did load
+   */
+  protected initOpenStatus(): void;
+  /**
+   * Update sidenav status when the property value change
+   */
+  protected updateOpenStatus(): void;
+  /**
+   * Add an observer to a DOM node for a specific event and handles the event payload to determine whether to close the sidebar.
+   */
+  protected registerSidenavLinkClickObserver(): void;
+  /**
+   * Remove the observer when the component remove from page
+   */
+  protected unregisterSidenavLinkClickObserver(): void;
+  /**
+   * Returns different responsive behaviors based on the screen size.
+   *
+   * @returns {ResponsiveBehavior} Object
+   */
+  private getSidenavResponsiveBehavior;
+  /**
+   * Set or remove the sidenav and backdrop style z-index
+   */
+  private updateZIndex;
+  /**
+   * Determines whether the sidenav can be collapsed based on the current open by default setting and screen size.
+   *
+   * @returns {boolean} The method `canCollapseSidenav()` returns a boolean value.
+   */
+  private canCollapseSidenav;
+  /**
+   * Update the body style overflow
+   */
+  private updateOverflowAvailability;
+  /**
+   *
+   *
+   * @param triggerByResize
+   */
+  /**
+   * Determines whether to open or close a side navigation based on certain conditions.
+   *
+   * @param {boolean} [triggerByResize=false] - The `updateStatusOpenByDefault` method was triggered by a resize event
+   */
+  private updateStatusOpenByDefault;
+  /**
+   * Returns true if the current breakpoint is 'L' or 'XL'.
+   *
+   * @returns {boolean} Determine if the screen is considered large.
+   */
+  private isLargeScreen;
+  /**
+   * TReturns the current openByDefault value formatted using ResponsiveFormatFacade.
+   *
+   * @param {ResponsiveType<OpenByDefaultType>} input - parameter
+   * @returns {OpenByDefaultType} The formatted value of the `input` parameter, which is of type `OpenByDefaultType`.
+   */
+  private getCurrentOpenByDefault;
+}

package/dist/types/components/vega-sidenav/slimmers/renderers/vega-sidenav-collapse-button-renderer.d.ts

@@ -0,0 +1,31 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaSidenav } from '../../vega-sidenav';
+/** Renders a collapsible button for a sidebar with specific functionality and styling. */
+export declare class VegaSidenavCollapseButtonRenderer extends VegaSlimmer {
+  protected host: VegaSidenav['host'];
+  private collapseButtonRef;
+  /**
+   * Update the visibility of the collapse button base on the property canCollapseSidenav
+   *
+   * @param {boolean} canCollapseSidenav The component could collapse or not
+   */
+  updateHandlerIconAvailability(canCollapseSidenav: boolean): void;
+  /**
+   * Render an action button, the button has a special background and chevron left or right icon.
+   *
+   * @returns {HTMLElement} The button element
+   */
+  render(): HTMLElement;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-mouse-enter-and-mouse-leave-and-click}
+   * @see{module:vega-sidenav-desktop-click-icon-change-position}
+   */
+  private handleClickSidebarIcon;
+  /**
+   * Generating a CSS `mask-image` property value using an SVG icon retrieved from the `VegaIconManager` and`VegaInternalIconManager`.
+   *
+   * @returns {string} The svg content string after encode
+   */
+  private getButtonMaskImage;
+}

package/dist/types/components/vega-sidenav/test/test.helper.d.ts

@@ -0,0 +1,6 @@
+import { SidebarTopLevelItem } from '../types';
+export declare const SIDEBAR_SOURCE_MOCK_DATA: SidebarTopLevelItem[];
+export declare const collapseLogo: string;
+export declare const expandLogo: string;
+export declare const expandBigLogo: string;
+export declare const bannerAvatar: string;

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

@@ -0,0 +1,24 @@
+export type SidebarTopLevelItem = {
+	url: string;
+	name: string;
+	icon?: string;
+	selected?: boolean;
+	children?: SidebarItem[];
+};
+
+export type SidebarItem = Exclude<SidebarTopLevelItem, 'icon'>;
+
+export type SidebarHeaderConfig = {
+	headline?: string;
+	expandLogo?: string;
+	collapseLogo?: string;
+};
+
+export type ResponsiveBehavior = {
+	showSideBar: boolean;
+	showBackdrop: boolean;
+	canBeScrolled: boolean;
+	showSideBarOnClickLink: boolean;
+};
+
+export type OpenByDefaultType = 'open' | 'close' | 'disableCollapse';

package/dist/types/components/vega-sidenav/utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `isHTMLVegaSidenavLinkElement` returns `true` if the input is an `HTMLVegaSidenavLinkElement` and `false` otherwise
+ *
+ * @param {unknown} input - The input to check.
+ * @returns {boolean} indicating if the input is type of {@link HTMLVegaSidenavLinkElement}
+ */
+export declare const isHTMLVegaSidenavLinkElement: (input: unknown) => input is HTMLVegaSidenavLinkElement;

package/dist/types/components/vega-sidenav/vega-sidenav-group/slimmers/controllers/vega-sidenav-group-sub-state-controller.d.ts

@@ -0,0 +1,10 @@
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { VegaSidenavGroup } from '../../vega-sidenav-group';
+/** The class `VegaSidenavGroupSubStateController` is a TypeScript class that observes and manages sub-states for a sidenav group component. */
+export declare class VegaSidenavGroupSubStateController extends SubStateObserverSlimmer<HTMLVegaSidenavGroupElement> {
+  protected openState: VegaSidenavGroup['openState'];
+  /**
+   * The constructor function initializes a sidenav with specified subStates in TypeScript.
+   */
+  constructor();
+}

package/dist/types/components/vega-sidenav/vega-sidenav-group/vega-sidenav-group.d.ts

@@ -0,0 +1,47 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaSidenavGroupSubStateController } from './slimmers/controllers/vega-sidenav-group-sub-state-controller';
+/**
+ * @deprecated This component will be removed soon, please consider using `vega-left-nav-group` component instead.
+ * @vegaVersion 1, v2.29.0
+ */
+export declare class VegaSidenavGroup {
+  protected subStateObserverSlimmer: VegaSidenavGroupSubStateController;
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaSidenavElement>;
+  private groupContainer;
+  private observer;
+  host: HTMLVegaSidenavGroupElement;
+  openState: 'open' | 'hoverOpen' | 'close';
+  /**
+   * Represents the icon attached to the side navigation
+   *    group header link.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  icon: string;
+  /**
+   * Specifies the text that serves as the label or title
+   *    for the side navigation group in the sidebar.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  label: string;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-group-e2e-disconnected}
+   */
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  render(): VegaSidenavGroup;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-group-observer-with-selected}
+   */
+  private observerListener;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-group-toggle}
+   */
+  private handleClick;
+}

package/dist/types/components/vega-sidenav/vega-sidenav-link/slimmers/controllers/vega-sidenav-link-sub-state.controller.d.ts

@@ -0,0 +1,10 @@
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { VegaSidenavLink } from '../../vega-sidenav-link';
+/** The class `VegaSidenavLinkSubStateController` is a TypeScript class that observes and manages sub-states for a sidenav link component. */
+export declare class VegaSidenavLinkSubStateController extends SubStateObserverSlimmer<HTMLVegaSidenavLinkElement> {
+  protected openState: VegaSidenavLink['openState'];
+  /**
+   * The constructor function initializes a sidenav with specified subStates in TypeScript.
+   */
+  constructor();
+}

package/dist/types/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaSidenavLinkSubStateController } from './slimmers/controllers/vega-sidenav-link-sub-state.controller';
+import { EventEmitSlimmerBase } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
+/**
+ * @deprecated This component will be removed soon, please consider using `vega-left-nav-link` component instead.
+ * @vegaVersion 1, v2.29.0
+ */
+export declare class VegaSidenavLink {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaSidenavElement>;
+  protected subStateObserverSlimmer: VegaSidenavLinkSubStateController;
+  protected clickEventEmitter: EventEmitSlimmerBase;
+  private observer;
+  host: HTMLVegaSidenavLinkElement;
+  openState: 'open' | 'hoverOpen' | 'close';
+  /**
+   * Specifies the icon displayed for the side navigation link.
+   *    Icons are only displayed for top-level links.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  icon: string;
+  /**
+   * Indicates whether the link item is selected.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  selected: boolean;
+  /**
+   * Specifies the destination URL to which the side navigation link
+   *    navigates when clicked.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  url: string;
+  /**
+   * Determines if the side nav should stay open when the
+   *    sidenav-link element is clicked.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  showSideBarOnClickLink: boolean;
+  /**
+   * An event emitter notifying about the occurrence of a click event.
+   *
+   * @vegaVersion 1, v2.29.0
+   */
+  vegaClick: EventEmitter;
+  /**
+   * An event emitter notifying about the occurrence of a click event.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 1, v2.29.0
+   */
+  click: EventEmitter;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-link-e2e-disconnected}
+   */
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  render(): VegaSidenavLink;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-link-click-event}
+   */
+  private handleClick;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-link-observer-with-click}
+   */
+  private observerListener;
+  /**
+   * Notify the parent sidenav element the child link has been clicked
+   */
+  private notifyParentSidenavClick;
+}