@energycap/components 0.42.4-esbuild.20250131-1219 → 0.42.4-esbuild.20250131-1441

package/lib/controls/form-control-label/form-control-label.component.d.ts

@@ -0,0 +1,73 @@
+import { OnInit } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { ValidationMessageService } from '../../core/validation-message.service';
+import { ControlLabelPosition } from '../form-control-base';
+import * as i0 from "@angular/core";
+export declare class FormControlLabelComponent implements OnInit {
+    protected validationMessageService: ValidationMessageService;
+    private translateService;
+    /**
+     * Id
+     */
+    id?: string;
+    /**
+     * Bind id to host element
+     */
+    attrId?: string;
+    /**
+     * The form control label
+     */
+    label: string;
+    /**
+     * UI-oriented form model that retains the states and values of the HTML controls on screen.
+     * Can be a {@link FormControl}, a {@link FormGroup} or a {@link FormArray}
+     *
+     * @type {AbstractControl}
+     * @memberof FormControlBase
+     */
+    control?: AbstractControl;
+    /**
+       * The position of the form control label (top|bottom|left)
+       */
+    labelPosition?: ControlLabelPosition;
+    /**An optional string to show if any of the underlying controls has an error. If falsy, one of the
+     * errors from the underlying controls will be used.
+     */
+    overrideValidationError?: string;
+    /**An optional flag to hide the validation messages.
+     */
+    hideValidationMessage?: boolean;
+    /**
+     * All current validation errors
+     *
+     * @type {string}
+     * @memberof FormControlBase
+     */
+    validationErrors: string;
+    allControlsTouched: boolean;
+    private componentDestroyed;
+    constructor(validationMessageService: ValidationMessageService, translateService: TranslateService);
+    ngOnInit(): Promise<void>;
+    /**
+     * Angular onDestroy lifecyle hook.
+     * Unsubscribe from any observables
+     *
+     * @see https://angular.io/guide/lifecycle-hooks
+     * @memberof FormControlBase
+     */
+    ngOnDestroy(): void;
+    private getErrors;
+    private assignErrors;
+    /**
+     * Function that subscribes to the controls valueChanges Observable
+     * to take any erros and translate them
+     *
+     * @param {*} [data]
+     * @returns
+     * @memberof FormControlBase
+     */
+    private translateValidationMessages;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormControlLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormControlLabelComponent, "ec-form-control-label", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "control": { "alias": "control"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "overrideValidationError": { "alias": "overrideValidationError"; "required": false; }; "hideValidationMessage": { "alias": "hideValidationMessage"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/controls/form-group/form-group.component.d.ts

@@ -0,0 +1,105 @@
+import { OnInit } from "@angular/core";
+import { AbstractControl, UntypedFormArray, UntypedFormGroup } from "@angular/forms";
+import { TranslateService } from "@ngx-translate/core";
+import { ValidationMessageService } from "../../core/validation-message.service";
+import { ControlLabelPosition } from "../form-control-base";
+import { PopoverContentPosition } from "../popover/popover.component";
+import * as i0 from "@angular/core";
+/** Function to iterate over form controls and
+ *  ensure they contain unique values.  If any are duplicated all offending
+ *  form controls will be marked as invalid
+ *
+ * @param valueProperty - the sub-property of the object represented by each form control
+ *        it is dereferenced as formGroup.control.value[valueProperty].
+ *        defaults to "value", which matches the form controls used to back comboboxes
+ *        if explicitly null, this function assumes value is not a complex object and just extracts
+ *        formGroup.control.value
+ */
+export declare const validateFormGroupValuesAreUnique: (fg: UntypedFormGroup | UntypedFormArray, valueProperty?: string | null, subProperty?: string) => void;
+/**
+ * Function to iterate over for controls and invoke the callback function when they are found.
+ * Recursively calls itself when it encounters sub form groups and iterates over form arrays.
+ * @param c
+ * @param callback
+ */
+export declare const forEachFormControl: (c: AbstractControl, callback: (control: AbstractControl) => void) => void;
+/**
+ * Function to return the value if it is enabled and set
+ * @param control
+ */
+export declare const getControlValue: (control: AbstractControl, valueProperty?: string | null, subProperty?: string) => any | null;
+export declare class FormGroupComponent implements OnInit {
+    protected validationMessageService: ValidationMessageService;
+    private translateService;
+    /**
+     * Id
+     */
+    id?: string;
+    /**
+     * Bind id to host element
+     */
+    attrId?: string;
+    /**
+     * The form control label
+     */
+    label: string;
+    /**
+     * UI-oriented form model that retains the states and values of the HTML controls on screen.
+     * Can be a {@link FormControl} or a {@link FormGroup}
+     *
+     * @type {FormGroup}
+     * @memberof FormControlBase
+     */
+    formGroup?: UntypedFormGroup;
+    /**
+       * The position of the form control label (top|bottom|left)
+       */
+    labelPosition?: ControlLabelPosition;
+    /**An optional string to show if any of the underlying controls has an error. If falsy, one of the
+     * errors from the underlying controls will be used.
+     */
+    overrideValidationError?: string;
+    /**An optional flag to hide the validation messages.
+     */
+    hideValidationMessage?: boolean;
+    /**
+     * Conditionally show a help popover next to the controls label.
+     */
+    helpPopover?: string;
+    /**
+    * When a help popover is present, allows the popover to be positioned in different locations.
+    */
+    helpPopoverPosition?: PopoverContentPosition;
+    /**
+     * All current validation errors
+     *
+     * @type {string}
+     * @memberof FormControlBase
+     */
+    validationErrors: string;
+    allControlsTouched: boolean;
+    private componentDestroyed;
+    constructor(validationMessageService: ValidationMessageService, translateService: TranslateService);
+    ngOnInit(): Promise<void>;
+    /**
+     * Angular onDestroy lifecyle hook.
+     * Unsubscribe from any observables
+     *
+     * @see https://angular.io/guide/lifecycle-hooks
+     * @memberof FormControlBase
+     */
+    ngOnDestroy(): void;
+    private getErrors;
+    private assignErrors;
+    /**
+     * Function that subscribes to the formGroup's valueChanges Observable
+     * to take any erros and translate them
+     *
+     * @param {*} [data]
+     * @returns
+     * @memberof FormControlBase
+     */
+    private translateValidationMessages;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "ec-form-group", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "overrideValidationError": { "alias": "overrideValidationError"; "required": false; }; "hideValidationMessage": { "alias": "hideValidationMessage"; "required": false; }; "helpPopover": { "alias": "helpPopover"; "required": false; }; "helpPopoverPosition": { "alias": "helpPopoverPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/controls/help-popover/help-popover.component.d.ts

@@ -0,0 +1,11 @@
+import { PopoverContentPosition } from '../popover/popover.component';
+import * as i0 from "@angular/core";
+export declare class HelpPopoverComponent {
+    id: string;
+    text: string;
+    contentPosition: PopoverContentPosition;
+    maxWidth: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HelpPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HelpPopoverComponent, "ec-help-popover", never, { "id": { "alias": "id"; "required": false; }; "text": { "alias": "text"; "required": false; }; "contentPosition": { "alias": "contentPosition"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/controls/item-picker/item-picker.component.d.ts

@@ -0,0 +1,164 @@
+import { OnChanges, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { TableSearchResults } from '../../display/table/searchable-table.component';
+import { PagingInfo } from '../../display/table/table-pagination.component';
+import { TableSelectableRowContext } from '../../display/table/table-selectable-row.component';
+import { Overlay } from '../../display/view-overlay/view-overlay.component';
+import { MenuItem } from '../menu/menu.component';
+import { TranslateService } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export interface PickerItem<TValue = any, SItems = any> extends MenuItem {
+    id: string;
+    /** When set to true the available item will be automatically added to the selected list */
+    defaultSelected?: boolean;
+    /** When set to true, the item will not be allowed to be removed from the selected list */
+    preventRemove?: boolean;
+    /** Redefining to get the typing */
+    value: TValue;
+}
+export declare class ItemPickerSelectableContext<T> extends TableSelectableRowContext {
+    /** id/value map of the selected items. Used for keeping track of what is selected */
+    selectedItemsMap: Map<string, PickerItem<T>>;
+    /**
+     * Gives a way to tell the picker component that the map was modified externally and to update
+     * the available/selected lists
+     */
+    selectedItemsMapChanged: Subject<void>;
+    /**
+     * AdvancedRowClickBehavior is disabled for ItemPicker.
+     */
+    readonly disableAdvancedRowClickBehavior: boolean;
+    /** When true the user has opted to select all items across all pages. Due to api pagination
+     *  we don't have all of the items locally, so the host will need to tell the API to operate on all
+     *  via api filters or other means.
+     */
+    isSelectingAllItems: boolean;
+}
+export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDestroy {
+    private translateService;
+    /** Identifier for the component. This will be added to the beginning of all internal action elements */
+    id?: string;
+    /** Title displayed above the available items table */
+    availableTitle: string;
+    /** Help popover next to the available title. If supplied will show, otherwise is hidden */
+    availableTitleHelpPopover: string;
+    /** Title displayed above the selected items list */
+    selectedTitle: string;
+    /** The type of item being selected. Ex. Meters, Addresses */
+    itemName: string;
+    /** Form group that is given to the internal Searchable Table */
+    formModel?: UntypedFormGroup;
+    /** Template for when a custom header is needed for the available items table */
+    customAvailableHeaderTemplate?: TemplateRef<any>;
+    /** Template for when a custom available item is needed. Default template is a label only */
+    customAvailableItemTemplate?: TemplateRef<any>;
+    /** Template for when a custom selected item is needed. Default template is a label only */
+    customSelectedItemTemplate?: TemplateRef<any>;
+    /** Used by the internal Searchable Table to know when the page is ready */
+    ready?: Observable<void>;
+    /** Used by Searchable Table to retrieve the available items */
+    getItems?: (search?: string, pageChangeInfo?: PagingInfo) => Observable<TableSearchResults>;
+    /** Used to maintain the available items checkbox selection as well as the selected items list */
+    selectionContext: ItemPickerSelectableContext<T>;
+    /** Used by the internal Searchable Table when there is no available items to choose from based on the getItems results. Do not supply
+     *  to inherit the default message.
+     */
+    noDataMessage: string;
+    /**
+     * Used to override the default no selected items message. If provided this will be used, otherwise the default message with the item name
+     * interpolation will be used.
+     */
+    noSelectedItemsMessage?: string;
+    /** Used to enable select all items across pages. When true the button to select all items will be visible in the available items header when
+     *  the header checkbox is checked and there are multiple pages of results
+     */
+    enableSelectAllItems: boolean;
+    /** Used to display a message in the selected items table when the select all items button is clicked */
+    selectAllItemsMessage: string;
+    /** List of available items to pick from */
+    availableItems: PickerItem[];
+    /**
+     * Selected items array. Created from the selected items map. Binding to the
+     * map iterate values caused angular "expression changed" errors so after a map
+     * update this gets set to the values
+     */
+    selectedItems: PickerItem[];
+    /** True if there are selected items and at least one can be removed */
+    selectedItemsClearable: boolean;
+    /** Track by used for the searchable table rows */
+    trackByIndex: (index: number) => number;
+    tableStatus: Overlay;
+    /** Text to display next to the checkbox in the available items header. Used to dislay how many items are
+     *  selected when select all items is enabled
+     */
+    availableCheckboxText: string;
+    /** When set to true the select all items button will show in the available items header. This is
+     *  shown when the user has enabled select all for the item picker and the user selects the header checkbox
+     *  with more than one page of results.
+     */
+    showSelectAllItemsButton: boolean;
+    /** The total number of items returned from the api across all pages */
+    totalItemsBeforePaging?: number;
+    /** Passed to the searchable table control. Used to disable the pagination controls */
+    disablePaginationControls?: boolean;
+    /**
+     * Template used to display the available and selected items as well as the available item header.
+     * This will be set to the default template if a custom is not provided
+     */
+    internalizedAvailableHeaderTemplate: TemplateRef<any>;
+    internalizedAvailableItemTemplate: TemplateRef<any>;
+    internalizedSelectedItemTemplate: TemplateRef<any>;
+    /** Default templates used if a custom template is not provided */
+    private defaultAvailableHeaderTemplate;
+    private defaultAvailableItemTemplate;
+    private defaultSelectedItemTemplate;
+    /** Used to shut down our subscriptions when the component is destroyed */
+    private destroyed;
+    constructor(translateService: TranslateService);
+    ngOnInit(): void;
+    /**
+     * Watch for changes and react if the custom item template value changes
+     */
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    /**
+     * Called by the searchable table when a new set of items are returned from the getItems call.
+     * If any of the items have `preventRemove` set, their indices are added to the context.
+     */
+    onItemsChange(results: TableSearchResults): void;
+    /**
+     * Called when the clear selection link button is clicked
+     */
+    onClearSelectionClick(): void;
+    /**
+     * Called when the remove item button is clicked for a selected item
+     * @param removeItem
+     */
+    removeSelectedItem(removeItem: PickerItem): void;
+    /**
+     * Click handler for the select all items button
+     */
+    selectAllItems(): void;
+    /**
+     * Removes all items from the selected items map. This was split from the onClearSelectionClick function to allow
+     * selectAllItems to call this function but keep the row checkbox values in place. This was needed because when you are
+     * selecting all items across all pages we want the current page of items to remain checked.
+     *
+     */
+    private clearSelectedItemsMap;
+    /**
+     * Watch for changes to the row checkboxes form array and update the selected items
+     * list
+     */
+    private setupRowCheckboxesWatcher;
+    private updateAvailableCheckboxText;
+    /**
+     * Watch to be told if changes to the map were made outside of the component and if so update
+     * the array displayed in the selected list and select checkboxes for visible available items
+     */
+    private setupSelectedItemsChangedWatcher;
+    private setInternalizedTemplates;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemPickerComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemPickerComponent<any>, "ec-item-picker", never, { "id": { "alias": "id"; "required": false; }; "availableTitle": { "alias": "availableTitle"; "required": false; }; "availableTitleHelpPopover": { "alias": "availableTitleHelpPopover"; "required": false; }; "selectedTitle": { "alias": "selectedTitle"; "required": false; }; "itemName": { "alias": "itemName"; "required": false; }; "formModel": { "alias": "formModel"; "required": false; }; "customAvailableHeaderTemplate": { "alias": "customAvailableHeaderTemplate"; "required": false; }; "customAvailableItemTemplate": { "alias": "customAvailableItemTemplate"; "required": false; }; "customSelectedItemTemplate": { "alias": "customSelectedItemTemplate"; "required": false; }; "ready": { "alias": "ready"; "required": false; }; "getItems": { "alias": "getItems"; "required": false; }; "selectionContext": { "alias": "selectionContext"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "noSelectedItemsMessage": { "alias": "noSelectedItemsMessage"; "required": false; }; "enableSelectAllItems": { "alias": "enableSelectAllItems"; "required": false; }; "selectAllItemsMessage": { "alias": "selectAllItemsMessage"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/controls/link-button/link-button.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class LinkButtonComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkButtonComponent, "button[ecLinkButton]", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/controls/menu/menu.component.d.ts

@@ -0,0 +1,255 @@
+import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { ScrollService } from '../../core/scroll.service';
+import { WindowService } from '../../core/window.service';
+import { LinkTarget } from '../../display/tags/tag';
+import { NavItem } from '../navigation/nav-item';
+import { PopoverContentPosition } from '../popover/popover.component';
+import * as i0 from "@angular/core";
+export type MenuTemplateType = "label" | "iconAndLabel" | "checkAndLabel" | "iconLabelCaption";
+export type MenuHostElementClasses = 'bg-transparent';
+export interface MenuItem<TValue = any, SItems = any> extends NavItem {
+    label: string;
+    caption?: string;
+    items?: MenuItem<SItems>[];
+    checked?: boolean;
+    display?: 'default' | 'heading' | 'divider' | 'divided-section';
+    value?: TValue;
+    classList?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    readonly?: boolean;
+    target?: LinkTarget;
+    externalLink?: boolean;
+    /** Optional text to display in-place of the default label when the MenuItem is selected. */
+    selectedLabel?: string;
+    hideIfNoItems?: boolean;
+    /** Optional help popover content to display next to the header or individual item. Note: This only will
+     *  show when using our built in item templates.
+     */
+    helpPopover?: string;
+    /** Optional help popover position. If not defined a default of 'top-left' will be used. */
+    helpPopoverPosition?: PopoverContentPosition;
+}
+export declare const menuAnimationSpeed = 350;
+/**
+ * Primitive Menu component that encapsulates known templates
+ *
+ * @export
+ */
+export declare class MenuComponent implements AfterContentInit, OnDestroy, OnChanges {
+    private el;
+    private renderer;
+    private windowService;
+    private scrollService;
+    /**
+     * Input for the menu's template id
+     */
+    id?: string;
+    /**
+     * Id bound to the host element
+     */
+    attrId?: string;
+    /**
+     * Array of items to display
+     *
+     * @memberof MenuComponent
+     */
+    items: Array<MenuItem>;
+    /**
+     *  Selected item; annotates the item
+     *  when displayed with 'selected' class
+     *
+     * @memberof MenuComponent
+     */
+    selected: MenuItem | null;
+    /**
+     * The parent menu item. If defined, a header with the parent's label and a
+     * back button will be displayed.
+     */
+    parent?: MenuItem;
+    /**
+     * Display template
+     *
+     * @memberof MenuComponent
+     */
+    templateType: MenuTemplateType;
+    /**
+     * Optional custom template for the menu items. Must declare a template
+     * input variable called "item" like so: <ng-template #templateName let-item>,
+     * where item represents the menuItem.
+     * Will override the choice for templateType if provided.
+     *
+     * @memberof MenuComponent
+     */
+    customMenuTemplate?: TemplateRef<any>;
+    /**
+     * The menu's title
+     */
+    title?: string;
+    /**
+     * Show message when there are no items
+     */
+    showNoItems?: boolean;
+    /**
+     * Text to show when menu is empty and showNoItems is true
+     */
+    noDataText: string;
+    /**
+     * Controls whether keyboard navigation is enabled
+     */
+    enableKeyNav?: boolean;
+    /**
+     * Item currently highlighted by keyboard navigation
+     */
+    highlightedItem: MenuItem | null;
+    /**
+     * Tells the menu to maintain the selected/lastSelected item. Turning this off is useful for
+     * action type menus that are displayed on the screen at all times and you do not
+     * want the item to be selected when clicked.
+     */
+    maintainSelectedItem: boolean;
+    /**
+     * Will prevent text-wrapping of menu items and truncate instead. Also turns on a tooltip for the menu item. Default: false;
+     */
+    truncateItems: boolean;
+    /**
+     * When true, the space for the icon is preserved for menu items that do not have icons.
+     * Only applicable for iconAndLabel menus.
+     */
+    preserveIconSpace: boolean;
+    /**
+     * Reference to the toggle button.  Set when menu is used as part of a DropdownComponent.
+     */
+    dropdownToggleButton?: ElementRef;
+    /**
+     * Emitted when `selected` is changed. Emits the referenced object.
+     *
+     * @memberof MenuComponent
+     */
+    selectedChanged: EventEmitter<MenuItem>;
+    /**
+     * Emitted when the menu has a parent and back is clicked
+     * @memberof MenuComponent
+     */
+    menuClosed: EventEmitter<void>;
+    /**
+     * The item template that is loaded into the component template
+     *
+     * @memberof MenuComponent
+     */
+    internalizedTemplate: TemplateRef<any>;
+    /**
+     * Index of the item currently highlighted using keyboard nav
+     */
+    highlightedItemIndex: number;
+    /**
+     * A reference to the menu label template
+     */
+    private labelTemplate;
+    /**
+     * A reference to the menu icon and label template
+     */
+    private iconAndLabelTemplate;
+    /**
+     * A reference to the menu check and label template
+     */
+    private checkAndLabelTemplate;
+    /**
+     * A reference to the menu icon, label and caption template
+     */
+    private iconLabelCaptionTemplate;
+    /**
+     * Contains the function used to remove the even listener from the renderer
+     */
+    private removeKeydownListener?;
+    /**
+     * Last item this.selected was set to via selectItem().
+     * This isn't necessarily the same as this.selected, because this.selected is an input property
+     * and could have been changed by a consumer through some means other than selectItem().
+     * This allows us to prevent double-calls to selectItem() with the same input.
+     */
+    private lastSelected;
+    /**
+     * Flattened array of all selectable items in the menu. Makes it easier to keep track of the currently highlighted item for keyboard navigation.
+     */
+    private selectableItems;
+    /**
+     * Helper function to return a flat list of all selectable items in the provided menu items. Filters out headings and divided-sections.
+     * This makes it much easier to keep track of currently highlighted items for keyboard navigation.
+     */
+    static getSelectableItems(items: MenuItem[]): MenuItem[];
+    /**
+     * Returns an ID for the provided item based on its index in the provided items array. This mimics the behavior of the MenuComponent's
+     * generated IDs for items that don't have provided IDs. This is used in MenuComponent and ComboboxComponent to scroll to specific items.
+     * NOTE: If the items array does not match what is displayed in the menu, this function will not return the correct ID.
+     *
+     * Returns null if the not found
+     * @param items The MenuItems array to search through.
+     * @param item The item to generate the ID for.
+     * @param menuComponentId Used to prefix the generated ID. This should be the ID of the menu component the item is present in.
+     * @memberof MenuComponent
+     */
+    static getIndexedItemId(items: MenuItem[], item?: MenuItem | null, menuComponentId?: string): string | null;
+    constructor(el: ElementRef, renderer: Renderer2, windowService: WindowService, scrollService: ScrollService);
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Sets & displays the interalized template based on
+     * the set template.
+     * @see { @link https://angular.io/guide/lifecycle-hooks|Angular Lifecycle Hooks}
+     *
+     * @memberof MenuComponent
+     */
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * When a menu item is selected, open a child menu if the item has items, call
+     * the item's click method if defined, or emit the selected item.
+     *
+     * @param item The selected item
+     * @memberof MenuComponent
+     */
+    selectItem(event: Event, item: MenuItem, isKeyEvent?: boolean): void;
+    /**
+     * Close the current menu and open the parent menu
+     * @memberof MenuComponent
+     */
+    back(event: Event): void;
+    /**
+     * Emit the selected item
+     * @param item The selected item
+     */
+    onSelection(item: MenuItem): void;
+    /**
+     * Open or close the child menu. When the child menu closes, the selected
+     * item is reset.
+     * @memberof MenuComponent
+     */
+    toggleChildMenu(open: boolean): void;
+    /**
+     * Handle key presses to navigate the menu
+     */
+    keyNavigate(event: KeyboardEvent): void;
+    /**
+     * Scroll to the item currently marked as 'is-selected'. Wait a tick for the
+     * NgClassDirecitve or NavItemActiveDirective to respond to the model changes
+     * and update the view.
+     */
+    scrollToSelectedItem(): void;
+    private moveHighlightedUpOrDown;
+    /**
+     * Scroll to the specified menu item.
+   * If no item is provided, it will scroll to the first item.
+     *
+   * @param item The menu item to scroll to.
+     * @memberof MenuComponent
+     */
+    private scrollMenu;
+    private scrollToHighlightedItem;
+    private addKeydownListener;
+    /**
+     * Sets the menu item ids using its index if item doesn't already have one
+     */
+    private setItemIds;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ec-menu", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "templateType": { "alias": "templateType"; "required": false; }; "customMenuTemplate": { "alias": "customMenuTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showNoItems": { "alias": "showNoItems"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "enableKeyNav": { "alias": "enableKeyNav"; "required": false; }; "highlightedItem": { "alias": "highlightedItem"; "required": false; }; "maintainSelectedItem": { "alias": "maintainSelectedItem"; "required": false; }; "truncateItems": { "alias": "truncateItems"; "required": false; }; "preserveIconSpace": { "alias": "preserveIconSpace"; "required": false; }; "dropdownToggleButton": { "alias": "dropdownToggleButton"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "menuClosed": "menuClosed"; }, never, never, false, never>;
+}

package/lib/controls/navigation/link-item.d.ts

@@ -0,0 +1,32 @@
+import { Params } from "@angular/router";
+export interface LinkItem {
+    /**
+     * Optional identifier for this nav item
+     */
+    id?: string | number;
+    /**
+     * Optional icon to display to the left of the nav item label or
+     */
+    icon?: string;
+    /**
+     * Optional label to display
+     */
+    label?: string;
+    /**
+     * Url to navigate to when clicked
+     * Leave blank or undefined to not navigate and defer to onClick
+     */
+    url?: string;
+    /**
+     * Parameters to add to the url
+     */
+    queryParams?: Params | null;
+    /**
+     * Determines whether the nav-item's url must match the active url exactly in order to be marked active.
+     * If false, the item will show as active if part of the url matches. Defaults to true.
+     * See nav-item-active.directive.ts
+     */
+    isActiveExactMatch?: boolean;
+    /** Extra CSS classes to apply to an element. Specify multiple classes with spaces */
+    classlist?: string;
+}

package/lib/controls/navigation/nav-group.d.ts

@@ -0,0 +1,18 @@
+import { Subject } from "rxjs";
+import { NavItem } from "./nav-item";
+export declare class NavGroup {
+    /** The groups nav items */
+    items: NavItem[];
+    /** Broadcasts to subscribers when the value of the selected NavItem changed */
+    selectedChanges: Subject<NavItem>;
+    /** Set selected to a NavItem and call selectItem if selected was previously defined */
+    set selected(item: NavItem | undefined);
+    /** Get the value of the selected NavItem */
+    get selected(): NavItem | undefined;
+    /** The currently selected NavItem */
+    private _selected?;
+    /** Assign items to the NavGroup items */
+    constructor(items?: NavItem[], defaultItem?: NavItem);
+    /** Call a selected NavItem's onClick method and broadcast the value of the selected NavItem to subscribers */
+    private selectItem;
+}