@sebgroup/green-angular 10.0.2 → 10.0.3-rc.20260616114541449

package/v-angular/index.d.ts

@@ -1,28 +1,3088 @@
-export * from './account-number';
-export * from './alert';
-export * from './base-control-value-accessor';
-export * from './breadcrumbs';
-export * from './button';
-export * from './card';
-export * from './core';
-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';
+import * as i0 from '@angular/core';
+import { PipeTransform, EventEmitter, AfterViewInit, OnInit, OnDestroy, ChangeDetectorRef, TemplateRef, ElementRef, OnChanges, SimpleChanges, ViewContainerRef, QueryList, Renderer2, KeyValueDiffers, ComponentRef, NgZone, ModuleWithProviders, AfterContentInit, SimpleChange } from '@angular/core';
+import * as i2 from '@angular/common';
+import { WeekDay } from '@angular/common';
+import * as i10 from '@angular/forms';
+import { ControlValueAccessor, Validator, NgControl, AbstractControl, UntypedFormGroup, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
+import * as i5 from '@jsverse/transloco';
+import { TranslocoScope, TranslocoService, TranslocoMissingHandler, TranslocoTranspiler, TranslocoMissingHandlerData, HashMap, TranslocoInterceptor, Translation, TranslocoConfig, TranslocoFallbackStrategy, TranslocoTranspilerFunction } from '@jsverse/transloco';
+import * as rxjs from 'rxjs';
+import { Observable, Subject, Subscription, OperatorFunction } from 'rxjs';
+import * as i3 from '@sebgroup/green-angular/src/v-angular/external-link';
+import * as i4 from '@angular/router';
+import { RouterLink, Router } from '@angular/router';
+import { NggvBaseControlValueAccessorComponent as NggvBaseControlValueAccessorComponent$1 } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import * as i3$1 from '@sebgroup/green-angular/src/v-angular/i18n';
+import * as i4$1 from '@sebgroup/green-angular/src/lib/shared';
+import * as i12 from '@sebgroup/green-angular/src/v-angular/input-mask';
+import { InputmaskOptions as InputmaskOptions$1 } from '@sebgroup/green-angular/src/v-angular/input-mask';
+import * as _sebgroup_green_angular_v_angular from '@sebgroup/green-angular/v-angular';
+import * as i5$1 from '@sebgroup/green-angular/src/v-angular/modal';
+import { NggvDialogComponent as NggvDialogComponent$1, DialogEvent as DialogEvent$1 } from '@sebgroup/green-angular/src/v-angular/modal';
+import * as i3$2 from '@angular/common/http';
+import { HttpEvent } from '@angular/common/http';
+import { Option as Option$1, DropdownUtils as DropdownUtils$1, OptionBase as OptionBase$1, OptionGroup as OptionGroup$1 } from '@sebgroup/green-angular/src/v-angular/core';
+import { NggvInputComponent as NggvInputComponent$1 } from '@sebgroup/green-angular/src/v-angular/input';
+import * as i5$2 from '@sebgroup/green-angular/src/v-angular/tooltip';
+import * as i6 from '@sebgroup/green-angular/src/v-angular/character-countdown';
+import Inputmask from 'inputmask';
+import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import * as i6$1 from '@sebgroup/green-angular/src/v-angular/button';
+
+declare const enum SchemaType {
+    IBAN = "iban",
+    BBAN = "bban"
+}
+type AccountNumberSchema = 'iban' | 'bban';
+declare const bbanPattern: RegExp;
+declare const ibanPattern: RegExp;
+/**
+ * Formats account number according to bban or iban standard, and adds non-breakable whitespace (\u00A0) between number groups.
+ *
+ * Example:
+ * BBAN format: 'XXXX XX XXX <XXXX>'
+ * IBAN format: 'SEXX XXXX XXXX XXXX <XXXX>'
+ *
+ * @param value - account number value to format.
+ * @param schema - accepts either 'iban' or 'bban'. If undefined, schema will be evaluated to 'iban' if value starts with 2 letters.
+ * @returns - formatted value, or original value if schema could not be determined
+ */
+declare const formatAccountNumber: (value: string, schema?: AccountNumberSchema) => string;
+/**
+ * Pipe for formatting account number according to bban or iban standard, and adds non-breakable whitespace (\u00A0) between number groups.
+ *
+ * BBAN format: 'XXXX XX XXX <XXXX>'
+ * IBAN format: 'SEXX XXXX XXXX XXXX <XXXX>'
+ */
+declare class AccountNumberPipe implements PipeTransform {
+    transform: (value: string, schema?: AccountNumberSchema) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccountNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AccountNumberPipe, "accountNumber", true>;
+}
+
+declare class NggvAccountNumberPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvAccountNumberPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvAccountNumberPipeModule, never, [typeof i2.CommonModule, typeof AccountNumberPipe], [typeof AccountNumberPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvAccountNumberPipeModule>;
+}
+
+interface AlertMessage {
+    type: AlertType;
+    titleText?: string;
+    bodyText?: string;
+    linkText?: string;
+    actionText?: string;
+}
+declare enum AlertType {
+    Success = "success",
+    Information = "information",
+    Warning = "warning",
+    Danger = "danger"
+}
+
+declare class AlertComponent {
+    type: AlertType;
+    title?: string;
+    body?: string;
+    linkText?: string;
+    linkHref?: string;
+    actionText?: string;
+    closable: boolean;
+    closeAlert: EventEmitter<any>;
+    clickLink: EventEmitter<any>;
+    clickAction: EventEmitter<any>;
+    onClose(e: Event): void;
+    onLink(e: Event): void;
+    onAction(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "nggv-alert", never, { "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "body": { "alias": "body"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkHref": { "alias": "linkHref"; "required": false; }; "actionText": { "alias": "actionText"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "closeAlert": "closeAlert"; "clickLink": "clickLink"; "clickAction": "clickAction"; }, never, never, false, never>;
+}
+
+declare class NggvAlertModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvAlertModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvAlertModule, [typeof AlertComponent], [typeof i2.CommonModule], [typeof AlertComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvAlertModule>;
+}
+
+declare class NggvBaseControlValueAccessorComponent implements AfterViewInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Custom template for displaying the content of the label.
+     * Specified by nesting an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    labelContentTpl?: TemplateRef<undefined>;
+    /** Custom template for displaying value when the input is locked.
+     * Specified by nesting an `<ng-template #lockedTpl let-state>Custom locked content state: {{ state }}</ng-template>`.
+     */
+    lockedTpl?: TemplateRef<undefined>;
+    /** Reference to the native child input element. */
+    inputRef?: ElementRef;
+    /** Id of the host element and is accessible by the children, automatically generated if not provided. */
+    id: any;
+    /** Name of the child input element. */
+    name?: string;
+    /**
+     * Label of the child input element using the default template.
+     * Can be overwritten by specifying an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    label?: string;
+    /** Role of the child input element. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles */
+    role?: string;
+    /** Value of the child input element. Mostly used in conjunction with radio and checkboxes. */
+    value: any;
+    /** An error string to be shown under invalid inputs. Overwrites any form errors. */
+    error?: string;
+    /** @deprecated Only one error should be shown under each field. */
+    errorList?: string[];
+    /** @deprecated Icon is always added before error. */
+    withErrorIcon?: boolean;
+    /** Description of the child input element. Both visibly and as `aria-label`. */
+    description?: string;
+    /** Determines if the label used to display the "description" text will be rendered to DOM */
+    descriptionIsVisible: boolean;
+    /** If set to true, the browser will try to automatically set focus to the child input element. */
+    autofocus: boolean;
+    /** Deafult value of the child input element. Used when resetting child element. */
+    defaultValue?: any;
+    /** If passed, the component will listen for updates and will reset its value. */
+    reset?: Observable<any>;
+    /** Adds (Optional) to input label. */
+    optional?: boolean | null | undefined;
+    private _locked;
+    /** Hides the input borders and displays current value as a text. */
+    set locked(value: boolean | null | undefined);
+    get locked(): boolean | null | undefined;
+    /** If set to true, using a controls disabled state will display input as locked. */
+    displayDisabledAsLocked?: boolean | null | undefined;
+    private _required;
+    /** Override the required flag of the component. */
+    set required(value: boolean | null | undefined);
+    /** Child input element is considered required and changes default label template accordingly. */
+    get required(): boolean | null | undefined;
+    private _invalid;
+    /** Override the invalid state of the component. */
+    set invalid(value: boolean);
+    /** The component has the invalid state, usually decorating the elements red and shows the first error. */
+    get invalid(): boolean;
+    private _valid;
+    /** Override the valid state of the component. */
+    set valid(value: boolean);
+    /** The component has the valid state, usually decorating the elements green. */
+    get valid(): boolean;
+    /** The component has the focused state, updated by the child input element's focus state. */
+    focused: boolean;
+    private _disabled;
+    /** Override the disabled state of the component. */
+    set disabled(value: boolean);
+    /** The component has the disabled state, usually muting the colors and removes interaction. */
+    get disabled(): boolean;
+    /** Emits focus events triggered by the child elements. */
+    readonly nggvFocus: EventEmitter<any>;
+    /** Emits focus events triggered by the child elements. */
+    readonly nggvBlur: EventEmitter<any>;
+    private _state;
+    /** @internal */
+    protected onChange: (_: any) => void;
+    /** @internal */
+    protected onTouched: () => void;
+    /** @internal */
+    protected onValidatorChange: () => void;
+    scope: string | undefined;
+    private _onDestroy$;
+    /**
+     * Creates a new BaseControlValueAccessorComponent.
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param translocoScope optional TranslocoScope provided if component is used within a scope.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    detectChanges(): void;
+    /** @internal */
+    onFocus(event: Event): void;
+    /** @internal */
+    onBlur(event: Event): void;
+    /** Sets the focus on the actual input element. */
+    setFocus(): void;
+    /** Internal state/value that the native input element has.  */
+    get state(): any;
+    /** Internal state/value that the native input element has.  */
+    set state(value: any);
+    /** Writes a new value to the child input element. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (_: any) => object): void;
+    /** Registers a callback function that is called when the child input element triggers on blur. */
+    registerOnTouched(fn: () => void): void;
+    /** Function that is called by the forms API when the control status changes to or from 'DISABLED'. */
+    setDisabledState(isDisabled: boolean): void;
+    /** Method that performs synchronous validation against the provided control. Used for internal validation. */
+    validate(_control: AbstractControl): {
+        [name: string]: any;
+    } | null;
+    /** Registers a callback function to call when the validator inputs change. */
+    registerOnValidatorChange(fn: () => void): void;
+    /** Returns the first entry in an error object. */
+    get firstError(): {
+        code: string;
+        params: any;
+    } | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvBaseControlValueAccessorComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvBaseControlValueAccessorComponent, "ng-component", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "role": { "alias": "role"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorList": { "alias": "errorList"; "required": false; }; "withErrorIcon": { "alias": "withErrorIcon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "descriptionIsVisible": { "alias": "descriptionIsVisible"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "displayDisabledAsLocked": { "alias": "displayDisabledAsLocked"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "nggvFocus": "nggvFocus"; "nggvBlur": "nggvBlur"; }, ["labelContentTpl", "lockedTpl"], never, false, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NggvBaseControlValueAccessorComponent>;
+}
+
+declare class NggvBaseControlValueAccessorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvBaseControlValueAccessorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvBaseControlValueAccessorModule, [typeof NggvBaseControlValueAccessorComponent], never, [typeof NggvBaseControlValueAccessorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvBaseControlValueAccessorModule>;
+}
+
+type Breadcrumb = {
+    /** Title shown for the breadcrumb link. */
+    title: string;
+    /** The link which is redirected to when clicked. Can be relative with external set to `false`. */
+    href: string;
+    /** Flags this link to be either internal using router link or external using browser location. */
+    external?: boolean;
+};
+declare class NggvBreadcrumbsComponent {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** List of breadcrumbs to present. */
+    breadcrumbs: Breadcrumb[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvBreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvBreadcrumbsComponent, "nggv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvBreadcrumbsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvBreadcrumbsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvBreadcrumbsModule, [typeof NggvBreadcrumbsComponent], [typeof i2.CommonModule, typeof i3.NggvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof NggvBreadcrumbsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvBreadcrumbsModule>;
+}
+
+type ButtonTypes = 'button' | 'submit' | 'reset' | 'link';
+declare enum ButtonStyle {
+    Primary = 0,
+    Secondary = 1,
+    Alternative = 2,
+    Delete = 3,
+    DeleteConfirm = 4,
+    Ghost = 5,
+    GhostDark = 6,
+    Link = 7
+}
+/**
+ * Buttons allow users to take action with a single tap.
+ * https://designlibrary.sebgroup.com/components/component-button
+ */
+declare class NggvButtonComponent extends NggvBaseControlValueAccessorComponent$1 implements OnInit, OnChanges {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** Type of button to one of button|submit|reset|link, where link creates an anchor tag. */
+    type: ButtonTypes;
+    /** Style of the button to one of Primary|Secondary|Alternative|Delete|DeleteConfirm|Ghost|GhostDark|Link. */
+    buttonStyle: ButtonStyle;
+    /** Size of the button to be smaller. */
+    small: boolean;
+    /** Where the button should link to if {@link ButtonTypes} is set to link. */
+    href?: string;
+    /** @internal Determines if the the href property should use internal routing. */
+    external: boolean;
+    /** @internal The classes determined by the buttonStyle and small properties. */
+    buttonClasses: {
+        [className: string]: boolean;
+    };
+    /** Emits click events triggered by the button or link.
+     * Use instead of click to avoid triggering events on disabled buttons and links.
+     */
+    nggvClick: EventEmitter<any>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    static buttonStyleClasses(type: ButtonStyle, small: boolean): {
+        small: boolean;
+        primary: boolean;
+        secondary: boolean;
+        tertiary: boolean;
+        danger: boolean;
+        ghost: boolean;
+        'ghost-light': boolean;
+    };
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    onClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvButtonComponent, "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; }; }, { "nggvClick": "nggvClick"; }, never, ["*"], false, never>;
+}
+
+declare class NggvButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvButtonModule, [typeof NggvButtonComponent], [typeof i2.CommonModule, typeof i3.NggvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof NggvButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvButtonModule>;
+}
+
+declare class NggvCardComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvCardComponent, "nggv-card", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class NggvCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvCardModule, [typeof NggvCardComponent], [typeof i2.CommonModule], [typeof NggvCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvCardModule>;
+}
+
+declare global {
+    interface Window {
+        /** Counter for unique identifiers */
+        nggv: {
+            ids: {
+                [namespace: string]: number;
+                default: number;
+            };
+            nextId: (namespace?: string) => string;
+        };
+    }
+}
+
+interface Option<K, V> {
+    key: K;
+    label: V;
+    disabled?: boolean;
+}
+interface OptionGroup<T extends Option<any, any>> {
+    label: string;
+    options: T[];
+    disabled?: boolean;
+}
+type OptionBase<T extends Option<any, any>> = T | OptionGroup<T>;
+declare class DropdownUtils<K = string | null, V = string, T extends Option<K, V> = Option<K, V>> {
+    flattenOptions(options: OptionBase<T>[] | undefined, mustHaveLabel: boolean): T[];
+    /**
+     * Returns true if argument is an {@link OptionGroup}.
+     * @param option the object to check.
+     */
+    isGroup(option: OptionBase<T>): option is OptionGroup<T>;
+    deepEqual(original: any, change: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownUtils<any, any, any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropdownUtils<any, any, any>>;
+}
+
+declare class CharacterCountdownDirective {
+    private readonly viewContainerRef;
+    private readonly templateRef;
+    set maxlength(value: number | undefined);
+    set currentLength(value: number);
+    private _maxlength;
+    private _currentLength;
+    private isViewCreated;
+    private context;
+    constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>);
+    updateContext(): void;
+    calculateCharactersLeft: (max: number, current: number) => number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CharacterCountdownDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CharacterCountdownDirective, "[nggvCharacterCountdown]", never, { "maxlength": { "alias": "nggvCharacterCountdown"; "required": false; }; "currentLength": { "alias": "nggvCharacterCountdownCurrentLength"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvCharacterCountdownDirectiveModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCharacterCountdownDirectiveModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvCharacterCountdownDirectiveModule, [typeof CharacterCountdownDirective], [typeof i2.CommonModule], [typeof CharacterCountdownDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvCharacterCountdownDirectiveModule>;
+}
+
+/**
+ * Checkboxes allow a user to toggle an option on or off, or make multiple choices in a set of available options.
+ * https://designlibrary.sebgroup.com/components/component-checkbox
+ */
+declare class NggvCheckboxComponent extends NggvBaseControlValueAccessorComponent$1 {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    get isSmall(): boolean;
+    get isLarge(): boolean;
+    /**
+     * Sets the displayed size of the checkbox
+     */
+    size: 'small' | 'large';
+    optionalLabel: string;
+    readonly valueChange: EventEmitter<string>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    onInputChange(event: Event): void;
+    /** Writes a new value of true or false based on if argument matches this components value property. */
+    writeValue(value: any): void;
+    /** 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<NggvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+}
+
+declare class NggvCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvCheckboxModule, [typeof NggvCheckboxComponent], [typeof i2.CommonModule, typeof i3$1.NggvI18nModule, typeof i4$1.NggCoreWrapperModule], [typeof NggvCheckboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvCheckboxModule>;
+}
+
+/**
+ * Helper function to generate InputmaskOptions by requested locale.
+ * @param locale - requested locale. If not given, it'll use the browsers locale
+ * @returns InputmaskOptions with date settings
+ */
+declare const getLocaleDateMask: (dateCharacters?: DateCharacters, locale?: string) => InputmaskOptions$1<Date>;
+declare const getLocaleDateString: (locale?: string) => string;
+declare const getFormatDateMask: (format: string, dateCharacters?: DateCharacters) => InputmaskOptions$1<Date>;
+interface DateCharacters {
+    year: string;
+    month: string;
+    day: string;
+}
+declare const setDateFormatCharacters: (format: string, dateCharacters?: DateCharacters) => string;
+
+declare abstract class DateControlValueAccessorComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected elementRef: ElementRef;
+    protected cdr: ChangeDetectorRef;
+    private _transloco;
+    /** Custom template for displaying the content of the label.
+     * Specified by nesting an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    labelContentTpl?: TemplateRef<undefined>;
+    /** Custom template for displaying value when the input is locked.
+     * Specified by nesting an `<ng-template #lockedTpl let-selectedDate>Custom locked content date: {{ selectedDate }}</ng-template>`.
+     */
+    lockedTpl?: TemplateRef<undefined>;
+    /** Reference to the native child input element. */
+    inputRef?: ElementRef;
+    /** Id of the host element and is accessible by the children, automatically generated if not provided. */
+    id: any;
+    /** Name of the child input element. */
+    name?: string;
+    /** Label of the child input element using the default template.
+     * Can be overwritten by specifying an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    label?: string;
+    /** Text shown before input has a written value. Default current date format by locale of transloco */
+    set placeholder(value: string | undefined);
+    get placeholder(): string | undefined;
+    private _placeholder;
+    defaultPlaceholder?: string;
+    /** What characters to use in date placeholder, e.g. {year: 'Y', month: 'M', day: 'D'} */
+    dateCharacters?: DateCharacters;
+    /** Role of the child input element. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles */
+    role?: string;
+    /** Value of the child input element. Mostly used in conjunction with radio and checkboxes. */
+    value: any;
+    /** An error string to be shown under invalid inputs. Overwrites any form errors. */
+    error?: string;
+    /** A list of errors string to be shown under invalid inputs. Overwrites any form errors. */
+    errorList?: string[];
+    /** Adds an icon before each error message. */
+    withErrorIcon?: boolean;
+    /** Description of the child input element. Both visibly and as `aria-label`. */
+    description?: string;
+    /** If set to true, the browser will try to automatically set focus to the child input element. */
+    autofocus: boolean;
+    /** Default value of the child input element. */
+    defaultValue?: any;
+    /** If passed, the component will listen for updates and will reset its value. */
+    reset?: Observable<any>;
+    /** Adds (Optional) to input label. */
+    optional?: boolean | null | undefined;
+    /**
+     * Settings for input mask for dates based on locale
+     * @see {@link getLocaleDateMask} use this tool to generate settings for `dateInputMask`
+     */
+    set dateInputMask(dateMask: InputmaskOptions$1<Date>);
+    get dateInputMask(): InputmaskOptions$1<Date>;
+    private _dateInputMask;
+    private _locked;
+    /** Hides the input borders and displays current value as a text. */
+    set locked(value: boolean | null | undefined);
+    get locked(): boolean | null | undefined;
+    /** If set to true, using a controls disabled state will display input as locked. */
+    displayDisabledAsLocked?: boolean | null | undefined;
+    private _required;
+    /** Override the required flag of the component. */
+    set required(value: boolean | null | undefined);
+    /** Child input element is considered required and changes default label template accordingly. */
+    get required(): boolean | null | undefined;
+    private _invalid;
+    /** Override the invalid state of the component. */
+    set invalid(value: boolean);
+    /** The component has the invalid state, usually decorating the elements red and shows the first error. */
+    get invalid(): boolean;
+    private _valid;
+    /** Override the valid state of the component. */
+    set valid(value: boolean);
+    /** The component has the valid state, usually decorating the elements green. */
+    get valid(): boolean;
+    /** The component has the focused state, updated by the child input element's focus state. */
+    focused: boolean;
+    /** The component has the disabled state, usually muting the colors and removes interaction. */
+    disabled: boolean;
+    /** Locale for using correct language in the datepicker. */
+    locale: string | undefined;
+    /** Date format used for placeholder and input mask. Should be in lower case {year: 'y', month: 'm', day: 'd'} */
+    dateFormat: string | undefined;
+    /** Date locale used for placeholder and input mask. */
+    dateLocale: string | undefined;
+    /** Toggler for showing or hiding the input field */
+    protected showInputDateSrc: Subject<boolean>;
+    /** Emits focus events triggered by the child elements. */
+    readonly ngvFocus: EventEmitter<any>;
+    /** Emits focus events triggered by the child elements. */
+    readonly ngvBlur: EventEmitter<any>;
+    /** @internal */
+    protected onChange: (_: any) => void;
+    /** @internal */
+    protected onTouched: () => void;
+    /** @internal */
+    protected onValidatorChange: () => void;
+    private _state;
+    scope: string | undefined;
+    /** @internal */
+    private _onDestroy$;
+    /**
+     * Creates a new BaseControlValueAccessorComponent.
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, elementRef: ElementRef, cdr: ChangeDetectorRef, _transloco: TranslocoService);
+    static parseDateLike(value: any): null | undefined | string;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onFocus(event: Event): void;
+    /** @internal */
+    onBlur(event: Event): void;
+    detectChanges(): void;
+    /** Sets the focus on the actual input element. */
+    setFocus(): void;
+    /**
+     * @internal
+     * Update placeholder  and input mask to match locale.
+     * Order if choice for locale:
+     * 1. dateLocale - Used for specifying which locale to be used for formatting date
+     * 2. locale - Unless dateLocale is not provided, use locale form current translation
+     * 3. transloco.getActiveLang - as last resort, get active language form trnasloco
+     * If locale is undefined, transloco.activeLang will be used instead.
+     */
+    updatePlaceholderAndMask(): void;
+    updateFormat(): void;
+    /** Internal state/value that the native input element has. */
+    get state(): any;
+    /**
+     * Internal state/value that the native input element has.
+     */
+    set state(value: any);
+    /** Writes a new value to the child input element. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (value: any) => void): void;
+    /** Registers a callback function that is called when the child input element triggers on blur. */
+    registerOnTouched(fn: () => void): void;
+    /** Function that is called by the forms API when the control status changes to or from 'DISABLED'. */
+    setDisabledState(isDisabled: boolean): void;
+    /** Method that performs synchronous validation against the provided control. Used for internal validation. */
+    validate(_control: AbstractControl): {
+        [name: string]: any;
+    } | null;
+    /** Registers a callback function to call when the validator inputs change. */
+    registerOnValidatorChange(fn: () => void): void;
+    /** Returns the first entry in an error object. */
+    get firstError(): {
+        code: string;
+        params: Record<string, any>;
+    } | null;
+    private updateValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateControlValueAccessorComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateControlValueAccessorComponent, never, never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dateCharacters": { "alias": "dateCharacters"; "required": false; }; "role": { "alias": "role"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorList": { "alias": "errorList"; "required": false; }; "withErrorIcon": { "alias": "withErrorIcon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "dateInputMask": { "alias": "dateInputMask"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "displayDisabledAsLocked": { "alias": "displayDisabledAsLocked"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "dateLocale": { "alias": "dateLocale"; "required": false; }; }, { "ngvFocus": "ngvFocus"; "ngvBlur": "ngvBlur"; }, ["labelContentTpl", "lockedTpl"], never, true, never>;
+}
+
+type CalendarType = 'normal' | 'extended';
+declare const enum Month {
+    January = 0,
+    February = 1,
+    March = 2,
+    April = 3,
+    May = 4,
+    June = 5,
+    July = 6,
+    August = 7,
+    September = 8,
+    October = 9,
+    November = 10,
+    December = 11
+}
+interface DisableDateConfig {
+    fromDate?: Date | undefined;
+    toDate?: Date | undefined;
+    excludeDates?: Date[] | undefined;
+    excludeDays?: WeekDay[] | undefined;
+    closingTime?: Date | undefined;
+}
+declare class CalendarMonth {
+    year: number;
+    month: number;
+    id: string;
+    _date: Date;
+    constructor(date?: Date);
+    /** Creates an instance based of input year and month. */
+    static fromObject(obj: {
+        year: number;
+        month: number;
+    }): CalendarMonth;
+    /** Returns a Date representation for the instance. */
+    get date(): Date;
+    /** Returns the string id representing the instance in form of 'yyyyMM'. */
+    valueOf(): string;
+    /** Returns a new instance for next month. */
+    nextMonth(): CalendarMonth;
+    /** Returns a new instance for previous month. */
+    previousMonth(): CalendarMonth;
+    /** Returns a new instance for next year. */
+    nextYear(): CalendarMonth;
+    /** Returns a new instance for previous year. */
+    previousYear(): CalendarMonth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarMonth, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarMonth>;
+}
+
+declare const enum DateCss {
+    notWithinMonth = "not-within-month",
+    selected = "selected",
+    today = "today"
+}
+declare class CalendarDateDirective implements OnInit, OnChanges {
+    private elementRef;
+    calendarDate: Date;
+    selected: boolean;
+    notWithinMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+    get nativeElement(): HTMLElement;
+    constructor(elementRef: ElementRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDateDirective, "[calendarDate]", never, { "calendarDate": { "alias": "calendarDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "notWithinMonth": { "alias": "notWithinMonth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class CalendarComponent implements OnChanges {
+    dateClick: EventEmitter<Date>;
+    dateButtonRefs: QueryList<CalendarDateDirective>;
+    year: number;
+    month: number;
+    selected: Date | undefined;
+    locale: string | undefined;
+    minCalendarRows: number;
+    firstDayOfWeek: WeekDay;
+    type: CalendarType;
+    set disableDates(value: Date[] | undefined);
+    set disableWeekDays(value: WeekDay[] | undefined);
+    set firstValid(value: Date | undefined);
+    set lastValid(value: Date | undefined);
+    set closingTime(value: Date | undefined);
+    dateMatrix: Date[][];
+    disableDateConfig: DisableDateConfig;
+    private lastDayOfWeek;
+    ngOnChanges(changes: SimpleChanges): void;
+    clickDate(date: Date): void;
+    keyNavigation(event: KeyboardEvent): void;
+    getElementWithOffset(fromElement: HTMLElement | undefined, offsetDays: number, returnOnlyEnabled?: boolean): HTMLElement | undefined;
+    getNextFocusable(fromElement: HTMLElement | undefined): HTMLElement | undefined;
+    getPreviousFocusable(fromElement: HTMLElement | undefined): HTMLElement | undefined;
+    firstDayOfWeekElement(): HTMLElement | undefined;
+    lastDayOfWeekElement(): HTMLElement | undefined;
+    getDayOffset(from: WeekDay, to: WeekDay, direction?: 'forward' | 'back'): number;
+    private updateDisableDateConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "nggv-calendar", never, { "year": { "alias": "year"; "required": false; }; "month": { "alias": "month"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; }, { "dateClick": "dateClick"; }, never, never, false, never>;
+}
+
+declare class CalendarControlComponent implements OnInit, OnChanges, OnDestroy {
+    private fb;
+    calendarChange: EventEmitter<CalendarMonth>;
+    activeCalendar: CalendarMonth;
+    locale: string | undefined;
+    type: CalendarType;
+    monthArray: Date[];
+    yearArray: Date[];
+    selectedCalendar: UntypedFormGroup;
+    private subs;
+    constructor(fb: UntypedFormBuilder);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    viewPreviousMonth(): void;
+    viewNextMonth(): void;
+    viewPreviousYear(): void;
+    viewNextYear(): void;
+    keyNavigation(event: KeyboardEvent): void;
+    private subscribeToFormChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarControlComponent, "nggv-calendar-control", never, { "activeCalendar": { "alias": "activeCalendar"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "calendarChange": "calendarChange"; }, never, never, false, never>;
+}
+
+declare global {
+    interface Window {
+        /** Counter for unique identifiers */
+        ngv: {
+            ids: {
+                [namespace: string]: number;
+                default: number;
+            };
+            nextId: (namespace?: string) => string;
+        };
+    }
+}
+
+/**
+ * Date pickers simplify the task of selecting a date in a visual representation of a calendar.
+ * https://designlibrary.sebgroup.com/components/component-datepicker
+ *
+ * Selector: `nggv-dateinput`
+ *
+ * When focusing an date element, the calendar allows for navigation using both tab and arrow keys.
+ * Pressing 'esc' will close the calendar.
+ *
+ * Requires TranslocoLocale, but in turn allows for setting locale dynamically:
+ * https://jsverse.github.io/transloco/docs/plugins/locale/#manually-setting-locale
+ *
+ * To configure TranslocoLocale, follow this guide:
+ * https://jsverse.github.io/transloco/docs/plugins/locale/#setup
+ */
+declare class DateInputComponent extends DateControlValueAccessorComponent implements OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected transloco: TranslocoService;
+    protected elementRef: ElementRef;
+    protected cdr: ChangeDetectorRef;
+    toggleButtonRef?: ElementRef<HTMLButtonElement>;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    get isSmall(): boolean;
+    get isLarge(): boolean;
+    /** Set type of calendar: either 'normal' or 'expanded'. Default is 'normal'. */
+    type: CalendarType;
+    /** If set to true, the value will not be editable. */
+    readonly: boolean;
+    /**
+     * An array of Dates or parsable strings that corresponds with dates that should not be selectable in the calendar.
+     * I.e. bank holidays.
+     */
+    disableDates: (string | Date)[];
+    /**
+     * An array of weekdays that should not be selectable in the calendar.
+     * Can be used together with or instead of @Input() disableDates.
+     */
+    disableWeekDays: WeekDay[];
+    /** Mininum number of rows shown in the calendar. */
+    minRows: number;
+    /** Sets a from-date of which all dates before will be invalid. */
+    firstValid: Date | undefined;
+    /** Sets a to-date of which all dates after will be invalid. */
+    lastValid: Date | undefined;
+    /** Sets a closing time for today to toggle availability for today's date. */
+    closingTime: Date | undefined;
+    /** Sets first day of week in calendar. Defaults to Monday. */
+    firstDayOfWeek: WeekDay;
+    /** If set to true, it will allow to close the calendar on escape button click. */
+    closeCalendarOnEscape: boolean;
+    /** If the date-input should close when scrolling the viewport. Default: false*/
+    closeOnScroll: boolean;
+    /**
+     * Sets the displayed size of the date input field.
+     */
+    size: 'small' | 'large';
+    dynamicPosition: boolean;
+    /** @internal */
+    /** @internal */
+    shown: boolean;
+    /** @internal */
+    showInput$: Observable<boolean>;
+    /** Observable for listening to scrolls when the datepicker is open */
+    private documentScroll$;
+    /** Observable for listening to clicks outside of the datepicker. */
+    private documentClick$;
+    /** Subject used for unsubscribe pattern on above observable. */
+    private datepickerClosed$;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, transloco: TranslocoService, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    /**
+     * @internal
+     * Called from the datepicker-component when a date button is clicked in the calendar.
+     *
+     * @param date date object emitted when selecting a date in the datepicker.
+     */
+    onDateChange(date: Date): void;
+    /**
+     * @internal
+     * Called when entering date manually in input field.
+     */
+    onValueChange(eventTarget: any): void;
+    /**
+     * @internal
+     * Listen to 'esc' keypress and closes datepicker if open.
+     */
+    keyListener(event: KeyboardEvent): void;
+    /** @internal */
+    toggleDatepicker(): void;
+    /** To externally trigger the datepicker to close. */
+    close(): void;
+    /**
+     * Set the shown state of the datepicker popup. If true the popup will be visible.
+     * If the state is set to false, call onTouched to notify any state listeners
+     * @param state the shown state which to set.
+     */
+    private setShown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy {
+    private elementRef;
+    private renderer;
+    calendarTemplate: TemplateRef<any> | null;
+    /** Emits a Date upon selection. */
+    ngvDateChange: EventEmitter<Date>;
+    /** Sets first day of week in calendar. Defaults to Monday. */
+    firstDayOfWeek: WeekDay;
+    /** Bank holidays. */
+    disableDates: (string | Date)[];
+    /** Other non selectable dates. */
+    disableWeekDays: WeekDay[];
+    /** Minimum number of calendar rows shown. */
+    minCalendarRows: number;
+    /** Initial date set as selected. */
+    selected: Date | undefined;
+    /** Set locale for date format. */
+    locale: string | undefined;
+    /** Set type of calendar. */
+    type: CalendarType;
+    /** Sets a from date of which all dates before will be invalid. */
+    firstValid: Date | undefined;
+    /** Sets a to date of which all dates after will be invalid. */
+    lastValid: Date | undefined;
+    /** Sets a closing time for today to toggle availability for today's date. */
+    closingTime: Date | undefined;
+    /**
+     * When true, the datepicker will automatically choose to open above or below the input
+     * based on available space in the viewport, and will scale its height to fit if needed.
+     */
+    dynamicPosition: boolean;
+    /** Needed to determent where to place datepicker if dropdownPosition === 'top' */
+    size: 'small' | 'large';
+    get positionAttr(): "bottom" | "top";
+    get sizeAttr(): "small" | "large";
+    /** @internal */
+    activeCalendar: CalendarMonth;
+    /** @internal */
+    /** @internal */
+    weekdayArray: Date[];
+    /** @internal */
+    disabledDatesForActiveMonth: Date[];
+    datepickerPosition: 'bottom' | 'top';
+    private subs;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @internal
+     * Update local calendar variable and changes displayed calendar.
+     */
+    changeActiveCalendar(calendar: CalendarMonth): void;
+    /**
+     * @internal
+     * Returns a subset of all disabled dates.
+     *
+     * @param month current month to filter from
+     * @param disableDates master list of all disabled dates
+     * @returns a subset with current and adjacent months disabled dates
+     */
+    getDisabledDatesFor(calendar: CalendarMonth, disableDates?: (string | Date)[]): Date[];
+    /**
+     * Handles date-clicks from calendar compoentn. Emits event or changes calendar.
+     * @param date date clicked in calendar
+     */
+    dateClickHandler(date: Date): void;
+    setDropdownPosition(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nggv-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ngvDateChange": "ngvDateChange"; }, never, ["*"], false, never>;
+}
+
+declare class IsDisabledPipe implements PipeTransform {
+    transform(value: Date, config?: DisableDateConfig): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsDisabledPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsDisabledPipe, "isDisabled", false>;
+}
+
+declare class MatchesPipe implements PipeTransform {
+    transform(value: Date, selected: Date | undefined): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MatchesPipe, "matches", false>;
+}
+
+declare class DateThookPipe implements PipeTransform {
+    get today(): Date;
+    transform(date: Date, isDisabled: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateThookPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DateThookPipe, "dateThook", false>;
+}
+
+declare class NggvDatepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDatepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDatepickerModule, [typeof CalendarComponent, typeof CalendarDateDirective, typeof IsDisabledPipe, typeof DateThookPipe, typeof CalendarControlComponent, typeof DatepickerComponent, typeof DateInputComponent, typeof MatchesPipe], [typeof i2.CommonModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i5.TranslocoModule, typeof i12.NggvInputMaskModule, typeof i4$1.NggCoreWrapperModule], [typeof DateInputComponent, typeof DatepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDatepickerModule>;
+}
+
+declare const sortWeekDays: (firstDayOfWeek: WeekDay) => WeekDay[];
+/**
+ * Safely converts a value to a Date object, handling timezone issues.
+ * If the value is already a Date, returns it as-is.
+ * If it's a string in ISO format (YYYY-MM-DD), parses it in local timezone.
+ * Otherwise, uses standard Date constructor.
+ */
+declare const toLocalDate: (value: Date | string) => Date;
+/** Sets labels and sort weekday arrays based off of first day of week. */
+declare const getSortedWeekDays: (firstDayOfWeek: WeekDay, startDate?: Date) => Date[];
+/** Generate a matrix of dates used to visualize a calendar month. */
+declare const generateDateMatrix: (month: number, year: number, minWeeks: number | undefined, firstDayOfWeek: WeekDay) => Date[][];
+/** Returns the first date used in the calendars first button. */
+declare const firstCalendarDate: (date: Date, firstDayOfWeek: WeekDay) => Date;
+declare const getDayOffset: (from: WeekDay, to: WeekDay, firstDayOfWeek: WeekDay, direction?: "forward" | "back") => number;
+/** Returns an array of Dates for each of month. */
+declare const getMonthArray: () => Date[];
+/** Returns an array of Dates for the current year and the next. */
+declare const getYearArray: () => Date[];
+/** Returns true if the two dates have the same year, month and date values. */
+declare const match: (a: Date | undefined, b: Date | undefined) => boolean;
+declare const afterClosingHours: (closingHours: Date | undefined) => boolean;
+/**
+ * Checks if a date is before control date, regardless of time.
+ *
+ * @param date - comparison date
+ * @param controlDate - date to compare against
+ * @returns - true if the comparison date is before the control date
+ */
+declare const isBefore: (date: Date, controlDate: Date) => boolean;
+/**
+ * Checks if a date is after control date, regardless of time.
+ *
+ * @param date - comparison date
+ * @param controlDate - date to compare against
+ * @returns - true if the comparison date is before the control date
+ */
+declare const isAfter: (date: Date, controlDate: Date) => boolean;
+/**
+ * Checks if a value can be used to initiate a new Date object.
+ *
+ * @param value any value
+ * @returns - true if value can be coersed to a Date.
+ */
+declare const isValid: (value: any) => boolean;
+
+type UploadState = 'local' | 'uploading' | 'aborted' | 'uploaded' | 'validating' | 'error' | 'deleted' | 'done';
+type StateMap = {
+    [key in UploadState]: string | string[];
+};
+interface LocalFile {
+    raw: File | undefined;
+    progress: number;
+    uploadState: UploadState;
+    uploadRequests: Subscription | undefined;
+}
+interface APIStatusReason {
+    originatorId: string;
+    reason: string;
+    additionalInformation?: string;
+}
+interface APIStatusBaseProperties {
+    internalStatusReasonCode: string | null;
+    statusReasonInformation: APIStatusReason[] | null;
+}
+type APIStatus<T = APIStatusBaseProperties> = T & {
+    id: string;
+    status: string;
+};
+interface APIFileBaseProperties {
+    principal: string;
+    uploadDate: string;
+    registrarId: string;
+    registrarName: string;
+}
+type APIFile<T = APIFileBaseProperties, U = APIStatusBaseProperties> = APIStatus<U> & T & {
+    id: string;
+    fileName: string;
+};
+interface EventStateChange extends Partial<APIStatus> {
+    uploadState: UploadState;
+    fileName: string;
+}
+interface FileService<T = APIFileBaseProperties, U = APIStatusBaseProperties> {
+    uploadFile(file: File): Observable<HttpEvent<APIFile<T, U>>>;
+    fetchFiles(statuses?: string[]): Observable<Array<APIFile<T, U>>>;
+    fetchStatus(id: string): Observable<APIStatus<U> | undefined>;
+    /** Uses file as param to fetch file status. */
+    fetchStatusFor?(file: APIFile<T, U>): Observable<APIStatus<U> | undefined>;
+    removeFile(id: string): Observable<void>;
+    /** Uses file as param to remove file. */
+    removeFileFor?(file: APIFile<T, U>): Observable<void>;
+}
+
+type DragDropState = 'normal' | 'over' | 'uploading' | 'done';
+declare class NggvDragDropComponent implements OnInit, OnDestroy {
+    /** @internal */
+    deleteModalRef: NggvDialogComponent$1;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** Allowing selecting or dropping multiple files. */
+    service: FileService | undefined;
+    /** Mime types allowed. */
+    accept?: string;
+    /** Disables deletion or cancellation during defined states [local | uploading | aborted | uploaded | validating | error | deleted | done]. */
+    disableRemove: UploadState[];
+    /** File size limit in mega bytes. */
+    fileLimit: number;
+    /** Allowing selecting or dropping multiple files. */
+    multiple: boolean;
+    /** Determines if list should be shown under upload, disabling list disables multiple upload. */
+    list: boolean;
+    /** Frequency of requests which to send to the API requesting status updates. */
+    throttle: number;
+    /** Maximum number of attempts to request a status update from the API if service is unreachable. */
+    retryAttempts: number;
+    /** If selection of multiple file should be possible with a checkbox.
+     * @experimental work in progress and should not yet be used.
+     * @internal
+     */
+    selectable: boolean;
+    /** Allows multiple values from `apiFile.status` to be mapped to a single file upload state. */
+    stateMap: StateMap;
+    /** Statuses allowed to be fetch during the initial load. Used to hide "done" states from list. */
+    fetchStatuses: string[];
+    /** Statuses allowed be shown when status is "rejected". Will fallback to generic message. `null` allows all. */
+    errorCodes: string[] | null;
+    /** Event triggered on initialization and every time the "uploadState" for a file changes. */
+    stateChange: EventEmitter<EventStateChange>;
+    /** Event triggered when view details is clicked. */
+    detailsClick: EventEmitter<LocalFile & _sebgroup_green_angular_v_angular.APIStatusBaseProperties & {
+        id: string;
+        status: string;
+    } & _sebgroup_green_angular_v_angular.APIFileBaseProperties & {
+        id: string;
+        fileName: string;
+    }>;
+    /** @internal */
+    isDragDropAvailable: boolean;
+    /** @internal */
+    componentState: DragDropState;
+    /** @internal */
+    files: Map<string, LocalFile & APIFile>;
+    /** @internal */
+    lastFile: (LocalFile & APIFile) | undefined;
+    /** @internal */
+    selected: string[];
+    /** @internal */
+    loading: boolean;
+    /** @internal */
+    markedForDeletion: APIFile | undefined;
+    /**
+     * Initialize the component and warn if service is not defined. Will also fetch files for the list if enabled.
+     */
+    ngOnInit(): void;
+    /** Destroy all event listeners and polling running */
+    ngOnDestroy(): void;
+    /** @internal Warn user trying to leave page before all uploads are done. Custom message only works in older browsers. */
+    onBeforeUnload(event: Event): "You still have files uploading, are you sure you want to leave this page?" | undefined;
+    /** @internal Event handler for when a file is held over the drop area */
+    onDragEnter(event: DragEvent): void;
+    /** @internal Event handler for when a file leaves the drop area */
+    onDragLeave(event: DragEvent): void;
+    /** @internal Event handler for when a file is dropped on the drop area or when `input` files are selected */
+    onDrop(event: DragEvent | Event): void;
+    /** @internal Event trigger for when delete button is pressed */
+    onRemove(id: string, state: UploadState): void;
+    /** @internal */
+    onConfirmRemove(event: DialogEvent$1<LocalFile & APIFile>): void;
+    /** @internal Event handler for when the files should be uploaded */
+    onSubmit(): void;
+    /**
+     * @internal
+     * Using the state map convert `apiFile.state` to one of {@link UploadState}
+     * @param apiState the state given by the file to be used for mapping
+     */
+    determineUploadState(apiState: string): UploadState;
+    /** @internal */
+    uploadStateIsArray(state: string | string[]): state is string[];
+    /** @internal used for translation templating parameters */
+    translateParams(file: LocalFile & APIFile): {
+        fileLimit: string;
+        raw: File | undefined;
+        progress: number;
+        uploadState: UploadState;
+        uploadRequests: rxjs.Subscription | undefined;
+        internalStatusReasonCode: string | null;
+        statusReasonInformation: _sebgroup_green_angular_v_angular.APIStatusReason[] | null;
+        id: string;
+        status: string;
+        principal: string;
+        uploadDate: string;
+        registrarId: string;
+        registrarName: string;
+        fileName: string;
+    };
+    /**
+     * Poll the status endpoint to determine when file is valid
+     * @param file file used to check state and update
+     * @param delay how long each interval should wait before sending a request
+     */
+    private checkValidity;
+    private fallbackError;
+    /**
+     * Check so that no files are still validating
+     */
+    private allValidationDone;
+    /**
+     * Check so that no files are still uploading
+     */
+    private allUploadingDone;
+    /**
+     * Helper to update the component state to done and then back to normal
+     */
+    private setComponentStateDone;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDragDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDragDropComponent, "nggv-drag-drop", never, { "thook": { "alias": "thook"; "required": false; }; "service": { "alias": "service"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disableRemove": { "alias": "disableRemove"; "required": false; }; "fileLimit": { "alias": "fileLimit"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "list": { "alias": "list"; "required": false; }; "throttle": { "alias": "throttle"; "required": false; }; "retryAttempts": { "alias": "retryAttempts"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "stateMap": { "alias": "stateMap"; "required": false; }; "fetchStatuses": { "alias": "fetchStatuses"; "required": false; }; "errorCodes": { "alias": "errorCodes"; "required": false; }; }, { "stateChange": "stateChange"; "detailsClick": "detailsClick"; }, never, never, false, never>;
+}
+
+declare class ValuePipe implements PipeTransform {
+    private readonly differs;
+    constructor(differs: KeyValueDiffers);
+    private differ;
+    private values;
+    transform<K, V>(input: null): null;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V>): Array<V>;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V> | null): Array<V> | null;
+    transform<K, V>(input: Map<K, V>): Array<V>;
+    transform<K, V>(input: Map<K, V> | null): Array<V> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValuePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValuePipe, "value", false>;
+}
+/**
+ * Stand-alone version of existing value pipe.
+ *
+ * Impure flag needed due to keep track of changes in complex values (such as objects or arrays).
+ */
+declare class ValueImpurePipe implements PipeTransform {
+    private readonly differs;
+    private differ;
+    private values;
+    transform<K, V>(input: null): null;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V>): Array<V>;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V> | null): Array<V> | null;
+    transform<K, V>(input: Map<K, V>): Array<V>;
+    transform<K, V>(input: Map<K, V> | null): Array<V> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueImpurePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValueImpurePipe, "valueImpure", true>;
+}
+
+declare class NggvDragDropModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDragDropModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDragDropModule, [typeof ValuePipe, typeof NggvDragDropComponent], [typeof i3$2.HttpClientModule, typeof i5.TranslocoModule, typeof i5$1.NggvModalModule, typeof i4$1.NggCoreWrapperModule, typeof i2.CommonModule], [typeof NggvDragDropComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDragDropModule>;
+}
+
+/**
+ * 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
+ */
+declare class NggvDropdownComponent<K = string | null | undefined, V = string | null | undefined, T extends Option$1<K, V> = Option$1<K, V>> extends NggvBaseControlValueAccessorComponent$1 implements OnDestroy, OnChanges {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    protected dropdownUtils: DropdownUtils$1<K, V, T>;
+    /** Custom template for displaying options and groups. */
+    selectedContentTpl: TemplateRef<OptionBase$1<T>> | undefined;
+    optionContentTpl: TemplateRef<OptionBase$1<any>> | undefined;
+    groupLabelTpl: TemplateRef<OptionBase$1<any>> | undefined;
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    get isSmall(): boolean;
+    get isLarge(): boolean;
+    /**
+     * Sets the displayed size of the dropdown.
+     */
+    size: 'small' | 'large';
+    /** Text shown before an option is selected. */
+    placeholder?: string;
+    /** Specific value for aria-label. If not provided, label/labelTpl will be used. */
+    ariaLabel?: string;
+    /** If the dropdown should close when scrolling the viewport. Default: false */
+    closeOnScroll: boolean;
+    /** List of {@link Option} and {@link OptionGroup} listed when dropdown is expanded. */
+    set options(value: OptionBase$1<T>[]);
+    get options(): OptionBase$1<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;
+    /**
+     * Used to control if the dropdown list should select the current active element, when Space is pressed on the keyboard.
+     * Primary usage is for typeahead, where the should be able to write a filter query containing spaces,
+     * but not select the current active element with Space.
+     */
+    selectWithSpace: boolean;
+    /**
+     * Used to determine which changes should be handled by the dropdown.
+     * If set to false, all changes will be handled by the dropdown.
+     * If set to true, only changes that are distinct from the current value will be handled.
+     * Defaults to true.
+     */
+    onlyHandleDistinctChanges: boolean;
+    /**
+     * Emits changes of the expanded state of the dropdown
+     */
+    expandedChange: EventEmitter<boolean>;
+    /** @internal nullish option. */
+    get defaultNullishOption(): OptionBase$1<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;
+    /** Subscribe if dropdown expanded to listen to scroll outside to close dropdown. */
+    private onScrollSubscription;
+    keyEvent: KeyboardEvent;
+    private _options;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, dropdownUtils: DropdownUtils$1<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;
+    subscribeToOutsideScrollEvent(): 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$1<T>;
+    /**
+     * Returns true if argument is an {@link Option}.
+     * @param option the object to check.
+     */
+    isOption(option: OptionBase$1<T>): option is OptionGroup$1<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "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; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
+}
+
+declare class NggvDropdownListComponent implements OnInit, OnChanges {
+    protected translocoScope: TranslocoScope;
+    private renderer;
+    private elRef;
+    set expanded(state: boolean);
+    get expanded(): boolean;
+    state: any;
+    /** The additional amount to show when option is scrolled into view. */
+    scrollOffset: number;
+    optionContentTpl: TemplateRef<OptionBase$1<any>> | undefined;
+    groupLabelTpl: TemplateRef<OptionBase$1<any>> | undefined;
+    /** @internal List of references to the option elements. */
+    optionRefs: QueryList<ElementRef<HTMLLIElement>> | undefined;
+    /** Id of the host element and is accessible by the children, automatically generated if not provided. */
+    id: any;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    get positionAttr(): "bottom" | "top";
+    options: any[];
+    textToHighlight?: string;
+    /**
+     * Used to control if "selectedValueChanged" only should emit distinct changes, or each time a value is selected
+     * When true, value is not emitted if there's no distinct change
+     * When false, value is emitted every time an option is selected
+     * */
+    onlyEmitDistinctChanges: boolean;
+    /**
+     * Used to control if the dropdown list should select the current active element, when Space is pressed on the keyboard.
+     * Primary usage is for typeahead, where the should be able to write a filter query containing spaces,
+     * but not select the current active element with Space.
+     */
+    selectWithSpace: boolean;
+    /**
+     * When true, the dropdown will automatically choose to open above or below the input
+     * based on available space in the viewport, and will scale its height to fit if needed.
+     */
+    dynamicPosition: boolean;
+    selectedValueChanged: EventEmitter<any>;
+    /**
+     * Emitted when the dropdown is closed by user interactions (e.g. Escape or Tab) or other immediate close triggers.
+     * This notifies external consumers that the dropdown was closed as a result of a user action.
+     */
+    closed: EventEmitter<void>;
+    /**
+     * Emitted after the dropdown has fully closed and internal cleanup has been performed.
+     * Use this for post-close tasks that must run after subscriptions are torn down and resources released.
+     */
+    afterClose: EventEmitter<void>;
+    /** The current active option based on numeric index. */
+    activeIndex: number;
+    scope: string | undefined;
+    dropdownPosition: 'bottom' | 'top';
+    private dropdownUtils;
+    private _expanded;
+    private closed$;
+    selectedValue?: Option$1<string, any>;
+    /** Subscribe if dropdown expanded to listen to click outside to close dropdown. */
+    protected onClickSubscription: Subscription | undefined;
+    /** Subscribe to to keyboard events only when list is open. */
+    private onKeyDownSubscription;
+    private onKeyUpSubscription;
+    private _flattenedOptions;
+    constructor(translocoScope: TranslocoScope, renderer: Renderer2, elRef: ElementRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Returns true if argument is an {@link OptionGroup}.
+     * @param option the object to check.
+     */
+    isGroup(option: any): boolean;
+    /** @internal */
+    updateState(option: any, event: Event): void;
+    /**
+     * @internal
+     */
+    setExpanded(expanded?: boolean): void;
+    /**
+     * @internal
+     */
+    refreshSelectedOption(): void;
+    /**
+     * @internal
+     * @returns The active index (number) if option is found, -1 otherwise.
+     * - If a selectedValue exists that's not nullish and that options is found, return that index
+     * - Else, return first non nullish index
+     * - If none of the above criterias are met, -1 are returned
+     */
+    getActiveIndex(): number;
+    /**
+     * @internal
+     * evaluates wether the HTML element overflows
+     * @param elem The HTMLElement to evaluate
+     * */
+    isOverflow(elem: HTMLElement): boolean;
+    /**
+     * Typecast anything to an {@link OptionGroup}.
+     * @param group the object to typecast.
+     */
+    castGroup(group: any): any;
+    /**
+     * @internal
+     * Disables default events.
+     * @param event fired containing which key was pressed.
+     */
+    onKeyDown(event: KeyboardEvent): boolean;
+    /**
+     * @internal
+     * Enter toggles the dropdown, home, end, and, arrows change the index.
+     * Space selects the currently active option if `selectWithSpace` is true.
+     * @param event fired containing which key was released.
+     */
+    onKeyUp(event: KeyboardEvent): void;
+    /** @internal */
+    subscribeToKeyUpEvents(): void;
+    /** @internal */
+    subscribeToKeyDownEvents(): void;
+    /**
+     * Scrolls focused result into view with a specified offset.
+     * @param key the result index which to scroll to.
+     */
+    scrollToResult(option: any, focusElement?: boolean): void;
+    /**
+     * Calculates available space above and below the dropdown input,
+     * sets dropdownPosition ('top' or 'bottom') accordingly,
+     * and dynamically sets the max-height of the dropdown list to fit the viewport.
+     */
+    setDropdownPosition(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; "afterClose": "afterClose"; }, never, never, false, never>;
+}
+
+declare class NggvTypeaheadHighlightComponent 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<NggvTypeaheadHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadHighlightComponent, "nggv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvTypeaheadInputComponent extends NggvInputComponent$1 implements OnInit, OnDestroy {
+    element: ElementRef;
+    private renderer2;
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Reference to the host dropdown */
+    hostComponent: NggvDropdownComponent;
+    /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
+    resultFormatter?: (option: OptionBase$1<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$1<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;
+    /** @internal Used to determine wether the input has been moved or not */
+    inputMoved: boolean;
+    constructor(element: ElementRef, renderer2: Renderer2, ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * @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<NggvTypeaheadInputComponent, [null, null, { optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadInputComponent, "nggv-typeahead-input", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
+    protected translocoScope: TranslocoScope;
+    private renderer2;
+    private element;
+    hostComponent: NggvInputComponent$1;
+    /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
+    resultFormatter?: (option: OptionBase$1<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$1<any>) => string;
+    private _destroy$;
+    constructor(translocoScope: TranslocoScope, renderer2: Renderer2, 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;
+    /**
+     *
+     * @param expanded boolean to set if dropdown is expanded
+     */
+    setExpanded(expanded?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvTypeaheadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTypeaheadModule, [typeof NggvTypeaheadHighlightComponent, typeof NggvTypeaheadInputComponent, typeof NggvTypeaheadDropdownListComponent], [typeof i2.CommonModule, typeof i5$2.NggvTooltipModule], [typeof NggvTypeaheadHighlightComponent, typeof NggvTypeaheadInputComponent, typeof NggvTypeaheadDropdownListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTypeaheadModule>;
+}
+
+declare class NggvDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDropdownModule, [typeof NggvDropdownComponent, typeof NggvDropdownListComponent], [typeof i2.CommonModule, typeof i4$1.NggCoreWrapperModule, typeof NggvTypeaheadModule, typeof i5$2.NggvTooltipModule, typeof i3$1.NggvI18nModule], [typeof NggvDropdownComponent, typeof NggvDropdownListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDropdownModule>;
+}
+
+declare class NggvTypeaheadDirective<K = string | null | undefined, V = string | null | undefined, T extends Option$1<K, V> = Option$1<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$1<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$1<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;
+    /** Custom label for the empty option */
+    emptyOptionLabel?: string;
+    /** Emits the entered string the user has written in the input */
+    filterPhraseChange: EventEmitter<string>;
+    /** Forward text inputs to apply the filter function*/
+    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$1<any>;
+    get emptyOption(): OptionBase$1<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$1);
+    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; }; "emptyOptionLabel": { "alias": "emptyOptionLabel"; "required": false; }; }, { "filterPhraseChange": "filterPhraseChange"; }, never, never, true, never>;
+}
+
+/** Directive overrides routerLink attribute to allow external links. */
+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>;
+}
+
+declare class NggvExternalLinkDirectiveModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvExternalLinkDirectiveModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvExternalLinkDirectiveModule, [typeof NggvExternalLinkDirective], [typeof i2.CommonModule], [typeof NggvExternalLinkDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvExternalLinkDirectiveModule>;
+}
+
+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>;
+}
+declare class NggvI18nModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvI18nModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvI18nModule, never, never, [typeof i5.TranslocoModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvI18nModule>;
+}
+
+declare class TranslocoMockPipe implements PipeTransform {
+    transform: (value: number) => number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslocoMockPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslocoMockPipe, "transloco", false>;
+}
+declare class TranslocoMockTranspiler implements TranslocoTranspilerFunction {
+    transpile: (..._args: string[]) => string;
+}
+declare class TranslocoMockMissingHandler implements TranslocoMissingHandler {
+    handle: (key: string, _: TranslocoConfig, _params: HashMap) => string;
+}
+declare class TranslocoMockStrategy implements TranslocoFallbackStrategy {
+    getNextLangs: (_failedLang: string) => any;
+}
+declare class TranslocoMockInterceptor implements TranslocoInterceptor {
+    preSaveTranslation(translation: Translation, _lang: string): Translation;
+    preSaveTranslationKey(_key: string, value: string, _lang: string): string;
+}
+declare class NggvI18nTestModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvI18nTestModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvI18nTestModule, [typeof TranslocoMockPipe], [typeof i2.CommonModule], [typeof TranslocoMockPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvI18nTestModule>;
+}
+
+/**
+ * A button that will present an explanation to a problem/question.
+ * https://designlibrary.sebgroup.com/components/component-contextual-help-button
+ */
+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>;
+}
+
+declare class NggvInfoCircleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInfoCircleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInfoCircleModule, [typeof NggvInfoCircleComponent], [typeof i2.CommonModule, typeof i4$1.NggCoreWrapperModule, typeof i5$2.NggvTooltipModule], [typeof NggvInfoCircleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInfoCircleModule>;
+}
+
+/**
+ * Input fields allow users to add and edit text.
+ * https://designlibrary.sebgroup.com/components/component-input
+ */
+declare class NggvInputComponent extends NggvBaseControlValueAccessorComponent$1 implements OnInit, OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    element: ElementRef;
+    /**
+     * Adding .gds-form-item as a class to host element
+     */
+    class: string;
+    /**
+     * Adding .gds-form-item--small class based on size input for styling
+     */
+    size: 'small' | 'large';
+    /**
+     * 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$1<any>);
+    get inputMask(): InputmaskOptions$1<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, element: ElementRef);
+    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, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "size": { "alias": "size"; "required": false; }; "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>;
+}
+
+declare class NggvInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputModule, [typeof NggvInputComponent], [typeof i2.CommonModule, typeof i3$1.NggvI18nModule, typeof i12.NggvInputMaskModule, typeof i10.ReactiveFormsModule, typeof i6.NggvCharacterCountdownDirectiveModule, typeof i4$1.NggCoreWrapperModule], [typeof NggvInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputModule>;
+}
+
+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
+ */
+type InputMaskConfig$1 = {
+    /**
+     * 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;
+};
+
+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>;
+}
+
+declare class InputMaskConfig {
+    isAsync: boolean;
+    inputSelector: string;
+}
+
+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>;
+}
+
+declare class NggvInputMaskModule {
+    static forRoot(config?: Partial<InputMaskConfig>): ModuleWithProviders<NggvInputMaskModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputMaskModule, [typeof NggvInputMaskDirective, typeof InputMaskFormatPipe], never, [typeof NggvInputMaskDirective, typeof InputMaskFormatPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputMaskModule>;
+}
+
+declare const createMask: <T>(options: string | InputmaskOptions<T>) => InputmaskOptions<T>;
+
+declare global {
+    interface Window {
+        /** Counter for unique identifiers */
+        nggv: {
+            ids: {
+                [namespace: string]: number;
+                default: number;
+            };
+            nextId: (namespace?: string) => string;
+        };
+    }
+}
+
+interface DialogButtons {
+    positive?: string | null;
+    neutral?: string | null;
+    negative?: string | null;
+    danger?: string | null;
+}
+
+interface DialogEvent<T = any> {
+    original: Event | undefined;
+    payload: T | undefined;
+}
+declare class NggvDialogComponent implements OnInit, OnDestroy {
+    private renderer;
+    private ref;
+    private configurableFocusTrapFactory;
+    private configurableFocusTrap;
+    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. */
+    private _shown;
+    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>>;
+    nggvDangerEvent: EventEmitter<DialogEvent<any>>;
+    protected _previous: HTMLElement | undefined;
+    protected _firstFocusable: HTMLElement | undefined;
+    protected _lastFocusable: HTMLElement | undefined;
+    constructor(renderer: Renderer2, ref: ElementRef<HTMLElement>, configurableFocusTrapFactory: ConfigurableFocusTrapFactory);
+    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;
+    private enableFocusTrap;
+    private disableFocusTrap;
+    ngOnDestroy(): void;
+    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"; "nggvDangerEvent": "nggvDangerEvent"; }, never, ["*"], false, never>;
+}
+
+/** Modal slide-out component based on vanilla pattern library design.
+ * 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 `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:
+ * The modal hook defaults to 'slideout' but is customizeable.
+ * The closing button can be selected using 'slideout-close'.
+ * The backdrop is selectable using 'slideout-backdrop'.
+ */
+declare class NggvSlideOutComponent implements OnInit {
+    private host;
+    private renderer;
+    /** @internal */
+    slideOutRef: ElementRef | undefined;
+    /** Sets from which side the modal should open. */
+    side: 'left' | 'right';
+    /** Defines the default visibility state of the slide-out. */
+    private _shown;
+    set shown(value: boolean);
+    get shown(): boolean;
+    /** Defines the default visibility state of the modal. */
+    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 @Input() heading instead.
+     */
+    title: string;
+    /** Sets content body of the modal and can contain html code. The content body can also be set by nesting children to the modal tag. */
+    content?: string;
+    /** Sets whether it is possible to close the modal from the top right corner. */
+    closable: boolean;
+    /** Sets whether it is possible to close the modal by clicking outside the modal area (on the backdrop). */
+    closableOutside: boolean;
+    /** Allows the modal content to decide the width of the modal. */
+    autoWidth: boolean;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Aria label for the Close button with "X" icon, in the header */
+    closeButtonAriaLabel?: string;
+    /** @internal */
+    get fromLeft(): boolean;
+    _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);
+    /** Will emit true on closing event. */
+    nggvCloseEvent: EventEmitter<boolean>;
+    nggvPositiveEvent: EventEmitter<void>;
+    nggvNeutralEvent: EventEmitter<void>;
+    nggvNegativeEvent: EventEmitter<void>;
+    private previous;
+    private firstFocusable;
+    private lastFocusable;
+    constructor(host: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    onAction(event: Event, action: string): void;
+    /**
+     * Called on a modal element. Opens the modal and sets focus to the last focusable element in the modal.
+     *
+     * @param opener - reference to last focused element before opening modal
+     * @returns - true
+     */
+    open(opener?: HTMLElement): boolean;
+    /**
+     * Called on a modal element. Closes the modal and emits a `nggvCloseEvent`. Sets focus to the lats focused element if an element was sent in to open function.
+     *
+     * @param event
+     * @param initiator
+     */
+    close(event?: Event, initiator?: string): void;
+    /** @internal */
+    focusTrap(event: KeyboardEvent): void;
+    private limitFocusable;
+    private hideOverflow;
+    private resetOverflow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvSlideOutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvSlideOutComponent, "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; }; "closableOutside": { "alias": "closableOutside"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+}
+
+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;
+    /** Sets the width property of the list. Default = fit-content */
+    listWidth: 'fit-content' | 'max-content' | 'min-content' | 'auto';
+    /** Emits when the children container collapses, for components with change detection strategy "OnPush" */
+    actionEmitter: EventEmitter<void>;
+    /** @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; }; "listWidth": { "alias": "listWidth"; "required": false; }; }, { "actionEmitter": "actionEmitter"; }, never, ["*"], false, never>;
+}
+
+declare class NggvFoldOutOptionDirective {
+    baseClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvFoldOutOptionDirective, "[nggvOption]", never, {}, {}, never, never, false, never>;
+}
+
+declare class NggvModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModalModule, [typeof NggvDialogComponent, typeof NggvSlideOutComponent, typeof NggvFoldOutComponent, typeof NggvFoldOutOptionDirective], [typeof i2.CommonModule, typeof i6$1.NggvButtonModule, typeof i3$1.NggvI18nModule, typeof i4$1.NggCoreWrapperModule], [typeof NggvDialogComponent, typeof NggvSlideOutComponent, typeof NggvFoldOutComponent, typeof NggvFoldOutOptionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvModalModule>;
+}
+
+/** The Pagination component is used to separate long sets of data so that it is easier for a user to consume information. To change the current page simply click on the page number. */
+declare class PaginationComponent implements OnChanges {
+    /** Total size of pagination */
+    size: number;
+    /** Selected page */
+    value: number;
+    /** First page text */
+    firstText?: string;
+    /** Last page text */
+    lastText?: string;
+    /** Next page text */
+    nextText?: string;
+    /** Offset per page */
+    offset?: number;
+    /** Number of pages to display*/
+    pagingLength?: number;
+    /** Previous page text */
+    previousText?: string;
+    /** Use first and last navigation buttons*/
+    useFirstAndLast?: boolean;
+    /** Use text-based navigation buttons*/
+    useTextNav?: boolean;
+    /** Use dot-navigation */
+    useDotNav?: boolean;
+    /** Use 'Go to page' input field */
+    showGoToPage: boolean;
+    /** Element class name */
+    className: string;
+    /** Element ID */
+    id?: string;
+    /** Callback on page change */
+    pageNumberChange: EventEmitter<number>;
+    /** @internal */
+    pageNumber: number;
+    /** @internal */
+    list: Array<number>;
+    /** @internal */
+    dotnavList: Array<number>;
+    /** @internal */
+    pagingSize: number;
+    /** @internal */
+    showEllipsisStart: boolean;
+    /** @internal */
+    showEllipsisEnd: boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    setPagingSize(): void;
+    /** @internal */
+    handleOnChange(value: number): void;
+    /** @internal */
+    handlePageInput(pageInput: string): void;
+    /**
+     * Generates an array of the pages that needs to be displayed
+     * It depends on the size, offset, and the current value
+     */
+    private generateList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "nggv-pagination", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "firstText": { "alias": "firstText"; "required": false; }; "lastText": { "alias": "lastText"; "required": false; }; "nextText": { "alias": "nextText"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "pagingLength": { "alias": "pagingLength"; "required": false; }; "previousText": { "alias": "previousText"; "required": false; }; "useFirstAndLast": { "alias": "useFirstAndLast"; "required": false; }; "useTextNav": { "alias": "useTextNav"; "required": false; }; "useDotNav": { "alias": "useDotNav"; "required": false; }; "showGoToPage": { "alias": "showGoToPage"; "required": false; }; "className": { "alias": "className"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "pageNumberChange": "pageNumberChange"; }, never, never, false, never>;
+}
+
+declare class NggvPaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvPaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvPaginationModule, [typeof PaginationComponent], [typeof i2.CommonModule, typeof i10.FormsModule, typeof i3$1.NggvI18nModule, typeof i5.TranslocoModule, typeof i4$1.NggCoreWrapperModule], [typeof PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvPaginationModule>;
+}
+
+/** @internal Internal class used to uncheck radio buttons with the matching name. */
+declare class NggvRadioControlRegistry {
+    private _radios;
+    add(control: NgControl, radio: NggvRadioComponent): void;
+    remove(radio: NggvRadioComponent): void;
+    select(radio: NggvRadioComponent): void;
+    private _isSameGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioControlRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NggvRadioControlRegistry>;
+}
+/**
+ * Use radio buttons when users must select one option in a list with exclusive options out of a set of two or more options.
+ * https://designlibrary.sebgroup.com/components/component-radiobutton
+ */
+declare class NggvRadioComponent extends NggvBaseControlValueAccessorComponent$1 implements OnInit, OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected registry: NggvRadioControlRegistry;
+    protected cdr: ChangeDetectorRef;
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    /**
+     * Sets class on host element based on size input for styling
+     */
+    size: 'small' | 'large';
+    /**
+     * Syncs a FormControl in an existing FormGroup to a form control element by name.
+     */
+    formControlName?: string;
+    /**
+     * Decides if error should be connected to each individual radio button.
+     * If true, errors will be shown in nggv-radio-group component.
+     * If false, errors will be show below each radio button
+     */
+    isGroup: boolean;
+    /**
+     * Creates a new RadioComponent
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param registry internal registry used to uncheck radio buttons with the matching name, through dependency injection.
+     * @param cdr change detection reference for rendering purposes.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, registry: NggvRadioControlRegistry, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onInputChange(event: Event): void;
+    /** Writes a new value of true or false based on if argument matches this components value property. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (value: any) => any): void;
+    /** Checks that the name properties match and updates name property if only formControlName is given. */
+    private _checkName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+/**
+ * Creates a wrapper around a group of radio buttons.
+ * If there is an error to the form control connected to the radio buttons, it will be shown once below instead of below every individual radio button
+ */
+declare class NggvRadioGroupComponent extends NggvBaseControlValueAccessorComponent$1 implements OnInit {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    /**
+     * Sets class on host element based on size input for styling
+     */
+    size: 'small' | 'large';
+    /**
+     * Syncs a FormControl in an existing FormGroup to a form control element by name.
+     */
+    formControlName?: string;
+    /**
+     * Sets "flex-direction" of parent of radio buttons.
+     */
+    direction?: 'row' | 'column';
+    /**
+     * Creates a new RadioComponent
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param cdr change detection reference for rendering purposes.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /** Checks that the name properties match and updates name property if only formControlName is given. */
+    private _checkName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioGroupComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioGroupComponent, "nggv-radio-group", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class NggvRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvRadioModule, [typeof NggvRadioComponent, typeof NggvRadioGroupComponent], [typeof i2.CommonModule, typeof i3$1.NggvI18nModule, typeof i4$1.NggCoreWrapperModule], [typeof NggvRadioComponent, typeof NggvRadioGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvRadioModule>;
+}
+
+/** Pipe used to transform text with special characters into a simple kebab-case id. */
+declare class SlugPipe implements PipeTransform {
+    /**
+     * Function for executing the transformation to kebab-case id.
+     * @param value the text with special characters which to transform.
+     */
+    transform(value?: string): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlugPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SlugPipe, "slug", false>;
+}
+
+declare class NggvSlugPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvSlugPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvSlugPipeModule, [typeof SlugPipe], [typeof i2.CommonModule], [typeof SlugPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvSlugPipeModule>;
+}
+
+declare class TableDirective {
+    columnType: 'numeric' | 'text' | undefined;
+    sortable?: boolean;
+    sortOrder?: 'desc' | 'asc';
+    value: any;
+    thook: string | null | undefined;
+    get numericColumn(): boolean;
+    get isSortable(): boolean;
+    get orderAscending(): boolean;
+    get orderDescending(): boolean;
+    get negativeValue(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "[columnType]", never, { "columnType": { "alias": "columnType"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; }, {}, never, never, false, never>;
+}
+declare class TableTemplateDirective<K = string> {
+    templateRef: TemplateRef<any>;
+    tableColumn: K;
+    tableColumnTarget?: 'th' | 'td' | 'both';
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableTemplateDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableTemplateDirective<any>, "[tableColumn]", never, { "tableColumn": { "alias": "tableColumn"; "required": false; }; "tableColumnTarget": { "alias": "tableColumnTarget"; "required": false; }; }, {}, never, never, false, never>;
+}
+declare class TableFooterTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFooterTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFooterTemplateDirective, "[tableFooter]", never, {}, {}, never, never, false, never>;
+}
+declare class TableAppendableRowsTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableAppendableRowsTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableAppendableRowsTemplateDirective, "[tableAppendableRows]", never, {}, {}, never, never, false, never>;
+}
+
+type SortingOrder = 'asc' | 'desc';
+type ColumnType = 'numeric' | 'text';
+/** Generic type for TableRow data */
+type TableRow = Record<string, any>;
+/** Options applying to the table header */
+interface TableHeaderOptions {
+    /**
+     * Defined the text displayed in the table header.
+     * @example <th> {{TableColumn.label}} </th>
+     */
+    label?: string;
+    /** Adjusts text-alignment. */
+    valueType?: ColumnType;
+    /**
+     * Defines whether the table data can be ordered using this column.
+     * Setting this to false (or omitting it) will also remove the caret sorting symbol in specified column.
+     */
+    sortable?: boolean;
+    /**
+     * Defined aria label for a sortable column for the screen reader users.
+     */
+    ariaLabelSortable?: string;
+    /**
+     * Describes the sorting order of the column.
+     * As the table can only be sorted based on one column property, if the property is not undefined,
+     * it will instruct the table to sort the data based on this specific column.
+     */
+    order?: SortingOrder;
+    /**
+     * Dynamically hide or show the label and data on mobile view.
+     * This is useful when the table is displayed on a small screen and the data is not relevant.
+     */
+    hideLabelOnMobile?: boolean;
+    hidePropertyOnMobile?: boolean;
+    /**
+     * Set to true to make the text bold on mobile view.
+     * This is useful when the label is hidden on mobile view but the data is still displayed.
+     */
+    boldTextOnMobile?: boolean;
+    /**
+     * Used to set label for the column.
+     * This is useful when the column has an additional information that needs to be shown.
+     */
+    columnLabel?: string;
+}
+/** Options applying to table rows */
+interface TableRowOptions {
+    /** Adjusts text-alignment. */
+    valueType?: ColumnType;
+    /** Used to prevent the default click event to be emitted when clicking in cells for specified column */
+    preventDefaultClickEvent?: boolean;
+}
+/**
+ * Interface used to describe how a table column should be displayed. This includes the text and class used for the table header,
+ * and the data for each table row.
+ */
+interface TableColumn<T extends TableRow> extends TableHeaderOptions, TableRowOptions {
+    /**
+     * The property name used to identify what value to display in a cell for that column.
+     * @example <tr *ngFor="let data in dataList"> <td>{{ data[TableColumn.property] }}</td> </tr>
+     */
+    property: keyof T;
+}
+/**
+ * Interface describing event emitted on reordering the table.
+ */
+interface OrderBy<T extends TableRow> {
+    property: keyof T;
+    order: SortingOrder | undefined;
+}
+/**
+ * Interface describing the aria labels for sorting in the table.
+ * Aria label attributes are used for a screen reader to describe the sorting state of the table.
+ */
+interface ariaLabelsOrderBy {
+    asc: string;
+    desc: string;
+}
+
+/**
+ * A table component with built-in sorting and selecting functionality.
+ * By default, table cells (i.e. `<td>` elements) and table headers (i.e. `<th>` elements) are populated with text only values.
+ *
+ * To customize the contents of either the `<td>` or `<th>` elements (like adding color, icons, form fields, extra padding etc.), provide
+ * the customized content within a `<ng-template>`-tag, and place the ng-template in the html between the start and ending tag of
+ * the `<nggv-table>`. Add a `tableColumn`-attribute to the `<ng-template>`-element, and set the value to the specific column property.
+ * Set `tableColumnTarget` to either `th`, `td` or `both` (default) depending on target element type.
+ * The entire row from the `@Input() tableData` is available from the context `$implicit` variable.
+ *
+ * @example
+ * <!-- for table cells i.e. td-elements -->
+ * <ng-template tableColumn="status" tableColumnTarget="td" let-myDataVar="$implicit" let-status="$implicit.status">
+ *  <!-- my custom status element -->
+ * </ng-template>
+ *
+ * @example
+ * <!-- for table headers i.e. th-elements -->
+ * <ng-template tableColumn="status" tableColumnTarget="th" let-myDataVar="$implicit" let-status="$implicit.status">
+ *  <!-- my custom status element -->
+ * </ng-template>
+ *
+ * It is possible to add custom rows that are appended below data row. Use `<ng-template>`-tag and place the ng-template in the html between the start and ending tag of
+ * the `<nggv-table>`. Add a `tableAppendableRows`-attribute to the `<ng-template>`-element. Any `tr` elements that exist within `<ng-template tableAppendableRows>` and `</ng-template>` tags will be put below data row's `tr` element in the table.
+ *
+ * @example
+ * <!-- custom appended rows -->
+ * <ng-template tableAppendableRows let-myDataVar="$implicit" let-status="$implicit.status">
+ *  <tr>
+ *   <!-- first row's columns -->
+ *  </tr>
+ *  <!-- more rows if needed -->
+ * </ng-template>
+ *
+ * If custom styling is needed for data row that has appended rows, you can use data attribute `data-hasrowspan` to distinguish it from data row without appended rows.
+ * You can pass your own custom method with conditional logic to define what value will be passed to data-hasrowspan.
+ * In addition, hasRowSpan function accepts item from `@Input() tableData` as argument which is of the same type as value passed to context `$implicit` variable.
+ * IMPORTANT: use arrow function style for defining function inside component, i.e. `hasRowSpan = (value) => output;`. If regular function will be defined, i.e. `hasRowSpan(value) { return output; }`, binding will not work.
+ *
+ * @example
+ * <!-- inside component
+ * class CustomComponent {
+ *  customHasRowSpanFunction = (item: CustomDataType) => item.appendedRowsData.length > 0 ? true : false;
+ * }
+ * -->
+ * <!-- inside stylesheets
+ * [data-hasrowspan="true"] {
+ *  color: blue;
+ * }
+ * .appended-row {
+ *  color: blue;
+ * }
+ * -->
+ * <nggv-table [hasRowSpan]="customHasRowSpanFunction">
+ *  <!-- custom appended rows -->
+ *  <ng-template tableAppendableRows let-appendedRowsData="$implicit.appendedRowsData">
+ *   <tr *ngFor="let appendedRowItem of appendedRowsData" class="appended-row">
+ *    <td>{{ appendedRowItem }}</td>
+ *    <!-- other row's columns -->
+ *   </tr>
+ *  </ng-template>
+ * </nggv-table>
+ *
+ * In addition, it is possible to add footer for the table. Similarly to adding custom columns, use `<ng-template>`-tag and place the ng-template in the html between the start and ending tag of
+ * the `<nggv-table>`. Add a `tableFooter`-attribute to the `<ng-template>`-element. Any elements that exist within `<ng-template tableFooter>` and `</ng-template>` tags will be put to tfoot element inside the table.
+ *
+ * @example
+ * <!-- for table footer i.e. tfoot-element -->
+ * <ng-template tableFooter>
+ *  <tr>
+ *   <!-- first row's columns -->
+ *  </tr>
+ *  <!-- more rows if needed -->
+ * </ng-template>
+ *
+ */
+declare class TableComponent<T extends TableRow> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
+    /**
+     * @internal
+     * Custom templates defined in the html.
+     */
+    customTemplates: QueryList<TableTemplateDirective<keyof T>>;
+    /**
+     * @internal
+     * Custom appended rows template defined in the html.
+     */
+    appendedRowsTemplate: TableAppendableRowsTemplateDirective;
+    /**
+     * @internal
+     * Custom footer template defined in the html.
+     */
+    customFooterTemplate: TableFooterTemplateDirective;
+    /** Emits the table row that was clicked. Works on all columns if not preventDefaultEmit is set for that column. */
+    ngvRowClick: EventEmitter<any>;
+    /**
+     * Emits currently selected and deselected items in the table as key-value pairs.
+     * Uses each item`s itemId as key, and a boolean value to describe selected status.
+     */
+    ngvRowSelect: EventEmitter<string[]>;
+    /**
+     * Emits event to signal that the table should be reordered.
+     */
+    ngvOrderBy: EventEmitter<OrderBy<T>>;
+    /**
+     * An array of items describing how the table header should be rendered,
+     * together with instructions for how each row should be displayed in that column.
+     */
+    tableColumns: TableColumn<T>[];
+    /** Data array to display data in the table. Each item <T> in the array represents a row in the table. */
+    tableData: T[];
+    /**
+     * Property name used to uniquely describe each item (i.e. row) in the data table.
+     * Defaults to \'id\'.
+     * Is required if selectable is true.
+     */
+    rowId: string;
+    /**
+     * Function's return value is used for data attribute \'data-hasrowspan\'.
+     * If custom hasRowSpan function is not passed to the table,
+     * then this function returns undefined value by default which results in \'data-hasrowspan\' attribute being omitted in html
+     * (angular omits attributes that contain null or undefined value).
+     * IMPORTANT: use arrow function style for defining function inside component, i.e. `hasRowSpan = (value) => output;`. If regular function will be defined, i.e. `hasRowSpan(value) { return output; }`, binding will not work.
+     */
+    hasRowSpan: (item: T) => any;
+    /**
+     * Used to enable/disable the left-side checkbox column.
+     * Defaults to true.
+     */
+    selectable: boolean;
+    /**
+     * Array of row id's (as defined by rowId property) that should not have a checkbox even if selectable is true.
+     */
+    hiddenCheckboxRowIds: string[];
+    /**
+     * Used to enable/disable expandable rows.
+     * Defaults to false.
+     */
+    expandable: boolean;
+    /**
+     * Used to enable/disable the right-side expand icon column.
+     * Defaults to true.
+     */
+    expandedByDefault: boolean;
+    /**
+     * Property name used to describe the subItems in the data table.
+     */
+    subItemsProp: string;
+    /**
+     * Allow nggv-table to attempt sorting the data in the table. Not recommended if only a subset is loaded or if the dataset is very large.
+     * Disabled by default.
+     */
+    allowLocalSort: boolean;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Function to overwrite generated thook for each row. */
+    trThookFn?: (item: T) => string;
+    /** Aria label for the checkbox in the table header */
+    ariaLabelCheckboxTh?: string;
+    /** Aria label for the checkbox in the table header */
+    ariaLabelCheckboxTr?: string;
+    /** Aria labels for sorting in the table header */
+    ariaLabelsOrderBy?: ariaLabelsOrderBy;
+    /**
+     * @internal
+     * Internal data structure used to keep track of added content templates used in td elements.
+     */
+    customRowTemplates: Map<keyof T, TemplateRef<any>>;
+    /**
+     * @internal
+     * Internal data structure used to keep track of added content templates used in th elements.
+     */
+    customHeaderTemplates: Map<keyof T, TemplateRef<any>>;
+    /**
+     * @internal
+     * Internal data structure used to hold custom appended rows i.e. tr elements (rows).
+     */
+    appendedRowsTemplateRef: TemplateRef<any>;
+    /**
+     * @internal
+     * Internal data structure used to hold tfoot element children i.e. tr elements (rows).
+     */
+    customFooterTemplateRef: TemplateRef<any>;
+    /**
+     * @internal
+     * Incremental id.
+     */
+    initId: number;
+    /**
+     * @internal
+     * FormGroup containing all row id\'s as controls, and whether these are selected or not as values.
+     */
+    rowSelectors: UntypedFormGroup;
+    /**
+     * @internal
+     * Master selector for selecting or deselecting all row selectors.
+     */
+    groupSelector: UntypedFormControl;
+    private selected;
+    private subs;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @internal
+     * Returns a subscription to the master selector control that either selects or deselects all row controls.
+     */
+    get groupValueSubscription(): Subscription;
+    /**
+     * @internal
+     * Returns a subscription to all individual row selectors and update the master selector if all are selected.
+     */
+    get rowValueSubscription(): Subscription;
+    /**
+     * @internal
+     * Registers or disables row controls for new or removed rows.
+     */
+    registerSelectableRows(tableData: any[]): boolean;
+    /**
+     * @internal
+     * Returns all enabled values unless all rows are disabled.
+     */
+    get rowSelectorsValue(): any;
+    toggleSortOrderWithSpace(event: any, column: TableColumn<T>): void;
+    /**
+     * @internal
+     * Switches sorting order between ascending and descending order for a column.
+     * @param column the column to sort rows after.
+     */
+    toggleSortOrder(column: TableColumn<T>): void;
+    /** If sortable, reorders the table data using the specified column as ordering attribute. */
+    sortItemsBy(column: TableColumn<T>): TableRow[] | undefined;
+    /**
+     * @internal
+     * Emits row data for what row was clicked if defaultEmit is allowed.
+     */
+    propagateItemClick(item: any, preventDefaultEmit?: boolean): void;
+    getAriaLabel(column: TableColumn<T>): string | undefined;
+    private toggleRowToExpand;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "hiddenCheckboxRowIds": { "alias": "hiddenCheckboxRowIds"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expandedByDefault": { "alias": "expandedByDefault"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], ["*"], false, never>;
+}
+
+declare class TrThookPipe implements PipeTransform {
+    transform<V>(value: V, index: number, thookFn?: (rowData: V) => string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrThookPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TrThookPipe, "trThook", true>;
+}
+
+declare class NggvTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTableModule, [typeof TableComponent, typeof TableDirective, typeof TableTemplateDirective, typeof TableFooterTemplateDirective, typeof TableAppendableRowsTemplateDirective], [typeof i2.CommonModule, typeof i10.ReactiveFormsModule, typeof i5.TranslocoModule, typeof TrThookPipe], [typeof TableComponent, typeof TableTemplateDirective, typeof TableFooterTemplateDirective, typeof TableAppendableRowsTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTableModule>;
+}
+
+/**
+ * Directive that provides the tab container with data about its child tabs.
+ * The directive sets its own active state and adds aria attributes.
+ *
+ * @example
+ * <nggv-tabs>
+ *     <article tab="Tab title 1"> <!-- Content --> </article>
+ *     <article tab="Tab title 2" [active]="true"> <!-- Content --> </article>
+ *     <article tab="Tab title 3" disabled> <!-- Content --> </article>
+ *     <article tab="<strong>Tab title 4</strong>"> <!-- Content --> </article>
+ * </nggv-tabs>
+ */
+declare class TabDirective {
+    /** @internal */
+    baseClass: boolean;
+    /** @internal */
+    role: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** Sets whether this tab should be the active tab on load. */
+    active: boolean;
+    /** @internal */
+    get hidden(): boolean;
+    /** Sets the title displayed in the tab list for this child. */
+    tab: string;
+    /** Sets whether this tab should be able to be selected. */
+    disabled: boolean;
+    /** Identifier used for aria attributes and selection. */
+    id: string | number | undefined;
+    /** @internal */
+    get attrId(): string;
+    /** @internal */
+    get ariaLabelledby(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[tab]", never, { "thook": { "alias": "thook"; "required": false; }; "active": { "alias": "active"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+interface Tab {
+    /** Sets the title displayed in the tab list for this child. */
+    tab: string;
+    id?: string | number;
+    thook?: string;
+    active?: boolean;
+    disabled?: boolean;
+    link?: string;
+    directive?: TabDirective;
+}
+type EventTabChange = {
+    type: 'start';
+    prev: Tab | undefined;
+    next: Tab;
+    cancel: () => void;
+} | {
+    type: 'cancel';
+    prev: Tab | undefined;
+    next: Tab;
+} | {
+    type: 'end';
+    prev: Tab | undefined;
+    next: Tab;
+};
+
+declare class TabsComponent implements OnChanges, OnInit, AfterContentInit, OnDestroy {
+    protected router: Router;
+    /** @internal */
+    baseClass: boolean;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** @internal List of children with a {@link TabDirective}. */
+    tabRefs: QueryList<TabDirective>;
+    /**
+     * List of tabs to generate, this should not be used in conjunction with children that have a {@link TabDirective}.
+     * It is useful for generating a list of tabs with links for navigation.
+     * If any tab has the link property, a `<router-outlet>` is added below the tabs list.
+     */
+    tabs: Tab[];
+    /**
+     * Event triggered on initialization and every time the active tab changes.
+     * The tab change can be cancelled if event type is set to `'before'` and `cancel()` is called.
+     */
+    ngvTabSwitch: EventEmitter<EventTabChange>;
+    /** @internal Adds a `<router-outlet>` below the tabs list. */
+    useRouting: boolean;
+    /** @internal The currently active tab. */
+    selectedTab: Tab | undefined;
+    /** @internal If tab switching has started. */
+    isSwitching: boolean;
+    /** @internal */
+    protected subs: Subscription[];
+    constructor(router: Router);
+    /** @internal */
+    static uniqueIds(tabs: Tab[]): {
+        tab: string;
+        id?: string | number;
+        thook?: string;
+        active?: boolean;
+        disabled?: boolean;
+        link?: string;
+        directive?: TabDirective;
+    }[];
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    /** @internal */
+    protected updateFromInput: () => void;
+    /** @internal */
+    protected updateFromReferences: () => void;
+    /** @internal */
+    protected updateTabs(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    protected activateTab(tab: Tab): void;
+    /** @internal */
+    onSelect(id: string | number | undefined): void;
+    /** @internal */
+    onKeyDown(event: KeyboardEvent): boolean;
+    /** @internal */
+    protected tabFocusHelper(event: KeyboardEvent, tabElement: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "nggv-tabs", never, { "thook": { "alias": "thook"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, { "ngvTabSwitch": "ngvTabSwitch"; }, ["tabRefs"], ["*"], false, never>;
+}
+
+declare class NggvTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTabsModule, [typeof TabDirective, typeof TabsComponent], [typeof i2.CommonModule, typeof i5.TranslocoModule, typeof i4.RouterModule], [typeof TabDirective, typeof TabsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTabsModule>;
+}
+
+/** Textarea fields allow users to add and edit longer or multiple line text. */
+declare class NggvTextareaComponent extends NggvBaseControlValueAccessorComponent$1 {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /**
+     * Sets the small class based on the size input.
+     */
+    get isSmall(): boolean;
+    /**
+     * Sets the large class based on the size input.
+     */
+    get isLarge(): boolean;
+    /** Text shown before input has a written value. */
+    placeholder?: string;
+    /** If set to true, the value will not be editable. */
+    readonly: boolean;
+    /** Minimum length (number of characters) of value. */
+    set minLength(length: number);
+    get minlength(): number;
+    /**
+     * Minimum length (number of characters) of value.
+     * @deprecated minlength triggers angular-template-validation. Use @Input() minLength instead.
+     */
+    set minlength(length: 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);
+    /** Returns if maxlength is used */
+    get hasMaxLength(): boolean;
+    private _maxlength;
+    private _minlength;
+    /** Sets the height of the textarea and disables resize. A scrollbar will appear if necessary. */
+    rows?: number;
+    /**
+     * Sets the displayed size of the textarea.
+     */
+    size: 'small' | 'large';
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTextareaComponent, "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; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class NggvTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTextareaModule, [typeof NggvTextareaComponent], [typeof i2.CommonModule, typeof i3$1.NggvI18nModule, typeof i6.NggvCharacterCountdownDirectiveModule, typeof i4$1.NggCoreWrapperModule], [typeof NggvTextareaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTextareaModule>;
+}
+
+interface ToastMessage {
+    type: MessageType | 'success' | 'information' | 'error' | 'warning';
+    translocoScope?: string;
+    titleText?: string;
+    bodyText?: string;
+    template?: TemplateRef<any>;
+    templateContext?: any;
+    timeout?: number;
+    timeoutId?: number;
+    timeoutStartTime?: number;
+}
+declare enum MessageType {
+    Success = "success",
+    Information = "information",
+    Error = "error",
+    Warning = "warning"
+}
+
+declare class ToastMessageService {
+    private messages;
+    private messageSubject;
+    add(message: ToastMessage): void;
+    addMessage(type: 'success' | 'information' | 'error' | 'warning', translocoScope: string, titleText: string, bodyText?: string, timeout?: number, template?: TemplateRef<any>, templateContext?: any): void;
+    removeMessage(message: ToastMessage): void;
+    pauseMessageTimeout(message: ToastMessage): void;
+    resumeMessageTimeout(message: ToastMessage): void;
+    getMessages(): Observable<ToastMessage[]>;
+    private getDuplicateMessageIndex;
+    private removeMessageByIndex;
+    private setMessageRemoveTimeout;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastMessageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastMessageService>;
+}
+
+declare class ToastComponent implements OnInit, OnDestroy {
+    private toastMessageService;
+    closeButtonAriaLabel?: string;
+    private toastMessagesSubscription;
+    messages: ToastMessage[];
+    constructor(toastMessageService: ToastMessageService);
+    ngOnInit(): void;
+    onMouseEnter(message: ToastMessage): void;
+    onMouseLeave(message: ToastMessage): void;
+    removeMessage(message: ToastMessage): void;
+    trackByMessageIndex(index: number, message: ToastMessage): number;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "nggv-toast", never, { "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvToastModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvToastModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvToastModule, [typeof ToastComponent], [typeof i2.CommonModule, typeof i5.TranslocoModule, typeof i4$1.NggCoreWrapperModule], [typeof ToastComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvToastModule>;
+}
+
+type Placement = 'top' | 'right' | 'bottom' | 'left';
+type Position = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+/**
+ * A tooltip is a text label that acts as a helper to a specific item.
+ * Recommended to use value `top` or `bottom` with `placement` for responsive design.
+ * Dynamic resizing and tooltip position are a work in progress.
+ * https://designlibrary.sebgroup.com/components/component-tooltip
+ */
+declare class NggvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+    private anchorElementRef;
+    private renderer;
+    /** The text that will be shown in the tooltip. */
+    nggvTooltip?: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** The side of the anchor which the tooltip will be rendered.
+     * Recommended `top` and `bottom` for responsive designs as these are more stable.
+     */
+    placement: Placement;
+    /** Initial state and subsequent updates on wether the tooltip is visible. */
+    shown: boolean;
+    /** How far off from the text the tooltip will be rendered. */
+    offset: number;
+    /** How frequently the tooltip will be re-rendered when the page size changes. */
+    resizeThrottle: number;
+    /** Id of tooltip element. */
+    tooltipId?: string;
+    /** Numeric max-width for tooltip. */
+    maxWidth: number;
+    /** Emits a show event triggered changing visibility state of the tooltip. */
+    nggvShow: EventEmitter<HTMLElement>;
+    /** Emits a hide event triggered changing visibility state of the tooltip. */
+    nggvHide: EventEmitter<HTMLElement>;
+    /** @internal */
+    protected timeout: number;
+    /** @internal */
+    protected parentElement: HTMLElement;
+    /** @internal */
+    protected anchorElement: HTMLElement;
+    /** @internal */
+    protected tooltipElement: HTMLElement | undefined;
+    /** @internal */
+    protected arrowElement: HTMLElement | undefined;
+    /** @internal Check if changes should trigger a re-render */
+    static shouldUpdate(change: SimpleChange): boolean;
+    constructor(anchorElementRef: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onMouseEnter(): void;
+    /** @internal */
+    onMouseLeave(): void;
+    /** @internal */
+    resize(): void;
+    /**
+     * Sets the visibility state of the tooltip to true and creates a new tooltip if it doesn't exist or `recreate` is set.
+     * @param recreate if set to true, destroy any existing tooltip and create a new one.
+     */
+    show(recreate?: boolean): void;
+    /**
+     * Sets the visibility state of the tooltip to false and destroys an existing tooltip if `destroy` is set.
+     * @param destroy if set to true, destroy any existing tooltip.
+     */
+    hide(destroy?: boolean): void;
+    /**
+     * @internal
+     * Creates a new tooltip with the set placement and a given text as its body.
+     * @param text the string to be displayed in the tooltip body.
+     */
+    create(text: string): void;
+    /**
+     * @internal
+     * Destroys the current tooltip by un-setting variables, should only be used after detaching elements from the DOM.
+     */
+    destroy(): void;
+    /**
+     * @internal
+     * Recalculates the position of the tooltip.
+     */
+    updatePosition(): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `top` or `bottom`.
+     */
+    alignVertical(above: boolean, scrollPos: number, anchor: DOMRect, tooltipWidth: number, tooltipHeight: number, arrowWidth: number): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `left` or `right`.
+     */
+    alignHorizontal(before: boolean, scrollPos: number, anchor: DOMRect, tooltipHeight: number): void;
+    /**
+     * @internal
+     * Updates the CSS properties for the tooltip position.
+     */
+    setStyle(tooltip: Position, arrow: Position): void;
+    private pxToRem;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvTooltipDirective, "[nggvTooltip]", never, { "nggvTooltip": { "alias": "nggvTooltip"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "resizeThrottle": { "alias": "resizeThrottle"; "required": false; }; "tooltipId": { "alias": "tooltipId"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "nggvShow": "nggvShow"; "nggvHide": "nggvHide"; }, never, never, false, never>;
+}
+
+declare class NggvTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTooltipModule, [typeof NggvTooltipDirective], [typeof i3$1.NggvI18nModule], [typeof NggvTooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTooltipModule>;
+}
+
+declare class NggvModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModule, never, [typeof i2.CommonModule], [typeof NggvCharacterCountdownDirectiveModule, typeof i4$1.NggCoreWrapperModule, typeof NggvSlugPipeModule, typeof NggvAlertModule, typeof NggvBaseControlValueAccessorModule, typeof NggvBreadcrumbsModule, typeof NggvButtonModule, typeof NggvCardModule, typeof NggvCheckboxModule, typeof NggvDatepickerModule, typeof NggvDragDropModule, typeof NggvDropdownModule, typeof NggvExternalLinkDirectiveModule, typeof NggvI18nModule, typeof NggvInfoCircleModule, typeof NggvInputMaskModule, typeof NggvInputModule, typeof NggvModalModule, typeof NggvPaginationModule, typeof NggvRadioModule, typeof NggvTableModule, typeof NggvTabsModule, typeof NggvTextareaModule, typeof NggvToastModule, typeof NggvTooltipModule, typeof NggvTypeaheadModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvModule>;
+}
+
+export { AccountNumberPipe, AlertComponent, AlertType, ButtonStyle, CalendarComponent, CalendarControlComponent, CalendarDateDirective, CalendarMonth, CharacterCountdownDirective, DateControlValueAccessorComponent, DateCss, DateInputComponent, DatepickerComponent, DropdownUtils, InputMaskFormatPipe, IsDisabledPipe, MatchesPipe, MessageType, Month, NggvAccountNumberPipeModule, NggvAlertModule, NggvBaseControlValueAccessorComponent, NggvBaseControlValueAccessorModule, NggvBreadcrumbsComponent, NggvBreadcrumbsModule, NggvButtonComponent, NggvButtonModule, NggvCardComponent, NggvCardModule, NggvCharacterCountdownDirectiveModule, NggvCheckboxComponent, NggvCheckboxModule, NggvDatepickerModule, NggvDialogComponent, NggvDragDropComponent, NggvDragDropModule, NggvDropdownComponent, NggvDropdownListComponent, NggvDropdownModule, NggvExternalLinkDirective, NggvExternalLinkDirectiveModule, NggvFoldOutComponent, NggvFoldOutOptionDirective, NggvI18nModule, NggvI18nTestModule, NggvInfoCircleComponent, NggvInfoCircleModule, NggvInputComponent, NggvInputMaskDirective, NggvInputMaskModule, NggvInputModule, NggvMissingHandler, NggvModalModule, NggvModule, NggvPaginationModule, NggvRadioComponent, NggvRadioControlRegistry, NggvRadioGroupComponent, NggvRadioModule, NggvSlideOutComponent, NggvSlugPipeModule, NggvTableModule, NggvTabsModule, NggvTextareaComponent, NggvTextareaModule, NggvToastModule, NggvTooltipDirective, NggvTooltipModule, NggvTypeaheadDirective, NggvTypeaheadDropdownListComponent, NggvTypeaheadHighlightComponent, NggvTypeaheadInputComponent, NggvTypeaheadModule, PaginationComponent, SchemaType, SlugPipe, TabDirective, TableAppendableRowsTemplateDirective, TableComponent, TableDirective, TableFooterTemplateDirective, TableTemplateDirective, TabsComponent, ToastComponent, ToastMessageService, TrThookPipe, TranslocoMockInterceptor, TranslocoMockMissingHandler, TranslocoMockPipe, TranslocoMockStrategy, TranslocoMockTranspiler, ValueImpurePipe, ValuePipe, afterClosingHours, bbanPattern, createMask, firstCalendarDate, formatAccountNumber, generateDateMatrix, getDayOffset, getFormatDateMask, getLocaleDateMask, getLocaleDateString, getMonthArray, getSortedWeekDays, getYearArray, ibanPattern, isAfter, isBefore, isValid, match, setDateFormatCharacters, sortWeekDays, toLocalDate };
+export type { APIFile, APIFileBaseProperties, APIStatus, APIStatusBaseProperties, APIStatusReason, AccountNumberSchema, AlertMessage, ButtonTypes, CalendarType, ColumnType, DateCharacters, DialogEvent, DisableDateConfig, DragDropState, EventStateChange, EventTabChange, FileService, InputMaskConfig$1 as InputMaskConfig, InputmaskOptions, LocalFile, Option, OptionBase, OptionGroup, OrderBy, Placement, SortingOrder, StateMap, Tab, TableColumn, TableHeaderOptions, TableRow, TableRowOptions, ToastMessage, UploadState, ariaLabelsOrderBy };