@sebgroup/green-angular 5.1.2 → 5.3.0

package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts

@@ -3,7 +3,7 @@ import { TranslocoScope } from '@jsverse/transloco';
 import { Subscription } from 'rxjs';
 import { Option, OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
 import * as i0 from "@angular/core";
-export declare class NgvDropdownListComponent implements OnInit, OnChanges {
+export declare class NggvDropdownListComponent implements OnInit, OnChanges {
     protected translocoScope: TranslocoScope;
     set expanded(state: boolean);
     get expanded(): boolean;
@@ -11,14 +11,21 @@ export declare class NgvDropdownListComponent implements OnInit, OnChanges {
     /** The additional amount to show when option is scrolled into view. */
     scrollOffset: number;
     optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
+    groupLabelTpl: TemplateRef<OptionBase<any>> | undefined;
     /** @internal List of references to the option elements. */
     optionRefs: QueryList<ElementRef<HTMLLIElement>> | undefined;
     /** Id of the host element and is accessible by the children, automatically generated if not provided. */
     id: any;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     options: any[];
     textToHighlight?: string;
+    /**
+     * Used to control if "selectedValueChanged" only should emit distinct changes, or each time a value is selected
+     * When true, value is not emitted if there's no distinct change
+     * When false, value is emitted every time an option is selected
+     * */
+    onlyEmitDistinctChanges: boolean;
     selectedValueChanged: EventEmitter<any>;
     closed: EventEmitter<void>;
     /** The current active option based on numeric index. */
@@ -84,6 +91,6 @@ export declare class NgvDropdownListComponent implements OnInit, OnChanges {
      * @param key the result index which to scroll to.
      */
     scrollToResult(option: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvDropdownListComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
 }

package/v-angular/dropdown/dropdown.component.d.ts

@@ -1,7 +1,8 @@
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
-import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import { NggvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
 import { DropdownUtils, Option, OptionBase, OptionGroup } from '@sebgroup/green-angular/src/v-angular/core';
 import * as i0 from "@angular/core";
 /**
@@ -9,18 +10,21 @@ import * as i0 from "@angular/core";
  * Dropdowns enables users to make a quick selection of the available options for a specific entry.
  * https://designlibrary.sebgroup.com/components/component-dropdown
  */
-export declare class NgvDropdownComponent<K = string | null | undefined, V = string | null | undefined, T extends Option<K, V> = Option<K, V>> extends NgvBaseControlValueAccessorComponent implements OnDestroy, OnChanges {
+export declare class NggvDropdownComponent<K = string | null | undefined, V = string | null | undefined, T extends Option<K, V> = Option<K, V>> extends NggvBaseControlValueAccessorComponent implements OnDestroy, OnChanges {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     protected dropdownUtils: DropdownUtils<K, V, T>;
-    /** Custom template for displaying selected option. */
+    /** Custom template for displaying options and groups. */
     selectedContentTpl: TemplateRef<OptionBase<T>> | undefined;
     optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
+    groupLabelTpl: TemplateRef<OptionBase<any>> | undefined;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** Text shown before an option is selected. */
     placeholder?: string;
+    /** Specific value for aria-label. If not provided, label/labelTpl will be used. */
+    ariaLabel?: string;
     /** List of {@link Option} and {@link OptionGroup} listed when dropdown is expanded. */
     set options(value: OptionBase<T>[]);
     get options(): OptionBase<T>[];
@@ -94,6 +98,6 @@ export declare class NgvDropdownComponent<K = string | null | undefined, V = str
      * @param option the object to check.
      */
     isOption(option: OptionBase<T>): option is OptionGroup<T>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl"], ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
 }

package/v-angular/dropdown/dropdown.module.d.ts

@@ -2,11 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./dropdown.component";
 import * as i2 from "./dropdown-list/dropdown-list.component";
 import * as i3 from "@angular/common";
-import * as i4 from "./typeahead/typeahead.module";
-import * as i5 from "@sebgroup/green-angular/src/v-angular/tooltip";
-import * as i6 from "@sebgroup/green-angular/src/v-angular/i18n";
-export declare class NgvDropdownModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvDropdownModule, [typeof i1.NgvDropdownComponent, typeof i2.NgvDropdownListComponent], [typeof i3.CommonModule, typeof i4.NgvTypeaheadModule, typeof i5.NgvTooltipModule, typeof i6.NgvI18nModule], [typeof i1.NgvDropdownComponent, typeof i2.NgvDropdownListComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvDropdownModule>;
+import * as i4 from "@sebgroup/green-angular/src/lib/shared";
+import * as i5 from "./typeahead/typeahead.module";
+import * as i6 from "@sebgroup/green-angular/src/v-angular/tooltip";
+import * as i7 from "@sebgroup/green-angular/src/v-angular/i18n";
+export declare class NggvDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDropdownModule, [typeof i1.NggvDropdownComponent, typeof i2.NggvDropdownListComponent], [typeof i3.CommonModule, typeof i4.NggCoreWrapperModule, typeof i5.NggvTypeaheadModule, typeof i6.NggvTooltipModule, typeof i7.NggvI18nModule], [typeof i1.NggvDropdownComponent, typeof i2.NggvDropdownListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDropdownModule>;
 }

package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts

@@ -1,13 +1,13 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { TranslocoScope } from '@jsverse/transloco';
 import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
-import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
-import { NgvDropdownListComponent } from '../../dropdown-list/dropdown-list.component';
+import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NggvDropdownListComponent } from '../../dropdown-list/dropdown-list.component';
 import * as i0 from "@angular/core";
-export declare class NgvTypeaheadDropdownListComponent extends NgvDropdownListComponent implements OnInit, OnDestroy {
+export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
     protected translocoScope: TranslocoScope;
     private element;
-    hostComponent: NgvInputComponent;
+    hostComponent: NggvInputComponent;
     /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
     resultFormatter?: (option: OptionBase<any>) => string;
     /** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
@@ -29,6 +29,6 @@ export declare class NgvTypeaheadDropdownListComponent extends NgvDropdownListCo
      * @returns The formatted value
      */
     private formatSelected;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
 }

package/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.d.ts

@@ -1,6 +1,6 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class NgvTypeaheadHighlightComponent implements OnChanges {
+export declare class NggvTypeaheadHighlightComponent implements OnChanges {
     /** The text that is displayed in the dropdown list */
     textContent?: string;
     /** The substring that should be highlighted within textContent */
@@ -29,6 +29,6 @@ export declare class NgvTypeaheadHighlightComponent implements OnChanges {
      * @returns { start: number, end: number } Indexes of where the match starts and ends in the text displatyed
      */
     private getHighlightedPart;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadHighlightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadHighlightComponent, "nggv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadHighlightComponent, "nggv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
 }

package/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts

@@ -2,17 +2,17 @@ import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@an
 import { NgControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
 import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
-import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
-import { NgvDropdownComponent } from '../../dropdown.component';
+import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NggvDropdownComponent } from '../../dropdown.component';
 import * as i0 from "@angular/core";
-export declare class NgvTypeaheadInputComponent extends NgvInputComponent implements OnInit, OnDestroy {
+export declare class NggvTypeaheadInputComponent extends NggvInputComponent implements OnInit, OnDestroy {
     private element;
     private renderer2;
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     /** Reference to the host dropdown */
-    hostComponent: NgvDropdownComponent;
+    hostComponent: NggvDropdownComponent;
     /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
     resultFormatter?: (option: OptionBase<any>) => string;
     /** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
@@ -22,6 +22,8 @@ export declare class NgvTypeaheadInputComponent extends NgvInputComponent implem
     expanded: boolean;
     /** Used to determine the height of the inputin html */
     buttonHeight?: number;
+    /** @internal Used to determine wether the input has been moved or not */
+    inputMoved: boolean;
     constructor(element: ElementRef, renderer2: Renderer2, ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     /**
@@ -54,6 +56,6 @@ export declare class NgvTypeaheadInputComponent extends NgvInputComponent implem
      * @param input
      */
     private setInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadInputComponent, [null, null, { optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadInputComponent, "nggv-typeahead-input", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadInputComponent, [null, null, { optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadInputComponent, "nggv-typeahead-input", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
 }

package/v-angular/dropdown/typeahead/typeahead.directive.d.ts

@@ -1,12 +1,12 @@
 import { ComponentRef, ElementRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { OperatorFunction } from 'rxjs';
 import { Option, OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
-import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
-import { NgvDropdownComponent } from '../dropdown.component';
-import { NgvTypeaheadDropdownListComponent } from '../typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component';
-import { NgvTypeaheadInputComponent } from './typeahead-input/typeahead-input.component';
+import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NggvDropdownComponent } from '../dropdown.component';
+import { NggvTypeaheadDropdownListComponent } from '../typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component';
+import { NggvTypeaheadInputComponent } from './typeahead-input/typeahead-input.component';
 import * as i0 from "@angular/core";
-export declare class NgvTypeaheadDirective<K = string | null | undefined, V = string | null | undefined, T extends Option<K, V> = Option<K, V>> implements OnInit, OnDestroy {
+export declare class NggvTypeaheadDirective<K = string | null | undefined, V = string | null | undefined, T extends Option<K, V> = Option<K, V>> implements OnInit, OnDestroy {
     private viewContainerRef;
     private element;
     private hostDropdown;
@@ -21,24 +21,26 @@ export declare class NgvTypeaheadDirective<K = string | null | undefined, V = st
     allowUnselect: boolean;
     /** Custom label for the unselect option */
     unselectLabel?: string;
+    /** Custom label for the empty option */
+    emptyOptionLabel?: string;
     /** Emits the entered string the user has written in the input */
     filterPhraseChange: EventEmitter<string>;
     /** Forward text inputs to apply the filter function*/
-    onNgvInput(event: any): void;
+    onNggvInput(event: any): void;
     /** Helper to the determine if the host is nggv-drodpown or nggv-input*/
     get hostIsDropdown(): boolean;
     /** Predefined options */
     get defaultNullishOption(): OptionBase<any>;
     get emptyOption(): OptionBase<any>;
-    /** Name of the component. nggv-dropdown if NgvDropdownComponent or nggv-input if NgvInputComponent */
+    /** Name of the component. nggv-dropdown if NggvDropdownComponent or nggv-input if NggvInputComponent */
     get localName(): any;
-    dropdownListComponent: ComponentRef<NgvTypeaheadDropdownListComponent>;
-    inputComponent: ComponentRef<NgvTypeaheadInputComponent>;
+    dropdownListComponent: ComponentRef<NggvTypeaheadDropdownListComponent>;
+    inputComponent: ComponentRef<NggvTypeaheadInputComponent>;
     private typeaheadFunction?;
     private inputValue$;
     private inputSubscription$?;
     private onDestroy$;
-    constructor(viewContainerRef: ViewContainerRef, element: ElementRef, hostDropdown: NgvDropdownComponent, hostInput: NgvInputComponent);
+    constructor(viewContainerRef: ViewContainerRef, element: ElementRef, hostDropdown: NggvDropdownComponent, hostInput: NggvInputComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -71,6 +73,6 @@ export declare class NgvTypeaheadDirective<K = string | null | undefined, V = st
      * @returns The formatted value
      */
     private formatOptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadDirective<any, any, any>, [null, null, { optional: true; host: true; }, { optional: true; host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvTypeaheadDirective<any, any, any>, "nggv-input[nggvTypeahead], nggv-dropdown[nggvTypeahead]", never, { "nggvTypeahead": { "alias": "nggvTypeahead"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "unselectLabel": { "alias": "unselectLabel"; "required": false; }; }, { "filterPhraseChange": "filterPhraseChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDirective<any, any, any>, [null, null, { optional: true; host: true; }, { optional: true; host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvTypeaheadDirective<any, any, any>, "nggv-input[nggvTypeahead], nggv-dropdown[nggvTypeahead]", never, { "nggvTypeahead": { "alias": "nggvTypeahead"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "unselectLabel": { "alias": "unselectLabel"; "required": false; }; "emptyOptionLabel": { "alias": "emptyOptionLabel"; "required": false; }; }, { "filterPhraseChange": "filterPhraseChange"; }, never, never, true, never>;
 }

package/v-angular/dropdown/typeahead/typeahead.module.d.ts

@@ -4,8 +4,8 @@ import * as i2 from "./typeahead-input/typeahead-input.component";
 import * as i3 from "./typeahead-dropdown-list/typeahead-dropdown-list.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@sebgroup/green-angular/src/v-angular/tooltip";
-export declare class NgvTypeaheadModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvTypeaheadModule, [typeof i1.NgvTypeaheadHighlightComponent, typeof i2.NgvTypeaheadInputComponent, typeof i3.NgvTypeaheadDropdownListComponent], [typeof i4.CommonModule, typeof i5.NgvTooltipModule], [typeof i1.NgvTypeaheadHighlightComponent, typeof i2.NgvTypeaheadInputComponent, typeof i3.NgvTypeaheadDropdownListComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvTypeaheadModule>;
+export declare class NggvTypeaheadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTypeaheadModule, [typeof i1.NggvTypeaheadHighlightComponent, typeof i2.NggvTypeaheadInputComponent, typeof i3.NggvTypeaheadDropdownListComponent], [typeof i4.CommonModule, typeof i5.NggvTooltipModule], [typeof i1.NggvTypeaheadHighlightComponent, typeof i2.NggvTypeaheadInputComponent, typeof i3.NggvTypeaheadDropdownListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTypeaheadModule>;
 }

package/v-angular/external-link/external-link.directive.d.ts

@@ -0,0 +1,17 @@
+import { OnInit } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import * as i0 from "@angular/core";
+/** Directive overrides routerLink attribute to allow external links. */
+export declare class NggvExternalLinkDirective implements OnInit {
+    protected link: RouterLink;
+    /** If set to true, links will trigger a location change rather than an internal history push. */
+    external: boolean;
+    /**
+     * Creates a new ExternalLinkDirective
+     * @param link extracted routerLink metadata
+     */
+    constructor(link: RouterLink);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvExternalLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvExternalLinkDirective, "a[routerLink]", never, { "external": { "alias": "external"; "required": false; }; }, {}, never, never, false, never>;
+}

package/v-angular/external-link/external-link.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./external-link.directive";
+import * as i2 from "@angular/common";
+export declare class NggvExternalLinkDirectiveModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvExternalLinkDirectiveModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvExternalLinkDirectiveModule, [typeof i1.NggvExternalLinkDirective], [typeof i2.CommonModule], [typeof i1.NggvExternalLinkDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvExternalLinkDirectiveModule>;
+}

package/v-angular/external-link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './external-link.directive';
+export * from './external-link.module';

package/v-angular/i18n/i18n.module.d.ts

@@ -1,15 +1,15 @@
 import { HashMap, TranslocoMissingHandler, TranslocoMissingHandlerData, TranslocoTranspiler } from '@jsverse/transloco';
 import * as i0 from "@angular/core";
 import * as i1 from "@jsverse/transloco";
-export declare class NgvMissingHandler implements TranslocoMissingHandler {
+export declare class NggvMissingHandler implements TranslocoMissingHandler {
     private transpiler;
     constructor(transpiler: TranslocoTranspiler);
     handle(key: string, _: TranslocoMissingHandlerData, params: HashMap): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvMissingHandler, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NgvMissingHandler>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvMissingHandler, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NggvMissingHandler>;
 }
-export declare class NgvI18nModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvI18nModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvI18nModule, never, never, [typeof i1.TranslocoModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvI18nModule>;
+export declare class NggvI18nModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvI18nModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvI18nModule, never, never, [typeof i1.TranslocoModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvI18nModule>;
 }

package/v-angular/i18n/i18n.test.module.d.ts

@@ -20,8 +20,8 @@ export declare class TranslocoMockInterceptor implements TranslocoInterceptor {
     preSaveTranslation(translation: Translation, _lang: string): Translation;
     preSaveTranslationKey(_key: string, value: string, _lang: string): string;
 }
-export declare class NgvI18nTestModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvI18nTestModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvI18nTestModule, [typeof TranslocoMockPipe], [typeof i1.CommonModule], [typeof TranslocoMockPipe]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvI18nTestModule>;
+export declare class NggvI18nTestModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvI18nTestModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvI18nTestModule, [typeof TranslocoMockPipe], [typeof i1.CommonModule], [typeof TranslocoMockPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvI18nTestModule>;
 }

package/v-angular/index.d.ts

@@ -1,17 +1,27 @@
+export * from './account-number';
+export * from './alert';
 export * from './base-control-value-accessor';
 export * from './breadcrumbs';
 export * from './button';
 export * from './card';
 export * from './character-countdown';
 export * from './checkbox';
+export * from './datepicker';
+export * from './drag-drop';
 export * from './dropdown';
 export * from './dropdown/dropdown-list';
+export * from './external-link';
 export * from './i18n';
 export * from './info-circle';
 export * from './input';
 export * from './input-mask';
 export * from './modal';
+export * from './pagination';
 export * from './radio';
+export * from './slug';
+export * from './table';
+export * from './tabs';
 export * from './textarea';
+export * from './toast';
 export * from './tooltip';
 export * from './v-angular.module';

package/v-angular/info-circle/info-circle.component.d.ts

@@ -4,13 +4,13 @@ import * as i0 from "@angular/core";
  * A button that will present an explanation to a problem/question.
  * https://designlibrary.sebgroup.com/components/component-contextual-help-button
  */
-export declare class NgvInfoCircleComponent {
+export declare class NggvInfoCircleComponent {
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /**
      * Text to display in tooltip when mouse hovers over icon.
      */
     info: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInfoCircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInfoCircleComponent, "nggv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInfoCircleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvInfoCircleComponent, "nggv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
 }

package/v-angular/info-circle/info-circle.module.d.ts

@@ -3,8 +3,8 @@ import * as i1 from "./info-circle.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@sebgroup/green-angular/src/lib/shared";
 import * as i4 from "@sebgroup/green-angular/src/v-angular/tooltip";
-export declare class NgvInfoCircleModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInfoCircleModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInfoCircleModule, [typeof i1.NgvInfoCircleComponent], [typeof i2.CommonModule, typeof i3.NggCoreWrapperModule, typeof i4.NgvTooltipModule], [typeof i1.NgvInfoCircleComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInfoCircleModule>;
+export declare class NggvInfoCircleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInfoCircleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInfoCircleModule, [typeof i1.NggvInfoCircleComponent], [typeof i2.CommonModule, typeof i3.NggCoreWrapperModule, typeof i4.NggvTooltipModule], [typeof i1.NggvInfoCircleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInfoCircleModule>;
 }

package/v-angular/input/input.component.d.ts

@@ -3,20 +3,20 @@ import { NgControl, UntypedFormControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
 import { Subject } from 'rxjs';
 import type { InputmaskOptions } from '@sebgroup/green-angular/src/v-angular/input-mask';
-import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import { NggvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
 import * as i0 from "@angular/core";
 /**
  * Input fields allow users to add and edit text.
  * https://designlibrary.sebgroup.com/components/component-input
  */
-export declare class NgvInputComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+export declare class NggvInputComponent extends NggvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     /** Adding .gds-form-item as a class to host element */
     class: string;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** Type of input field. Should avoid types that modify field too much such as range. */
     type: string;
     /** Text shown before input has a written value. */
@@ -59,11 +59,6 @@ export declare class NgvInputComponent extends NgvBaseControlValueAccessorCompon
     pattern: string;
     /** Amount of time to wait until emitting (nggvINput) event */
     debounceTime: number;
-    /**
-     * @deprecated
-     * Text to put in badge
-     */
-    badgeText: string;
     /** Settings for input mask if requested */
     private _inputMask;
     set inputMask(newInputMask: InputmaskOptions<any>);
@@ -85,6 +80,6 @@ export declare class NgvInputComponent extends NgvBaseControlValueAccessorCompon
     cutTextAfterMaxLength(value: any): any;
     /** @internal */
     onInput(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "badgeText": { "alias": "badgeText"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
 }

package/v-angular/input/input.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@sebgroup/green-angular/src/v-angular/i18n";
 import * as i4 from "@sebgroup/green-angular/src/v-angular/input-mask";
 import * as i5 from "@angular/forms";
 import * as i6 from "@sebgroup/green-angular/src/v-angular/character-countdown";
-export declare class NgvInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInputModule, [typeof i1.NgvInputComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule, typeof i4.NgvInputMaskModule, typeof i5.ReactiveFormsModule, typeof i6.NggCharacterCountdownDirectiveModule], [typeof i1.NgvInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInputModule>;
+import * as i7 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputModule, [typeof i1.NggvInputComponent], [typeof i2.CommonModule, typeof i3.NggvI18nModule, typeof i4.NggvInputMaskModule, typeof i5.ReactiveFormsModule, typeof i6.NggvCharacterCountdownDirectiveModule, typeof i7.NggCoreWrapperModule], [typeof i1.NggvInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputModule>;
 }

package/v-angular/input-mask/input-mask.directive.d.ts

@@ -4,7 +4,7 @@ import type Inputmask from 'inputmask';
 import { InputMaskConfig } from './config';
 import type { InputmaskOptions } from './input-mask.types';
 import * as i0 from "@angular/core";
-export declare class NgvInputMaskDirective<T = any> implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
+export declare class NggvInputMaskDirective<T = any> implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
     ngControl: NgControl;
     private platformId;
     private elementRef;
@@ -34,6 +34,6 @@ export declare class NgvInputMaskDirective<T = any> implements OnInit, AfterView
     setDisabledState(disabled: boolean): void;
     private get control();
     private setNativeInputElement;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputMaskDirective<any>, [{ optional: true; self: true; }, null, null, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvInputMaskDirective<any>, "[nggvInputMask]", never, { "nggvInputMask": { "alias": "nggvInputMask"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputMaskDirective<any>, [{ optional: true; self: true; }, null, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvInputMaskDirective<any>, "[nggvInputMask]", never, { "nggvInputMask": { "alias": "nggvInputMask"; "required": false; }; }, {}, never, never, false, never>;
 }

package/v-angular/input-mask/input-mask.module.d.ts

@@ -3,9 +3,9 @@ import { InputMaskConfig } from './config';
 import * as i0 from "@angular/core";
 import * as i1 from "./input-mask.directive";
 import * as i2 from "./input-mask-format.pipe";
-export declare class NgvInputMaskModule {
-    static forRoot(config?: Partial<InputMaskConfig>): ModuleWithProviders<NgvInputMaskModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputMaskModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInputMaskModule, [typeof i1.NgvInputMaskDirective, typeof i2.InputMaskFormatPipe], never, [typeof i1.NgvInputMaskDirective, typeof i2.InputMaskFormatPipe]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInputMaskModule>;
+export declare class NggvInputMaskModule {
+    static forRoot(config?: Partial<InputMaskConfig>): ModuleWithProviders<NggvInputMaskModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputMaskModule, [typeof i1.NggvInputMaskDirective, typeof i2.InputMaskFormatPipe], never, [typeof i1.NggvInputMaskDirective, typeof i2.InputMaskFormatPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputMaskModule>;
 }

package/v-angular/modal/dialog/dialog.component.d.ts

@@ -1,18 +1,21 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
 import { DialogButtons } from '../modal.types';
 import * as i0 from "@angular/core";
 export interface DialogEvent<T = any> {
     original: Event | undefined;
     payload: T | undefined;
 }
-export declare class NgvDialogComponent implements OnInit {
+export declare class NggvDialogComponent implements OnInit {
+    private renderer;
     dialogRef: ElementRef | undefined;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** @internal */
     baseClass: boolean;
     /** @internal Defines the default visibility state of the dialog. */
-    shown: boolean;
+    private _shown;
+    set shown(value: boolean);
+    get shown(): boolean;
     /** @internal */
     get ariaHidden(): boolean;
     /** Defines the default visibility state of the dialog. */
@@ -31,9 +34,12 @@ export declare class NgvDialogComponent implements OnInit {
     /** An array of event payloads that will be added to every click context menu item click. */
     payload: any;
     dialogTitleId: string;
-    dialogBodyId: string;
+    /** Pass the null if you don't want dialog body to be announced by the screen reader */
+    dialogBodyId: string | null;
     /** It gives an ability for parent component to control if modal should be closed on esc button click. */
     closeModalOnEscape: boolean;
+    /** Aria label for the Close button with "X" icon, in the header */
+    closeButtonAriaLabel?: string;
     _buttons: DialogButtons | undefined;
     /** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
     set buttons(buttons: DialogButtons);
@@ -44,12 +50,15 @@ export declare class NgvDialogComponent implements OnInit {
     protected _previous: HTMLElement | undefined;
     protected _firstFocusable: HTMLElement | undefined;
     protected _lastFocusable: HTMLElement | undefined;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
     onAction(event: Event, action: string): void;
     open(opener?: HTMLElement): boolean;
     protected _limitFocusable(): void;
     close(event?: Event, initiator?: string): void;
     focusTrap(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
+    private hideOverflow;
+    private resetOverflow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
 }