@globalpayments/vega 2.28.0 → 2.29.0

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

@@ -0,0 +1,47 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInput } from '../../vega-input';
+/**
+ * The input container has a fixed suffix that adapts based on the container size.
+ * When the input container is large enough to fully display the input content, the suffix appears immediately after the input text.
+ *    this is achieved by setting the input to not grow flexibly while allowing the suffix to grow.
+ * If the container is too small to display all the input content, the suffix moves to the end of the container,
+ *    with the input width controlled by the vega-input component.
+ */
+export declare class VegaInputCompactWidthController extends VegaSlimmer {
+  host: VegaInput['host'];
+  value: VegaInput['value'];
+  placeholder: VegaInput['placeholder'];
+  isCompactInputWidth: VegaInput['isCompactInputWidth'];
+  suffixText: VegaInput['suffixText'];
+  private calculateTextWidthContainer;
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad(): void;
+  /**
+   * While value changed, we should calculate input actual width
+   */
+  watchValue(): void;
+  /**
+   *  While suffixText changed, we should calculate input actual width
+   */
+  watchSuffixText(): void;
+  /**
+   * Adjusts the width of the input based on its content and container size.
+   *    while actual width of value larger than input width, we use native vega-input to controller the stretch
+   *    otherwise, we should make the input container not flex grow,and the suffix flex grow.
+   */
+  setInputAutoWidth(): void;
+  /**
+   * Calculates the actual width of the text content.
+   *
+   * @returns {number} - The actual width of the text content.
+   */
+  private getActualInputWidth;
+  /**
+   * Creates and returns a hidden container element for calculating text width.
+   *
+   * @returns {HTMLElement} - calculating text width container.
+   */
+  private getCalculateTextWidthContainer;
+}

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

@@ -0,0 +1,13 @@
+import { SubStateObserverSlimmer } from '../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { VegaInput } from '../../vega-input';
+/**
+ * Controller for the vega input states from parent vega-input-numeric
+ * TODO: Should change to internal prop, https://gethired.atlassian.net/browse/VD-4986
+ */
+export declare class VegaInputStateController extends SubStateObserverSlimmer<HTMLVegaInputElement> {
+  host: VegaInput['host'];
+  prefixText: VegaInput['prefixText'];
+  suffixText: VegaInput['suffixText'];
+  isCompactInputWidth: VegaInput['isCompactInputWidth'];
+  constructor();
+}

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

@@ -9,13 +9,19 @@ import { VegaInputPrefixSlotRenderer } from './slimmers/renderers/vega-input-pre
 import { VegaInputMaskConfigController } from './slimmers/controllers/vega-input-mask-config-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { LabelSuffixButtonProps } from '../vega-field-label/types';
+import { VegaInputCompactWidthController } from './slimmers/controllers/vega-input-compact-width-controller';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { VegaInputStateController } from './slimmers/controllers/vega-input-state-controller';
 /**
  * @vegaVersion 1.0.5
  */
 export declare class VegaInput {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected copyPasteController: VegaInputCopyPasteController;
+  protected compactWidthController: VegaInputCompactWidthController;
+  protected stateController: VegaInputStateController;
   protected maskConfigController: VegaInputMaskConfigController;
   protected prefixSlotRenderer: VegaInputPrefixSlotRenderer;
   protected changeEventEmitter: EventEmitSlimmerBase;
@@ -26,6 +32,10 @@ export declare class VegaInput {
   private inputRef;
   private inputContainerRef;
   host: HTMLVegaInputElement;
+  prefixText: string;
+  suffixText: string;
+  watchSuffixText(): void;
+  isCompactInputWidth: boolean;
   /**
    * Specifies the label or title for the input field.
    *
@@ -214,12 +224,6 @@ export declare class VegaInput {
    * @vegaVersion 1.3.0
    */
   maskConfig: MaskConfigType | MaskConfigType[];
-  /**
-   * Controls whether copying or pasting is enabled for the input.
-   *
-   * @vegaVersion 2.1.0
-   */
-  disableCopyPaste: boolean;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-input-mask-change-with-custom-e2e}
@@ -227,6 +231,12 @@ export declare class VegaInput {
    * releated issue: https://gitlab.com/heartland1/vega/tiger/-/issues/646
    */
   watchMaskChange(): void;
+  /**
+   * Controls whether copying or pasting is enabled for the input.
+   *
+   * @vegaVersion 2.1.0
+   */
+  disableCopyPaste: boolean;
   /**
    * An event emitter notifying a value change.
    *
@@ -299,6 +309,8 @@ export declare class VegaInput {
   private renderLabelDom;
   private renderClearIcon;
   private renderHintDom;
+  private renderPrefixText;
+  private renderSuffixText;
   private handleInputFocus;
   private handleInputBlur;
   private onClickClearIcon;

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

@@ -0,0 +1,18 @@
+import { KeyboardManagerSlimmer } from '../../../../helpers/slimmers/keyboard-manager-slimmer';
+/**
+ * Input numeric keyboard controller
+ */
+export declare class VegaInputNumericKeyboardController extends KeyboardManagerSlimmer {
+  private host;
+  private value;
+  private minorIncrement;
+  private majorIncrement;
+  private valueController;
+  constructor();
+  /**
+   * Update the value while press ArrowUp or ArrowDown
+   *
+   * @param {KeyboardEvent} event - keyboard event
+   */
+  private onArrowUpOrDown;
+}

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-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 2.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 2.29.0
+   */
+  icon: string;
+  /**
+   * Specifies the text that serves as the label or title
+   *    for the side navigation group in the sidebar.
+   *
+   * @vegaVersion 2.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();
+}