@sebgroup/green-angular 0.0.0-v-angular-20250113082841

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 { 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 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;
+    private hostInput;
+    /** Function that filter the inputvalue */
+    set nggvTypeahead(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*/
+    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 NggvDropdownComponent or nggv-input if NggvInputComponent */
+    get localName(): any;
+    dropdownListComponent: ComponentRef<NggvTypeaheadDropdownListComponent>;
+    inputComponent: ComponentRef<NggvTypeaheadInputComponent>;
+    private typeaheadFunction?;
+    private inputValue$;
+    private inputSubscription$?;
+    private onDestroy$;
+    constructor(viewContainerRef: ViewContainerRef, element: ElementRef, hostDropdown: NggvDropdownComponent, hostInput: NggvInputComponent);
+    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<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; }; }, { "filterPhraseChange": "filterPhraseChange"; }, never, never, true, never>;
+}

package/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 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

@@ -0,0 +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 NggvMissingHandler implements TranslocoMissingHandler {
+    private transpiler;
+    constructor(transpiler: TranslocoTranspiler);
+    handle(key: string, _: TranslocoMissingHandlerData, params: HashMap): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvMissingHandler, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NggvMissingHandler>;
+}
+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

@@ -0,0 +1,27 @@
+import { PipeTransform } from '@angular/core';
+import { HashMap, Translation, TranslocoConfig, TranslocoFallbackStrategy, TranslocoInterceptor, TranslocoMissingHandler, TranslocoTranspilerFunction } from '@jsverse/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 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/i18n/index.d.ts

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

package/v-angular/index.d.ts

@@ -0,0 +1,26 @@
+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/index.d.ts

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

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

@@ -0,0 +1,16 @@
+import '@sebgroup/green-core/components/icon/icons/circle-info.js';
+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 NggvInfoCircleComponent {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /**
+     * Text to display in tooltip when mouse hovers over icon.
+     */
+    info: string;
+    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

@@ -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 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/index.d.ts

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

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

@@ -0,0 +1,85 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+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 { 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 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 | 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. */
+    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 (nggvINput) event */
+    debounceTime: number;
+    /** 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 */
+    nggvInput: 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<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

@@ -0,0 +1,13 @@
+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";
+import * as i6 from "@sebgroup/green-angular/src/v-angular/character-countdown";
+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/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/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/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/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, "nggvInputMaskFormat", false>;
+}

package/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 NggvInputMaskDirective<T = any> implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    private platformId;
+    private elementRef;
+    private renderer;
+    private ngZone;
+    /** Input settings of directive */
+    nggvInputMask: 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<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

@@ -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 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/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;
+};

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

@@ -0,0 +1,64 @@
+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 NggvDialogComponent implements OnInit {
+    private renderer;
+    dialogRef: ElementRef | undefined;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** @internal */
+    baseClass: boolean;
+    /** @internal Defines the default visibility state of the dialog. */
+    _shown: boolean;
+    set shown(value: boolean);
+    get shown(): boolean;
+    /** @internal */
+    get ariaHidden(): boolean;
+    /** Defines the default visibility state of the dialog. */
+    initiallyShown: boolean;
+    /** Sets modal heading. Will be translated (using transloco) if the string matches a cms key. */
+    heading: string;
+    /**
+     * Sets modal title. Will be translated (using transloco) if the string matches a cms key.
+     * @deprecated - use heading instead.
+     */
+    title: string;
+    /** Sets content body and can contain html code. The content body can also be set by nesting children to the dialog tag. */
+    content?: string;
+    /** Defines if dialog should close on action. */
+    autoClose: boolean;
+    /** An array of event payloads that will be added to every click context menu item click. */
+    payload: any;
+    dialogTitleId: 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);
+    nggvCloseEvent: EventEmitter<DialogEvent<any>>;
+    nggvPositiveEvent: EventEmitter<DialogEvent<any>>;
+    nggvNeutralEvent: EventEmitter<DialogEvent<any>>;
+    nggvNegativeEvent: EventEmitter<DialogEvent<any>>;
+    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;
+    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>;
+}

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

@@ -0,0 +1,47 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import '@sebgroup/green-core/components/icon/icons/dot-grid-one-horizontal.js';
+import * as i0 from "@angular/core";
+export declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    inputRef?: ElementRef;
+    container?: ElementRef;
+    /** Aligns the dropdown list with the buttons right or left side */
+    alignOptions: 'left' | 'right';
+    /** Option to show text with action button */
+    text?: string;
+    /** Aria label for the fold-out button */
+    ariaLabel?: string;
+    /** @internal */
+    protected shown: boolean;
+    private activeIndex;
+    private firstArrowClick;
+    private ariaFocusAttributeName;
+    private blurAllElements;
+    private blurElement;
+    private focusElement;
+    private getChildIndex;
+    private onClickSubscription;
+    private onKeyUpSubscription;
+    private get children();
+    private get lastChild();
+    private get focusedElement();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Toggle display of the option list */
+    toggleVisibility(): void;
+    setVisibility(setVisibility?: boolean): void;
+    /**
+     * Closes the fold-out on click outside.
+     */
+    private subscribeToOutsideClickEvent;
+    private subscribeToKeyDownEvent;
+    private onKeyDown;
+    private handleArrowUpClick;
+    private handleArrowDownClick;
+    private handleFocus;
+    private takeAction;
+    private resetChildren;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NggvFoldOutOptionDirective {
+    baseClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvFoldOutOptionDirective, "[nggvOption]", never, {}, {}, never, never, false, never>;
+}

package/v-angular/modal/fold-out/keyboard-key.enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum KeyboardKey {
+    Escape = "Escape",
+    Space = "Space",
+    Enter = "Enter",
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown"
+}

package/v-angular/modal/index.d.ts

@@ -0,0 +1,5 @@
+export * from './modal.module';
+export * from './dialog/dialog.component';
+export * from './slide-out/slide-out.component';
+export * from './fold-out/fold-out.component';
+export * from './fold-out/fold-out.directive';

package/v-angular/modal/modal.globals.d.ts

@@ -0,0 +1,13 @@
+export {};
+declare global {
+    interface Window {
+        /** Counter for unique identifiers */
+        nggv: {
+            ids: {
+                [namespace: string]: number;
+                default: number;
+            };
+            nextId: (namespace?: string) => string;
+        };
+    }
+}

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

@@ -0,0 +1,15 @@
+import './modal.globals';
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog/dialog.component";
+import * as i2 from "./slide-out/slide-out.component";
+import * as i3 from "./fold-out/fold-out.component";
+import * as i4 from "./fold-out/fold-out.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@sebgroup/green-angular/src/v-angular/button";
+import * as i7 from "@sebgroup/green-angular/src/v-angular/i18n";
+import * as i8 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModalModule, [typeof i1.NggvDialogComponent, typeof i2.NggvSlideOutComponent, typeof i3.NggvFoldOutComponent, typeof i4.NggvFoldOutOptionDirective], [typeof i5.CommonModule, typeof i6.NggvButtonModule, typeof i7.NggvI18nModule, typeof i8.NggCoreWrapperModule], [typeof i1.NggvDialogComponent, typeof i2.NggvSlideOutComponent, typeof i3.NggvFoldOutComponent, typeof i4.NggvFoldOutOptionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvModalModule>;
+}

package/v-angular/modal/modal.types.d.ts

@@ -0,0 +1,5 @@
+export interface DialogButtons {
+    positive?: string | null;
+    neutral?: string | null;
+    negative?: string | null;
+}