@sebgroup/green-angular 4.6.0 → 4.6.2

package/index.d.ts

@@ -15,21 +15,3 @@ export * from './lib/context-menu';
 export * from './lib/sortable-list';
 export * from './lib/cell-table';
 export * from './lib/shared/core-element';
-/**
- * V-Angular exports
- */
-export * from './v-angular/base-control-value-accessor';
-export * from './v-angular/breadcrumbs';
-export * from './v-angular/button';
-export * from './v-angular/card';
-export * from './v-angular/checkbox';
-export * from './v-angular/dropdown';
-export * from './v-angular/dropdown/dropdown-list';
-export * from './v-angular/i18n';
-export * from './v-angular/info-circle';
-export * from './v-angular/input';
-export * from './v-angular/input-mask';
-export * from './v-angular/modal';
-export * from './v-angular/radio';
-export * from './v-angular/textarea';
-export * from './v-angular/tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "4.6.0",
+  "version": "4.6.2",
   "peerDependencies": {
     "@angular/cdk": ">=16.2.14",
     "@angular/common": ">=16.2.12",
@@ -17,8 +17,8 @@
     "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.40.0",
-    "@sebgroup/chlorophyll": "^3.6.3",
+    "@sebgroup/green-core": "^1.43.0",
+    "@sebgroup/chlorophyll": "^3.6.4",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"
   },
@@ -51,6 +51,12 @@
       "esm": "./esm2022/sebgroup-green-angular.mjs",
       "default": "./fesm2022/sebgroup-green-angular.mjs"
     },
+    "./v-angular": {
+      "types": "./v-angular/index.d.ts",
+      "esm2022": "./esm2022/v-angular/sebgroup-green-angular-v-angular.mjs",
+      "esm": "./esm2022/v-angular/sebgroup-green-angular-v-angular.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-v-angular.mjs"
+    },
     "./src/lib/accordion": {
       "types": "./src/lib/accordion/index.d.ts",
       "esm2022": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",

package/src/v-angular/breadcrumbs/breadcrumbs.component.d.ts

@@ -13,6 +13,6 @@ export declare class NgvBreadcrumbsComponent {
     /** List of breadcrumbs to present. */
     breadcrumbs: Breadcrumb[];
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "ngv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "nggv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

package/src/v-angular/button/button.component.d.ts

@@ -58,5 +58,5 @@ export declare class NgvButtonComponent extends NgvBaseControlValueAccessorCompo
     /** @internal */
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "ngv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "ngvClick": "ngvClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "nggv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "ngvClick": "ngvClick"; }, never, ["*"], false, never>;
 }

package/src/v-angular/card/card.component.d.ts

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

package/src/v-angular/checkbox/checkbox.component.d.ts

@@ -23,5 +23,5 @@ export declare class NgvCheckboxComponent extends NgvBaseControlValueAccessorCom
     /** Registers a callback function that is called when the child input element's value changes. */
     registerOnChange(fn: (checked: any) => any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "ngv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
 }

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

@@ -85,5 +85,5 @@ export declare class NgvDropdownListComponent implements OnInit, OnChanges {
      */
     scrollToResult(option: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvDropdownListComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDropdownListComponent, "ngv-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 ɵ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>;
 }

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

@@ -95,5 +95,5 @@ export declare class NgvDropdownComponent<K = string | null | undefined, V = str
      */
     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>, "ngv-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 ɵ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>;
 }

package/src/v-angular/dropdown/typeahead/index.d.ts

@@ -1,2 +1,5 @@
 export * from './typeahead-highlight/typeahead-highlight.component';
 export * from './typeahead-input/typeahead-input.component';
+export * from './typeahead-dropdown-list/typeahead-dropdown-list.component';
+export * from './typeahead.directive';
+export * from './typeahead.module';

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

@@ -30,5 +30,5 @@ export declare class NgvTypeaheadDropdownListComponent extends NgvDropdownListCo
      */
     private formatSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadDropdownListComponent, "ngv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+    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>;
 }

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

@@ -30,5 +30,5 @@ export declare class NgvTypeaheadHighlightComponent implements OnChanges {
      */
     private getHighlightedPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadHighlightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadHighlightComponent, "ngv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadHighlightComponent, "nggv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -55,5 +55,5 @@ export declare class NgvTypeaheadInputComponent extends NgvInputComponent implem
      */
     private setInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadInputComponent, [null, null, { optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadInputComponent, "ngv-typeahead-input", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+    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>;
 }

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

@@ -0,0 +1,76 @@
+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 { NgvDropdownComponent } from '../dropdown.component';
+import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NgvTypeaheadDropdownListComponent } from '../typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component';
+import { NgvTypeaheadInputComponent } 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 {
+    private viewContainerRef;
+    private element;
+    private hostDropdown;
+    private hostInput;
+    /** Function that filter the inputvalue */
+    set ngvTypeahead(value: OperatorFunction<string, T[]> | undefined);
+    /** 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 */
+    selectedFormatter?: (selected: OptionBase<any>) => string;
+    /** Allow option to be unselected in the dropdown even if it is required. Defaults to true */
+    allowUnselect: boolean;
+    /** Custom label for the unselect option */
+    unselectLabel?: 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;
+    /** 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 */
+    get localName(): any;
+    dropdownListComponent: ComponentRef<NgvTypeaheadDropdownListComponent>;
+    inputComponent: ComponentRef<NgvTypeaheadInputComponent>;
+    private typeaheadFunction?;
+    private inputValue$;
+    private inputSubscription$?;
+    private onDestroy$;
+    constructor(viewContainerRef: ViewContainerRef, element: ElementRef, hostDropdown: NgvDropdownComponent, hostInput: NgvInputComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @internal
+     * Core functionality of typeahead. Emits input, then filters the result based on the supplied function
+     * If directive is applied on nggv-input, manually show or hide options in the list.
+     * If directive is applied on nggv-dropdown, let the dropdown itself choose when to open or close
+     */
+    private handleInputChanges;
+    /**
+     * @internal
+     * Creates a nggv-input if the host itself is not a text-input
+     * Set styles to not display the input when closed
+     * Trigger filtering when changes occur in the field
+     * */
+    private createInput;
+    /** @internal Creates a nggv-dropdown-list if the host itself is a nggv-input */
+    private createDropdownList;
+    /**
+     * @internal Sets the options the user can select.
+     * If the host is a nggv-dropdown, utilize the dropdown itself to display the options
+     * If the host is a nggv-input, use the created nggv-dropdown-list to displaye the options
+     * @param filteredValues The options to display in the dropdown
+     * @param emptyInput If the input is empty
+     */
+    private setOptions;
+    /**
+     * @internal Formats the available options to display in the dropdown list
+     * @param options The selected value
+     * @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[ngvTypeahead]", never, { "ngvTypeahead": { "alias": "ngvTypeahead"; "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>;
+}

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

@@ -12,5 +12,5 @@ export declare class NgvInfoCircleComponent {
      */
     info: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvInfoCircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInfoCircleComponent, "ngv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInfoCircleComponent, "nggv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -86,5 +86,5 @@ export declare class NgvInputComponent extends NgvBaseControlValueAccessorCompon
     /** @internal */
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInputComponent, "ngv-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; }; }, { "ngvInput": "ngvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+    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; }; }, { "ngvInput": "ngvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
 }

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

@@ -51,5 +51,5 @@ export declare class NgvDialogComponent implements OnInit {
     close(event?: Event, initiator?: string): void;
     focusTrap(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDialogComponent, "ngv-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; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*"], false, 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; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*"], false, never>;
 }

package/src/v-angular/modal/fold-out/fold-out.component.d.ts

@@ -20,5 +20,5 @@ export declare class NgvFoldOutComponent implements OnDestroy {
      */
     subscribeToOutsideClickEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvFoldOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvFoldOutComponent, "ngv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/src/v-angular/modal/slide-out/slide-out.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * The modal title can be set using the @Input heading, and will automatically be translated if
  * the string matches a cms key.
  * Content can be injected into the body of the slide-out by either setting the @Input content to any type of
- * markdown, or using content projection (adding content between the `ngv-slideout-modal`-start and end tag).
+ * markdown, or using content projection (adding content between the `nggv-slideout-modal`-start and end tag).
  * If the content needs to stretch outside the normal padded area, add the attribute `slot="outside-content"` to the
  * projected content main element.
  * Test hooks:
@@ -72,5 +72,5 @@ export declare class NgvSlideOutComponent implements OnInit {
     focusTrap(event: KeyboardEvent): void;
     private limitFocusable;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvSlideOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvSlideOutComponent, "ngv-slideout-modal", never, { "side": { "alias": "side"; "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; }; "closable": { "alias": "closable"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvSlideOutComponent, "nggv-slideout-modal", never, { "side": { "alias": "side"; "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; }; "closable": { "alias": "closable"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
 }

package/src/v-angular/radio/radio.component.d.ts

@@ -44,5 +44,5 @@ export declare class NgvRadioComponent extends NgvBaseControlValueAccessorCompon
     /** Checks that the name properties match and updates name property if only formControlName is given. */
     private _checkName;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvRadioComponent, "ngv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/src/v-angular/textarea/textarea.component.d.ts

@@ -40,5 +40,5 @@ export declare class NgvTextareaComponent extends NgvBaseControlValueAccessorCom
     /** @internal */
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTextareaComponent, "ngv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -13,6 +13,6 @@ export declare class NgvBreadcrumbsComponent {
     /** List of breadcrumbs to present. */
     breadcrumbs: Breadcrumb[];
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "ngv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "nggv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

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

@@ -58,5 +58,5 @@ export declare class NgvButtonComponent extends NgvBaseControlValueAccessorCompo
     /** @internal */
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "ngv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "ngvClick": "ngvClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "nggv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "ngvClick": "ngvClick"; }, never, ["*"], false, never>;
 }

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

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

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

@@ -23,5 +23,5 @@ export declare class NgvCheckboxComponent extends NgvBaseControlValueAccessorCom
     /** Registers a callback function that is called when the child input element's value changes. */
     registerOnChange(fn: (checked: any) => any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "ngv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
 }

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

@@ -85,5 +85,5 @@ export declare class NgvDropdownListComponent implements OnInit, OnChanges {
      */
     scrollToResult(option: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvDropdownListComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDropdownListComponent, "ngv-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 ɵ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>;
 }

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

@@ -95,5 +95,5 @@ export declare class NgvDropdownComponent<K = string | null | undefined, V = str
      */
     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>, "ngv-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 ɵ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>;
 }

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

@@ -1,2 +1,5 @@
 export * from './typeahead-highlight/typeahead-highlight.component';
 export * from './typeahead-input/typeahead-input.component';
+export * from './typeahead-dropdown-list/typeahead-dropdown-list.component';
+export * from './typeahead.directive';
+export * from './typeahead.module';

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

@@ -30,5 +30,5 @@ export declare class NgvTypeaheadDropdownListComponent extends NgvDropdownListCo
      */
     private formatSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadDropdownListComponent, "ngv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+    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>;
 }

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

@@ -30,5 +30,5 @@ export declare class NgvTypeaheadHighlightComponent implements OnChanges {
      */
     private getHighlightedPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadHighlightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadHighlightComponent, "ngv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadHighlightComponent, "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

@@ -55,5 +55,5 @@ export declare class NgvTypeaheadInputComponent extends NgvInputComponent implem
      */
     private setInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvTypeaheadInputComponent, [null, null, { optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadInputComponent, "ngv-typeahead-input", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+    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>;
 }

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

@@ -0,0 +1,76 @@
+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 { NgvDropdownComponent } from '../dropdown.component';
+import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NgvTypeaheadDropdownListComponent } from '../typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component';
+import { NgvTypeaheadInputComponent } 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 {
+    private viewContainerRef;
+    private element;
+    private hostDropdown;
+    private hostInput;
+    /** Function that filter the inputvalue */
+    set ngvTypeahead(value: OperatorFunction<string, T[]> | undefined);
+    /** 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 */
+    selectedFormatter?: (selected: OptionBase<any>) => string;
+    /** Allow option to be unselected in the dropdown even if it is required. Defaults to true */
+    allowUnselect: boolean;
+    /** Custom label for the unselect option */
+    unselectLabel?: 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;
+    /** 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 */
+    get localName(): any;
+    dropdownListComponent: ComponentRef<NgvTypeaheadDropdownListComponent>;
+    inputComponent: ComponentRef<NgvTypeaheadInputComponent>;
+    private typeaheadFunction?;
+    private inputValue$;
+    private inputSubscription$?;
+    private onDestroy$;
+    constructor(viewContainerRef: ViewContainerRef, element: ElementRef, hostDropdown: NgvDropdownComponent, hostInput: NgvInputComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @internal
+     * Core functionality of typeahead. Emits input, then filters the result based on the supplied function
+     * If directive is applied on nggv-input, manually show or hide options in the list.
+     * If directive is applied on nggv-dropdown, let the dropdown itself choose when to open or close
+     */
+    private handleInputChanges;
+    /**
+     * @internal
+     * Creates a nggv-input if the host itself is not a text-input
+     * Set styles to not display the input when closed
+     * Trigger filtering when changes occur in the field
+     * */
+    private createInput;
+    /** @internal Creates a nggv-dropdown-list if the host itself is a nggv-input */
+    private createDropdownList;
+    /**
+     * @internal Sets the options the user can select.
+     * If the host is a nggv-dropdown, utilize the dropdown itself to display the options
+     * If the host is a nggv-input, use the created nggv-dropdown-list to displaye the options
+     * @param filteredValues The options to display in the dropdown
+     * @param emptyInput If the input is empty
+     */
+    private setOptions;
+    /**
+     * @internal Formats the available options to display in the dropdown list
+     * @param options The selected value
+     * @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[ngvTypeahead]", never, { "ngvTypeahead": { "alias": "ngvTypeahead"; "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>;
+}

package/v-angular/index.d.ts

@@ -0,0 +1,16 @@
+export * from './base-control-value-accessor';
+export * from './breadcrumbs';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './dropdown';
+export * from './dropdown/dropdown-list';
+export * from './i18n';
+export * from './info-circle';
+export * from './input';
+export * from './input-mask';
+export * from './modal';
+export * from './radio';
+export * from './textarea';
+export * from './tooltip';
+export * from './v-angular.module';

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

@@ -12,5 +12,5 @@ export declare class NgvInfoCircleComponent {
      */
     info: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvInfoCircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInfoCircleComponent, "ngv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInfoCircleComponent, "nggv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -86,5 +86,5 @@ export declare class NgvInputComponent extends NgvBaseControlValueAccessorCompon
     /** @internal */
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInputComponent, "ngv-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; }; }, { "ngvInput": "ngvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+    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; }; }, { "ngvInput": "ngvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
 }

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

@@ -51,5 +51,5 @@ export declare class NgvDialogComponent implements OnInit {
     close(event?: Event, initiator?: string): void;
     focusTrap(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDialogComponent, "ngv-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; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*"], false, 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; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*"], false, never>;
 }

package/v-angular/modal/fold-out/fold-out.component.d.ts

@@ -20,5 +20,5 @@ export declare class NgvFoldOutComponent implements OnDestroy {
      */
     subscribeToOutsideClickEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvFoldOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvFoldOutComponent, "ngv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/v-angular/modal/slide-out/slide-out.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * The modal title can be set using the @Input heading, and will automatically be translated if
  * the string matches a cms key.
  * Content can be injected into the body of the slide-out by either setting the @Input content to any type of
- * markdown, or using content projection (adding content between the `ngv-slideout-modal`-start and end tag).
+ * markdown, or using content projection (adding content between the `nggv-slideout-modal`-start and end tag).
  * If the content needs to stretch outside the normal padded area, add the attribute `slot="outside-content"` to the
  * projected content main element.
  * Test hooks:
@@ -72,5 +72,5 @@ export declare class NgvSlideOutComponent implements OnInit {
     focusTrap(event: KeyboardEvent): void;
     private limitFocusable;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvSlideOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvSlideOutComponent, "ngv-slideout-modal", never, { "side": { "alias": "side"; "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; }; "closable": { "alias": "closable"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvSlideOutComponent, "nggv-slideout-modal", never, { "side": { "alias": "side"; "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; }; "closable": { "alias": "closable"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
 }

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

@@ -44,5 +44,5 @@ export declare class NgvRadioComponent extends NgvBaseControlValueAccessorCompon
     /** Checks that the name properties match and updates name property if only formControlName is given. */
     private _checkName;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvRadioComponent, "ngv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
 }