@sebgroup/green-angular 5.1.2 → 5.3.0

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

@@ -20,8 +20,8 @@ export declare class TranslocoMockInterceptor implements TranslocoInterceptor {
     preSaveTranslation(translation: Translation, _lang: string): Translation;
     preSaveTranslationKey(_key: string, value: string, _lang: string): string;
 }
-export declare class NgvI18nTestModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvI18nTestModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvI18nTestModule, [typeof TranslocoMockPipe], [typeof i1.CommonModule], [typeof TranslocoMockPipe]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvI18nTestModule>;
+export declare class NggvI18nTestModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvI18nTestModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvI18nTestModule, [typeof TranslocoMockPipe], [typeof i1.CommonModule], [typeof TranslocoMockPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvI18nTestModule>;
 }

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

@@ -4,13 +4,13 @@ import * as i0 from "@angular/core";
  * A button that will present an explanation to a problem/question.
  * https://designlibrary.sebgroup.com/components/component-contextual-help-button
  */
-export declare class NgvInfoCircleComponent {
+export declare class NggvInfoCircleComponent {
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /**
      * Text to display in tooltip when mouse hovers over icon.
      */
     info: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInfoCircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInfoCircleComponent, "nggv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInfoCircleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvInfoCircleComponent, "nggv-info-circle", never, { "thook": { "alias": "thook"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -3,8 +3,8 @@ import * as i1 from "./info-circle.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@sebgroup/green-angular/src/lib/shared";
 import * as i4 from "@sebgroup/green-angular/src/v-angular/tooltip";
-export declare class NgvInfoCircleModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInfoCircleModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInfoCircleModule, [typeof i1.NgvInfoCircleComponent], [typeof i2.CommonModule, typeof i3.NggCoreWrapperModule, typeof i4.NgvTooltipModule], [typeof i1.NgvInfoCircleComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInfoCircleModule>;
+export declare class NggvInfoCircleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInfoCircleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInfoCircleModule, [typeof i1.NggvInfoCircleComponent], [typeof i2.CommonModule, typeof i3.NggCoreWrapperModule, typeof i4.NggvTooltipModule], [typeof i1.NggvInfoCircleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInfoCircleModule>;
 }

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

@@ -3,20 +3,20 @@ import { NgControl, UntypedFormControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
 import { Subject } from 'rxjs';
 import type { InputmaskOptions } from '@sebgroup/green-angular/src/v-angular/input-mask';
-import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import { NggvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
 import * as i0 from "@angular/core";
 /**
  * Input fields allow users to add and edit text.
  * https://designlibrary.sebgroup.com/components/component-input
  */
-export declare class NgvInputComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+export declare class NggvInputComponent extends NggvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     /** Adding .gds-form-item as a class to host element */
     class: string;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    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. */
@@ -59,11 +59,6 @@ export declare class NgvInputComponent extends NgvBaseControlValueAccessorCompon
     pattern: string;
     /** Amount of time to wait until emitting (nggvINput) event */
     debounceTime: number;
-    /**
-     * @deprecated
-     * Text to put in badge
-     */
-    badgeText: string;
     /** Settings for input mask if requested */
     private _inputMask;
     set inputMask(newInputMask: InputmaskOptions<any>);
@@ -85,6 +80,6 @@ export declare class NgvInputComponent extends NgvBaseControlValueAccessorCompon
     cutTextAfterMaxLength(value: any): any;
     /** @internal */
     onInput(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "badgeText": { "alias": "badgeText"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
 }

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

@@ -5,8 +5,9 @@ import * as i3 from "@sebgroup/green-angular/src/v-angular/i18n";
 import * as i4 from "@sebgroup/green-angular/src/v-angular/input-mask";
 import * as i5 from "@angular/forms";
 import * as i6 from "@sebgroup/green-angular/src/v-angular/character-countdown";
-export declare class NgvInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInputModule, [typeof i1.NgvInputComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule, typeof i4.NgvInputMaskModule, typeof i5.ReactiveFormsModule, typeof i6.NggCharacterCountdownDirectiveModule], [typeof i1.NgvInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInputModule>;
+import * as i7 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputModule, [typeof i1.NggvInputComponent], [typeof i2.CommonModule, typeof i3.NggvI18nModule, typeof i4.NggvInputMaskModule, typeof i5.ReactiveFormsModule, typeof i6.NggvCharacterCountdownDirectiveModule, typeof i7.NggCoreWrapperModule], [typeof i1.NggvInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputModule>;
 }

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

@@ -4,7 +4,7 @@ import type Inputmask from 'inputmask';
 import { InputMaskConfig } from './config';
 import type { InputmaskOptions } from './input-mask.types';
 import * as i0 from "@angular/core";
-export declare class NgvInputMaskDirective<T = any> implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
+export declare class NggvInputMaskDirective<T = any> implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
     ngControl: NgControl;
     private platformId;
     private elementRef;
@@ -34,6 +34,6 @@ export declare class NgvInputMaskDirective<T = any> implements OnInit, AfterView
     setDisabledState(disabled: boolean): void;
     private get control();
     private setNativeInputElement;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputMaskDirective<any>, [{ optional: true; self: true; }, null, null, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvInputMaskDirective<any>, "[nggvInputMask]", never, { "nggvInputMask": { "alias": "nggvInputMask"; "required": false; }; }, {}, never, never, false, never>;
+    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

@@ -3,9 +3,9 @@ import { InputMaskConfig } from './config';
 import * as i0 from "@angular/core";
 import * as i1 from "./input-mask.directive";
 import * as i2 from "./input-mask-format.pipe";
-export declare class NgvInputMaskModule {
-    static forRoot(config?: Partial<InputMaskConfig>): ModuleWithProviders<NgvInputMaskModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputMaskModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInputMaskModule, [typeof i1.NgvInputMaskDirective, typeof i2.InputMaskFormatPipe], never, [typeof i1.NgvInputMaskDirective, typeof i2.InputMaskFormatPipe]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInputMaskModule>;
+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/modal/dialog/dialog.component.d.ts

@@ -1,18 +1,21 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+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 NgvDialogComponent implements OnInit {
+export declare class NggvDialogComponent implements OnInit {
+    private renderer;
     dialogRef: ElementRef | undefined;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** @internal */
     baseClass: boolean;
     /** @internal Defines the default visibility state of the dialog. */
-    shown: boolean;
+    private _shown;
+    set shown(value: boolean);
+    get shown(): boolean;
     /** @internal */
     get ariaHidden(): boolean;
     /** Defines the default visibility state of the dialog. */
@@ -31,9 +34,12 @@ export declare class NgvDialogComponent implements OnInit {
     /** An array of event payloads that will be added to every click context menu item click. */
     payload: any;
     dialogTitleId: string;
-    dialogBodyId: 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);
@@ -44,12 +50,15 @@ export declare class NgvDialogComponent implements OnInit {
     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;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDialogComponent, "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; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
+    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

@@ -1,24 +1,47 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import '@sebgroup/green-core/components/icon/icons/dot-grid-one-horizontal.js';
-import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class NgvFoldOutComponent implements OnDestroy {
+export declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     inputRef?: ElementRef;
+    container?: ElementRef;
     /** Aligns the dropdown list with the buttons right or left side */
     alignOptions: 'left' | 'right';
-    onClickSubscription: Subscription | undefined;
+    /** Option to show text with action button */
+    text?: string;
+    /** Aria label for the fold-out button */
+    ariaLabel?: string;
     /** @internal */
-    shown: boolean;
-    constructor();
+    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(event?: Event, setVisibility?: boolean): void;
+    toggleVisibility(): void;
+    setVisibility(setVisibility?: boolean): void;
     /**
      * Closes the fold-out on click outside.
      */
-    subscribeToOutsideClickEvent(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvFoldOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
+    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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-export declare class NgvFoldOutOptionDirective {
+export declare class NggvFoldOutOptionDirective {
     baseClass: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvFoldOutOptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvFoldOutOptionDirective, "[nggvOption]", never, {}, {}, never, never, false, never>;
+    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/modal.module.d.ts

@@ -8,8 +8,8 @@ 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 NgvModalModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvModalModule, [typeof i1.NgvDialogComponent, typeof i2.NgvSlideOutComponent, typeof i3.NgvFoldOutComponent, typeof i4.NgvFoldOutOptionDirective], [typeof i5.CommonModule, typeof i6.NgvButtonModule, typeof i7.NgvI18nModule, typeof i8.NggCoreWrapperModule], [typeof i1.NgvDialogComponent, typeof i2.NgvSlideOutComponent, typeof i3.NgvFoldOutComponent, typeof i4.NgvFoldOutOptionDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvModalModule>;
+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/slide-out/slide-out.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+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.
@@ -13,14 +13,17 @@ import * as i0 from "@angular/core";
  * The closing button can be selected using 'slideout-close'.
  * The backdrop is selectable using 'slideout-backdrop'.
  */
-export declare class NgvSlideOutComponent implements OnInit {
+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. */
-    shown: boolean;
+    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. */
@@ -38,6 +41,8 @@ export declare class NgvSlideOutComponent implements OnInit {
     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;
@@ -51,7 +56,7 @@ export declare class NgvSlideOutComponent implements OnInit {
     private previous;
     private firstFocusable;
     private lastFocusable;
-    constructor(host: ElementRef);
+    constructor(host: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     onAction(event: Event, action: string): void;
     /**
@@ -71,6 +76,8 @@ export declare class NgvSlideOutComponent implements OnInit {
     /** @internal */
     focusTrap(event: KeyboardEvent): void;
     private limitFocusable;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvSlideOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvSlideOutComponent, "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; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+    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/radio.component.d.ts

@@ -1,29 +1,30 @@
+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 { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+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 NgvRadioControlRegistry {
+export declare class NggvRadioControlRegistry {
     private _radios;
-    add(control: NgControl, radio: NgvRadioComponent): void;
-    remove(radio: NgvRadioComponent): void;
-    select(radio: NgvRadioComponent): void;
+    add(control: NgControl, radio: NggvRadioComponent): void;
+    remove(radio: NggvRadioComponent): void;
+    select(radio: NggvRadioComponent): void;
     private _isSameGroup;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioControlRegistry, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NgvRadioControlRegistry>;
+    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 NgvRadioComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+export declare class NggvRadioComponent extends NggvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
-    protected registry: NgvRadioControlRegistry;
+    protected registry: NggvRadioControlRegistry;
     protected cdr: ChangeDetectorRef;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** Syncs a FormControl in an existing FormGroup to a form control element by name. */
     formControlName?: string;
     /**
@@ -32,7 +33,7 @@ export declare class NgvRadioComponent extends NgvBaseControlValueAccessorCompon
      * @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: NgvRadioControlRegistry, cdr: ChangeDetectorRef);
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, registry: NggvRadioControlRegistry, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** @internal */
@@ -43,6 +44,6 @@ export declare class NgvRadioComponent extends NgvBaseControlValueAccessorCompon
     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<NgvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+    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

@@ -2,8 +2,9 @@ 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";
-export declare class NgvRadioModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvRadioModule, [typeof i1.NgvRadioComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule], [typeof i1.NgvRadioComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvRadioModule>;
+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/slug.module.d.ts

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