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

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

@@ -0,0 +1,39 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
+import type Inputmask from 'inputmask';
+import { InputMaskConfig } from './config';
+import type { InputmaskOptions } from './input-mask.types';
+import * as i0 from "@angular/core";
+export declare class NggvInputMaskDirective<T = any> implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    private platformId;
+    private elementRef;
+    private renderer;
+    private ngZone;
+    /** Input settings of directive */
+    nggvInputMask: InputmaskOptions<T>;
+    inputMaskPlugin: Inputmask.Instance | undefined;
+    nativeInputElement: HTMLInputElement | undefined;
+    defaultInputMaskConfig: InputMaskConfig;
+    private mutationObserver;
+    constructor(ngControl: NgControl, config: InputMaskConfig, platformId: string, elementRef: ElementRef<HTMLInputElement | any>, renderer: Renderer2, ngZone: NgZone);
+    onInput: (_: any) => void;
+    onTouched: (_: any) => void;
+    onKeyUp(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    initInputMask(): void;
+    ngAfterViewInit(): void;
+    get inputMaskOptions(): Inputmask.Options;
+    writeValue(value: string): void;
+    registerOnChange(fn: (_: T | null) => void): void;
+    registerOnTouched(fn: any): void;
+    validate: (control: AbstractControl) => {
+        [key: string]: any;
+    } | null;
+    setDisabledState(disabled: boolean): void;
+    private get control();
+    private setNativeInputElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputMaskDirective<any>, [{ optional: true; self: true; }, null, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvInputMaskDirective<any>, "[nggvInputMask]", never, { "nggvInputMask": { "alias": "nggvInputMask"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,11 @@
+import { ModuleWithProviders } from '@angular/core';
+import { InputMaskConfig } from './config';
+import * as i0 from "@angular/core";
+import * as i1 from "./input-mask.directive";
+import * as i2 from "./input-mask-format.pipe";
+export declare class NggvInputMaskModule {
+    static forRoot(config?: Partial<InputMaskConfig>): ModuleWithProviders<NggvInputMaskModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputMaskModule, [typeof i1.NggvInputMaskDirective, typeof i2.InputMaskFormatPipe], never, [typeof i1.NggvInputMaskDirective, typeof i2.InputMaskFormatPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputMaskModule>;
+}

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

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

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

@@ -0,0 +1,64 @@
+import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { DialogButtons } from '../modal.types';
+import * as i0 from "@angular/core";
+export interface DialogEvent<T = any> {
+    original: Event | undefined;
+    payload: T | undefined;
+}
+export declare class NggvDialogComponent implements OnInit {
+    private renderer;
+    dialogRef: ElementRef | undefined;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** @internal */
+    baseClass: boolean;
+    /** @internal Defines the default visibility state of the dialog. */
+    _shown: boolean;
+    set shown(value: boolean);
+    get shown(): boolean;
+    /** @internal */
+    get ariaHidden(): boolean;
+    /** Defines the default visibility state of the dialog. */
+    initiallyShown: boolean;
+    /** Sets modal heading. Will be translated (using transloco) if the string matches a cms key. */
+    heading: string;
+    /**
+     * Sets modal title. Will be translated (using transloco) if the string matches a cms key.
+     * @deprecated - use heading instead.
+     */
+    title: string;
+    /** Sets content body and can contain html code. The content body can also be set by nesting children to the dialog tag. */
+    content?: string;
+    /** Defines if dialog should close on action. */
+    autoClose: boolean;
+    /** An array of event payloads that will be added to every click context menu item click. */
+    payload: any;
+    dialogTitleId: string;
+    /** Pass the null if you don't want dialog body to be announced by the screen reader */
+    dialogBodyId: string | null;
+    /** It gives an ability for parent component to control if modal should be closed on esc button click. */
+    closeModalOnEscape: boolean;
+    /** Aria label for the Close button with "X" icon, in the header */
+    closeButtonAriaLabel?: string;
+    _buttons: DialogButtons | undefined;
+    /** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
+    set buttons(buttons: DialogButtons);
+    nggvCloseEvent: EventEmitter<DialogEvent<any>>;
+    nggvPositiveEvent: EventEmitter<DialogEvent<any>>;
+    nggvNeutralEvent: EventEmitter<DialogEvent<any>>;
+    nggvNegativeEvent: EventEmitter<DialogEvent<any>>;
+    protected _previous: HTMLElement | undefined;
+    protected _firstFocusable: HTMLElement | undefined;
+    protected _lastFocusable: HTMLElement | undefined;
+    constructor(renderer: Renderer2);
+    ngOnInit(): void;
+    onAction(event: Event, action: string): void;
+    open(opener?: HTMLElement): boolean;
+    protected _limitFocusable(): void;
+    close(event?: Event, initiator?: string): void;
+    focusTrap(event: KeyboardEvent): void;
+    private hideOverflow;
+    private resetOverflow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,83 @@
+import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { DialogButtons } from '../modal.types';
+import * as i0 from "@angular/core";
+/** 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'.
+ */
+export 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;
+    /** 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; }; "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>;
+}

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

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

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

@@ -0,0 +1,64 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import '@sebgroup/green-core/components/icon/icons/chevron-left.js';
+import '@sebgroup/green-core/components/icon/icons/chevron-right.js';
+import '@sebgroup/green-core/components/icon/icons/arrow-left.js';
+import * as i0 from "@angular/core";
+/** 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. */
+export 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>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pagination.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@sebgroup/green-angular/src/v-angular/i18n";
+import * as i5 from "@jsverse/transloco";
+import * as i6 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvPaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvPaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvPaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NggvI18nModule, typeof i5.TranslocoModule, typeof i6.NggCoreWrapperModule], [typeof i1.PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvPaginationModule>;
+}

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

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

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

@@ -0,0 +1,49 @@
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@jsverse/transloco';
+import { NggvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import * as i0 from "@angular/core";
+/** @internal Internal class used to uncheck radio buttons with the matching name. */
+export 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
+ */
+export declare class NggvRadioComponent extends NggvBaseControlValueAccessorComponent 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;
+    /** Syncs a FormControl in an existing FormGroup to a form control element by name. */
+    formControlName?: string;
+    /**
+     * 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; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@sebgroup/green-angular/src/v-angular/i18n";
+import * as i4 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvRadioModule, [typeof i1.NggvRadioComponent], [typeof i2.CommonModule, typeof i3.NggvI18nModule, typeof i4.NggCoreWrapperModule], [typeof i1.NggvRadioComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvRadioModule>;
+}

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

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

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

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

package/src/v-angular/slug/slug.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Pipe used to transform text with special characters into a simple kebab-case id. */
+export 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>;
+}

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

@@ -0,0 +1,5 @@
+export * from './table.component';
+export * from './table.directive';
+export * from './tr-thook.pipe';
+export * from './table.models';
+export * from './table.module';