@sebgroup/green-angular 4.5.0 → 4.6.1

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

@@ -0,0 +1,99 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } 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";
+/**
+ * A dropdown allows the user to select an option from a list.
+ * 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 {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    protected dropdownUtils: DropdownUtils<K, V, T>;
+    /** Custom template for displaying selected option. */
+    selectedContentTpl: TemplateRef<OptionBase<T>> | undefined;
+    optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Text shown before an option is selected. */
+    placeholder?: string;
+    /** List of {@link Option} and {@link OptionGroup} listed when dropdown is expanded. */
+    set options(value: OptionBase<T>[]);
+    get options(): OptionBase<T>[];
+    /** The additional amount to show when option is scrolled into view. */
+    scrollOffset: number;
+    /**
+     * Allow this component to add/ remove nullish options based on wether the control is required or not
+     * Defaults to true.
+     */
+    allowControlNullishOption: boolean;
+    /** Text to highlight in option */
+    textToHighlight?: string;
+    /**
+     * If only one option exists in options[], default is to select it.
+     * This input can be used to alter that behaviour so it doesn't automatically
+     * select a value if it's the only one.
+     * Defaults to true.
+     */
+    selectOnSingleOption: boolean;
+    /**
+     * Emits changes of the expanded state of the dropdown
+     */
+    expandedChange: EventEmitter<boolean>;
+    /** @internal nullish option. */
+    get defaultNullishOption(): OptionBase<any>;
+    /** The current expanded state of the dropdown options. */
+    expanded: boolean;
+    /** The current option selected based on numeric index. */
+    activeIndex: number;
+    /** Subscribe if dropdown expanded to listen to click outside to close dropdown. */
+    private onClickSubscription;
+    keyEvent: KeyboardEvent;
+    private _options;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, dropdownUtils: DropdownUtils<K, V, T>);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal override to correctly set state from form value */
+    writeValue(value: any): void;
+    /** @internal */
+    onSelectChange(option: T): void;
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * Closes the dropdown on click outside.
+     */
+    subscribeToOutsideClickEvent(): void;
+    /**
+     * Set the dropdown value to given option.
+     * @param value the dropdown option to select.
+     */
+    private updateModel;
+    /** Toggle the expanded state of the dropdown options. */
+    toggleDropdown(): void;
+    /**
+     * Set the expanded state of the dropdown options. If true the options are shown below the field.
+     * Activate on click event to be able to close dropdown on click outside.
+     * @param state the expanded state which to set.
+     */
+    setExpanded(state?: boolean): void;
+    /**
+     * Typecast anything to an {@link Option}.
+     * @param option the object to typecast.
+     */
+    castOption(option: any): T;
+    /**
+     * Typecast anything to an {@link OptionGroup}.
+     * @param group the object to typecast.
+     */
+    castGroup(group: any): OptionGroup<T>;
+    /**
+     * Returns true if argument is an {@link Option}.
+     * @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>;
+}

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

@@ -0,0 +1,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>;
+}

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

@@ -0,0 +1,5 @@
+export * from './dropdown.component';
+export * from './dropdown.module';
+export * from './dropdown-list';
+export * from './typeahead';
+export * from './dropdown-list';

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

@@ -0,0 +1,2 @@
+export * from './typeahead-highlight/typeahead-highlight.component';
+export * from './typeahead-input/typeahead-input.component';

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

@@ -0,0 +1,34 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { TranslocoScope } from '@ngneat/transloco';
+import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
+import { NgvDropdownListComponent } from '../../dropdown-list/dropdown-list.component';
+import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import * as i0 from "@angular/core";
+export declare class NgvTypeaheadDropdownListComponent extends NgvDropdownListComponent implements OnInit, OnDestroy {
+    protected translocoScope: TranslocoScope;
+    private element;
+    hostComponent: NgvInputComponent;
+    /** 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;
+    private _destroy$;
+    constructor(translocoScope: TranslocoScope, element: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @Internal Subscribe to click outside dropdownList and input to close dropdownList */
+    private subscribeToOutsideClickEvent;
+    /** @Internal Update state of the host-input to reflect the selected value */
+    private handleSelectedValueChanges;
+    /** @Internal Expand the dropdown when input receives focus. If no state, set empty string in input */
+    private handleFocusChanges;
+    /**
+     * @internal Formats the selected option to display in the input. Interpolate the returned value
+     * since we don't know the return type or label type.
+     * @param value The selected value
+     * @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>;
+}

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

@@ -0,0 +1,34 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgvTypeaheadHighlightComponent implements OnChanges {
+    /** The text that is displayed in the dropdown list */
+    textContent?: string;
+    /** The substring that should be highlighted within textContent */
+    textToHighlight?: string;
+    prefix?: string;
+    match?: string;
+    suffix?: string;
+    text: string;
+    input: string;
+    /**
+     * Regexp of characters that are allowed in textContent without being found in textToHighlight
+     * Allow whitespaces.
+     * */
+    allowedNonMatchingChars: RegExp;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateValues;
+    /**
+     * Function that finds the start and end index of where the input is located within the text to display.
+     * First occurence is returned. Allows for spaces to occur despite input not matching space.
+     * Loops through each character in splittedText and when a char in splittedText equlas the first character of
+     * splittedInput, evaluate wether it's match on the entire input.
+     * - If it's => return indexes.
+     * - If it's not => break out and check next char in outer loop.
+     * @param splittedText the text content splitted in an array
+     * @param splittedInput the input splitted in an array
+     * @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>;
+}

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

@@ -0,0 +1,59 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { 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 * as i0 from "@angular/core";
+export declare class NgvTypeaheadInputComponent extends NgvInputComponent implements OnInit, OnDestroy {
+    private element;
+    private renderer2;
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Reference to the host dropdown */
+    hostComponent: NgvDropdownComponent;
+    /** 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;
+    get dropdownButton(): HTMLElement;
+    /** Boolean to indicate wether the dropdown is expanded or not, to apply appropriate styling */
+    expanded: boolean;
+    /** Used to determine the height of the inputin html */
+    buttonHeight?: number;
+    constructor(element: ElementRef, renderer2: Renderer2, ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * @internal
+     * Allow space to be inputted as text
+     * @param event fired containing which key was released.
+     */
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * @internal
+     * First time the dropdown is expanded, move the input sp it becomes a child of the dropdown button
+     * to better reflect semantics and styling.
+     */
+    private moveInput;
+    /**
+     * @internal
+     * When dropdown is expanded, focus on the input. If a value is selected, set it in the input.
+     * When the dropdown is collapsed, empty the input from text.
+     */
+    private handleExpandedChange;
+    /**
+     * @internal Formats the selected option to display in the input. Interpolate the returned value
+     * since we don't know the return type or label type.
+     * @param value The selected value
+     * @returns The formatted value
+     */
+    private formatSelected;
+    /**
+     * Sets the input programmatically instead of native HTML input event.
+     * @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>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./typeahead-highlight/typeahead-highlight.component";
+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>;
+}

package/src/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 NgvExternalLinkDirective 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<NgvExternalLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvExternalLinkDirective, "a[routerLink]", never, { "external": { "alias": "external"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/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 NgvExternalLinkDirectiveModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvExternalLinkDirectiveModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvExternalLinkDirectiveModule, [typeof i1.NgvExternalLinkDirective], [typeof i2.CommonModule], [typeof i1.NgvExternalLinkDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvExternalLinkDirectiveModule>;
+}

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

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

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

@@ -0,0 +1,15 @@
+import { HashMap, TranslocoMissingHandler, TranslocoMissingHandlerData, TranslocoTranspiler } from '@ngneat/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngneat/transloco";
+export declare class NgvMissingHandler 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>;
+}
+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>;
+}

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

@@ -0,0 +1,27 @@
+import { PipeTransform } from '@angular/core';
+import { HashMap, Translation, TranslocoConfig, TranslocoFallbackStrategy, TranslocoInterceptor, TranslocoMissingHandler, TranslocoTranspilerFunction } from '@ngneat/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export declare class TranslocoMockPipe implements PipeTransform {
+    transform: (value: number) => number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslocoMockPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslocoMockPipe, "transloco", false>;
+}
+export declare class TranslocoMockTranspiler implements TranslocoTranspilerFunction {
+    transpile: (..._args: string[]) => string;
+}
+export declare class TranslocoMockMissingHandler implements TranslocoMissingHandler {
+    handle: (key: string, _: TranslocoConfig, _params: HashMap) => string;
+}
+export declare class TranslocoMockStrategy implements TranslocoFallbackStrategy {
+    getNextLangs: (_failedLang: string) => any;
+}
+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>;
+}

package/src/v-angular/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export * from './i18n.module';
+export * from './i18n.test.module';

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

@@ -0,0 +1,2 @@
+export * from './info-circle.component';
+export * from './info-circle.module';

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

@@ -0,0 +1,16 @@
+import '@sebgroup/green-core/components/icon/icons/circle-info';
+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 {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /**
+     * 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>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+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>;
+}

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

@@ -0,0 +1,2 @@
+export * from './input.component';
+export * from './input.module';

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

@@ -0,0 +1,90 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { NgControl, UntypedFormControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { TranslocoScope } from '@ngneat/transloco';
+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 * 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 {
+    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;
+    /** 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. */
+    placeholder?: string;
+    /** If set to "on", hint for form autofill feature. */
+    autocomplete: string;
+    /** If set to true, the value will not be editable. */
+    readonly: boolean;
+    /** If set to true, enables the Angular template-driven email validator. */
+    email: boolean;
+    /** Minimum value required for numeric input types. */
+    min: number;
+    /** Maximum value required for numeric input types. */
+    max: number;
+    /** Incremental values that are valid for numeric input types. */
+    step: number;
+    /** Minimum length (number of characters) of value. */
+    set minLength(length: number);
+    /**
+     * Minimum length (number of characters) of value.
+     * @deprecated minlength triggers angular-template-validation. Use @Input() minLength instead.
+     */
+    set minlength(length: number);
+    get minlength(): number;
+    /** Maximum length (number of characters) of value. */
+    set maxLength(length: number);
+    get maxlength(): number;
+    /**
+     * Maximum length (number of characters) of value.
+     * @deprecated maxlength triggers angular-template-validation. Use @Input() maxLength instead.
+     */
+    set maxlength(length: number);
+    private _maxlength;
+    private _minlength;
+    /** Wether to show label that tells how many characters are still left to be entered. Will only be set if maxLength is also set */
+    private _showCharacterCountDown;
+    set showCharacterCountdown(option: boolean);
+    get showCharacterCountdown(): boolean;
+    /** Pattern the value must match to be valid. */
+    pattern: string;
+    /** Amount of time to wait until emitting (ngvINput) event */
+    debounceTime: number;
+    /**
+     * @deprecated
+     * Text to put in badge
+     */
+    badgeText: string;
+    /** Settings for input mask if requested */
+    private _inputMask;
+    set inputMask(newInputMask: InputmaskOptions<any>);
+    get inputMask(): InputmaskOptions<any>;
+    /** Emits every time the value of the inner input field changes, independantly of updates on the formcontroller */
+    ngvInput: EventEmitter<any>;
+    private _formControl;
+    get control(): UntypedFormControl;
+    /** Returns if maxlength is used */
+    get hasMaxLength(): boolean;
+    /** Toggler for showing or hiding the input field */
+    hideInput$: Subject<boolean>;
+    protected inputChange$: Subject<any>;
+    protected _destroy$: Subject<boolean>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: any): void;
+    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; }; }, { "ngvInput": "ngvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input.component";
+import * as i2 from "@angular/common";
+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";
+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 i1.NgvInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInputModule>;
+}

package/src/v-angular/input-mask/config.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+export declare class InputMaskConfig {
+    isAsync: boolean;
+    inputSelector: string;
+}
+export declare const INPUT_MASK_CONFIG: InjectionToken<InputMaskConfig>;

package/src/v-angular/input-mask/constants.d.ts

@@ -0,0 +1,2 @@
+import { InputmaskOptions } from './input-mask.types';
+export declare const createMask: <T>(options: string | InputmaskOptions<T>) => InputmaskOptions<T>;

package/src/v-angular/input-mask/index.d.ts

@@ -0,0 +1,5 @@
+export * from './input-mask-format.pipe';
+export * from './input-mask.directive';
+export * from './input-mask.module';
+export * from './input-mask.types';
+export * from './constants';

package/src/v-angular/input-mask/input-mask-format.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import type { InputmaskOptions } from './input-mask.types';
+import * as i0 from "@angular/core";
+export declare class InputMaskFormatPipe implements PipeTransform {
+    transform<T = any>(value: any, options: InputmaskOptions<T>): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputMaskFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InputMaskFormatPipe, "ngvInputMaskFormat", false>;
+}

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

@@ -0,0 +1,39 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
+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 {
+    ngControl: NgControl;
+    private platformId;
+    private elementRef;
+    private renderer;
+    private ngZone;
+    /** Input settings of directive */
+    ngvInputMask: InputmaskOptions<T>;
+    inputMaskPlugin: Inputmask.Instance | undefined;
+    nativeInputElement: HTMLInputElement | undefined;
+    defaultInputMaskConfig: InputMaskConfig;
+    private mutationObserver;
+    constructor(ngControl: NgControl, config: InputMaskConfig, platformId: string, elementRef: ElementRef<HTMLInputElement | any>, renderer: Renderer2, ngZone: NgZone);
+    onInput: (_: any) => void;
+    onTouched: (_: any) => void;
+    onKeyUp(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    initInputMask(): void;
+    ngAfterViewInit(): void;
+    get inputMaskOptions(): Inputmask.Options;
+    writeValue(value: string): void;
+    registerOnChange(fn: (_: T | null) => void): void;
+    registerOnTouched(fn: any): void;
+    validate: (control: AbstractControl) => {
+        [key: string]: any;
+    } | null;
+    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>, "[ngvInputMask]", never, { "ngvInputMask": { "alias": "ngvInputMask"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,11 @@
+import { ModuleWithProviders } from '@angular/core';
+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>;
+}

package/src/v-angular/input-mask/input-mask.types.d.ts

@@ -0,0 +1,20 @@
+import type Inputmask from 'inputmask';
+export type InputmaskOptions<T> = Inputmask.Options & {
+    parser?: (value: any) => T;
+};
+/**
+ * Useful when you want to add input-mask on input which is child of your component
+ *
+ * @since 2.1.0
+ */
+export type InputMaskConfig = {
+    /**
+     * If set true, MutationObserver will be used to look for changes until it finds input with inputSelector
+     */
+    isAsync: boolean;
+    /**
+     * CSS like selector, which will be used with `querySelector` to get the native input.
+     * If your input is loaded lazily, please use `isAsync` option with this
+     */
+    inputSelector: string;
+};