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

package/src/lib/progress-circle/progress-circle.component.d.ts

@@ -0,0 +1,14 @@
+import { ProgressCircleThemes } from '@sebgroup/extract';
+import * as i0 from "@angular/core";
+export declare class NggProgressCircleComponent {
+    private _startValue;
+    private _endValue;
+    /** id of the progress circle */
+    id?: string;
+    /** theme of the progress circle */
+    theme: ProgressCircleThemes;
+    /** progress circle value in percentage */
+    set value(val: number);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggProgressCircleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggProgressCircleComponent, "ngg-progress-circle", never, { "id": { "alias": "id"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/src/lib/progress-circle/progress-circle.module.d.ts

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

package/src/lib/segmented-control/index.d.ts

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

package/src/lib/segmented-control/segmented-control.component.d.ts

@@ -0,0 +1,11 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface SegmentedControl {
+    url: string;
+    text: Observable<string> | string;
+}
+export declare class NggSegmentedControlComponent {
+    $controls: Observable<Array<SegmentedControl>> | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSegmentedControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggSegmentedControlComponent, "ngg-segmented-control", never, { "$controls": { "alias": "$controls"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/lib/segmented-control/segmented-control.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./segmented-control.component";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+export declare class NggSegmentedControlModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSegmentedControlModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggSegmentedControlModule, [typeof i1.NggSegmentedControlComponent], [typeof i2.RouterModule, typeof i3.CommonModule], [typeof i1.NggSegmentedControlComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggSegmentedControlModule>;
+}

package/src/lib/shared/core-element/core-element.directive.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NggCoreElementDirective implements OnInit {
+    private viewRef;
+    private readonly document;
+    private readonly renderer;
+    private readonly vcr;
+    private readonly cdr;
+    private readonly template;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggCoreElementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggCoreElementDirective, "[nggCoreElement]", never, {}, {}, never, never, false, never>;
+}

package/src/lib/shared/core-element/core-element.module.d.ts

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

package/src/lib/shared/core-element/index.d.ts

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

package/src/lib/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './shared.module';
+export * from './on-scroll.directive';
+export * from './core-element';

package/src/lib/shared/on-scroll.directive.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, ElementRef, InjectionToken, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const ON_SCROLL_TOKEN: InjectionToken<string>;
+export declare class NggOnScrollDirective implements AfterViewInit, OnDestroy {
+    private elementRef;
+    onScroll$: Subject<unknown>;
+    destroy$: Subject<unknown>;
+    constructor(elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggOnScrollDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggOnScrollDirective, "[nggOnScroll]", never, {}, {}, never, never, false, never>;
+}

package/src/lib/shared/shared.module.d.ts

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

package/src/lib/slider/index.d.ts

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

package/src/lib/slider/slider.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+interface SliderStyle {
+    background?: string;
+}
+export declare class NggSliderComponent implements ControlValueAccessor, OnInit, OnChanges {
+    name: string;
+    min: number;
+    max: number;
+    step: number;
+    label: string;
+    instruction: string;
+    placeholder: string;
+    errorMessage: string;
+    hasTextbox: boolean;
+    unitLabel: string;
+    disabled: boolean;
+    value: number;
+    enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    sliderChange: EventEmitter<number>;
+    sliderTouch: EventEmitter<boolean>;
+    onChangeFn?: (val: number) => void;
+    onTouchedFn?: VoidFunction;
+    style: SliderStyle;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onBlur(): void;
+    handleChange(): void;
+    setTrackBackground(): void;
+    /** control value accessor functions */
+    writeValue(val: number): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggSliderComponent, "ngg-slider", never, { "name": { "alias": "name"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "label": { "alias": "label"; "required": false; }; "instruction": { "alias": "instruction"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hasTextbox": { "alias": "hasTextbox"; "required": false; }; "unitLabel": { "alias": "unitLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; }, { "sliderChange": "sliderChange"; "sliderTouch": "sliderTouch"; }, never, never, false, never>;
+}
+export {};

package/src/lib/slider/slider.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./slider.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+export declare class NggSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggSliderModule, [typeof i1.NggSliderComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.NggSliderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggSliderModule>;
+}

package/src/lib/sortable-list/index.d.ts

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

package/src/lib/sortable-list/sortable-list.component.d.ts

@@ -0,0 +1,91 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface SortableListItem {
+    id: any;
+    name: string;
+    description?: string;
+    selected?: boolean;
+    hasCustomSuffix?: boolean;
+}
+export interface SortableListGroup {
+    items: SortableListItem[];
+    title: string;
+    description?: string;
+}
+export declare class NggSortableListComponent {
+    groups: SortableListGroup[];
+    shouldDisplayCheckboxes: boolean;
+    isReadOnly: boolean;
+    isDraggable: boolean;
+    description: string;
+    suffixTemplate: TemplateRef<any> | null;
+    itemSelectionChanged: EventEmitter<{
+        changedItem: SortableListItem;
+        groups: SortableListGroup[];
+    }>;
+    itemOrderChanged: EventEmitter<{
+        previousIndex: [number, number];
+        currentIndex: [number, number];
+        groups: SortableListGroup[];
+    }>;
+    sortableListGroups: ElementRef;
+    focusedIndex: Record<number, number>;
+    /**
+     * Toggles the selection of a checklist item and updates its position in the list.
+     *
+     * @param item - The checklist item to update.
+     */
+    toggleSelection(item: SortableListItem): void;
+    /**
+     * Handles the onDragDrop event.
+     *
+     * @param event - The drag and drop event.
+     */
+    onDragDrop(event: CdkDragDrop<SortableListItem[]>): void;
+    /**
+     * Handles moving items up or down using the alt + arrow up or alt + arrow down keys.
+     *
+     * @param groupIndex - The index of the group.
+     * @param currentItemIndex - The current index of the item.
+     * @param newItemIndex - The new index of the item.
+     */
+    onAltArrowKeydown(groupIndex: number, currentItemIndex: number, newItemIndex: number, event: any): void;
+    /**
+     * Handles focus by arrow keydown event.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     * @param event - The keyboard event.
+     */
+    onArrowKeydown(groupIndex: number, itemIndex: number, event: Event): void;
+    /**
+     * Emits the item order changed event.
+     *
+     * @param previousIndex - The previous index of the item.
+     * @param currentIndex - The current index of the item.
+     */
+    private emitItemOrderChanged;
+    /**
+     * Emits the selected checklist item through an event.
+     *
+     * @param item - The checklist item to emit.
+     */
+    private emitCheckListItem;
+    /**
+     * Focuses on a specific item in the sortable list.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     */
+    private focusItem;
+    /**
+     * Checks if an item has focus.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     */
+    itemHasFocus(groupIndex: number, itemIndex: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSortableListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggSortableListComponent, "ngg-sortable-list", never, { "groups": { "alias": "groups"; "required": false; }; "shouldDisplayCheckboxes": { "alias": "shouldDisplayCheckboxes"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isDraggable": { "alias": "isDraggable"; "required": false; }; "description": { "alias": "description"; "required": false; }; "suffixTemplate": { "alias": "suffixTemplate"; "required": false; }; }, { "itemSelectionChanged": "itemSelectionChanged"; "itemOrderChanged": "itemOrderChanged"; }, never, never, false, never>;
+}

package/src/lib/sortable-list/sortable-list.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sortable-list.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/drag-drop";
+export declare class NggSortableListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSortableListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggSortableListModule, [typeof i1.NggSortableListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.DragDropModule], [typeof i1.NggSortableListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggSortableListModule>;
+}

package/src/v-angular/account-number/README.md

@@ -0,0 +1,70 @@
+# AccountNumberPipe
+
+## About
+
+Used to format IBAN and BBAN account numbers with spaces.
+
+### BBAN
+
+- The formatting starts when accountNumber.length > 8, according to this format: XXXX XX XXX <XXXX>
+- If the length of the string is less than 9, no formatting is done.
+- Groups 4 chars - space - 2 chars - space - 3 chars - space - rest of the chars without space
+
+```
+Examples:
+XXXX XX XXX
+XXXX XX XXX X
+XXXX XX XXX XX
+XXXX XX XXX XXX
+XXXX XX XXX XXXX
+XXXX XX XXX XXXXX...X
+```
+
+### IBAN
+
+- Adds a whitespace after every fourth character without and minimum or maximum length
+
+```
+Examples:
+XXXX XXXX
+XXXX XXXX X
+XXXX XXXX XX
+XXXX XXXX XXX
+XXXX XXXX XXXX
+XXXX XXXX XXXX X
+XXXX XXXX XXXX XX
+XXXX XXXX XXXX XXX
+XXXX XXXX XXXX XXXX
+XXXX XXXX XXXX XXXX ...
+```
+
+## Import
+
+- Add seb-payment-front to the .npmrc: `@sebgroup:registry=https://repo7.sebank.se/artifactory/api/npm/seb-payment-front-npm-virtual/`
+- Install @sebgroup/ngv-core: `npm i @sebgroup/ngv-core`
+
+## Usage
+
+- In your module, declare the pipe
+
+```ts
+import { AccountNumberPipe } from '@sebgroup/ngv-core';
+// accounts.module.ts
+@NgModule({
+    providers: [...],
+    imports: [...],
+    declarations: [
+        AccountNumberPipe
+    ]
+})
+```
+
+- The pipe accepts one optional formatting argument; `schema?: AccountNumberSchema`
+- `type AccountNumberSchema = "iban" | "bban"`
+- In your HTML, use the pipe
+
+```HTML
+<!-- accounts.component.html -->
+<span>{{ account.iban | accountNumber: 'iban' }}</span> <!-- Format according to 'iban' -->
+<span>{{ account.bban | accountNumber: 'bban' }}</span> <!-- Format according to 'bban' -->
+```

package/src/v-angular/account-number/account-number.module.d.ts

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

package/src/v-angular/account-number/account-number.pipe.d.ts

@@ -0,0 +1,32 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const enum SchemaType {
+    IBAN = "iban",
+    BBAN = "bban"
+}
+export type AccountNumberSchema = 'iban' | 'bban';
+export declare const bbanPattern: RegExp;
+export 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
+ */
+export 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>'
+ */
+export declare class AccountNumberPipe implements PipeTransform {
+    transform: (value: string, schema?: AccountNumberSchema) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccountNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AccountNumberPipe, "accountNumber", false>;
+}

package/src/v-angular/account-number/index.d.ts

@@ -0,0 +1,2 @@
+export * from './account-number.pipe';
+export * from './account-number.module';

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

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import { AlertType } from './alert.models';
+import * as i0 from "@angular/core";
+export declare class AlertComponent {
+    type: AlertType;
+    title?: string;
+    body?: string;
+    linkText?: 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; }; "actionText": { "alias": "actionText"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "closeAlert": "closeAlert"; "clickLink": "clickLink"; "clickAction": "clickAction"; }, never, never, false, never>;
+}

package/src/v-angular/alert/alert.models.d.ts

@@ -0,0 +1,13 @@
+export interface AlertMessage {
+    type: AlertType;
+    titleText?: string;
+    bodyText?: string;
+    linkText?: string;
+    actionText?: string;
+}
+export declare enum AlertType {
+    Success = "success",
+    Information = "information",
+    Warning = "warning",
+    Danger = "danger"
+}

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

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

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

@@ -0,0 +1,3 @@
+export * from './alert.component';
+export * from './alert.module';
+export * from './alert.models';

package/src/v-angular/base-control-value-accessor/base-control-value-accessor.component.d.ts

@@ -0,0 +1,130 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
+import { TranslocoScope } from '@jsverse/transloco';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export 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>;
+    /** 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"], never, false, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NggvBaseControlValueAccessorComponent>;
+}

package/src/v-angular/base-control-value-accessor/base-control-value-accessor.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./base-control-value-accessor.component";
+export declare class NggvBaseControlValueAccessorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvBaseControlValueAccessorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvBaseControlValueAccessorModule, [typeof i1.NggvBaseControlValueAccessorComponent], never, [typeof i1.NggvBaseControlValueAccessorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvBaseControlValueAccessorModule>;
+}

package/src/v-angular/base-control-value-accessor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base-control-value-accessor.component';
+export * from './base-control-value-accessor.module';

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

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

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumbs.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@sebgroup/green-angular/src/v-angular/external-link";
+import * as i4 from "@angular/router";
+export declare class NggvBreadcrumbsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvBreadcrumbsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvBreadcrumbsModule, [typeof i1.NggvBreadcrumbsComponent], [typeof i2.CommonModule, typeof i3.NggvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof i1.NggvBreadcrumbsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvBreadcrumbsModule>;
+}

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

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