@sebgroup/green-angular 5.1.1 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "peerDependencies": {
     "@angular/cdk": ">=17.3.10",
     "@angular/common": ">=17.3.12",
@@ -17,8 +17,8 @@
     "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.62.0",
-    "@sebgroup/chlorophyll": "^3.6.13",
+    "@sebgroup/green-core": "^1.63.2",
+    "@sebgroup/chlorophyll": "^3.6.14",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"
   },
@@ -147,6 +147,18 @@
       "esm": "./esm2022/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs"
     },
+    "./src/v-angular/account-number": {
+      "types": "./src/v-angular/account-number/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/account-number/sebgroup-green-angular-src-v-angular-account-number.mjs",
+      "esm": "./esm2022/src/v-angular/account-number/sebgroup-green-angular-src-v-angular-account-number.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs"
+    },
+    "./src/v-angular/alert": {
+      "types": "./src/v-angular/alert/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.mjs",
+      "esm": "./esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs"
+    },
     "./src/v-angular/base-control-value-accessor": {
       "types": "./src/v-angular/base-control-value-accessor/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/base-control-value-accessor/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs",
@@ -189,6 +201,18 @@
       "esm": "./esm2022/src/v-angular/core/sebgroup-green-angular-src-v-angular-core.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-core.mjs"
     },
+    "./src/v-angular/datepicker": {
+      "types": "./src/v-angular/datepicker/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs",
+      "esm": "./esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs"
+    },
+    "./src/v-angular/drag-drop": {
+      "types": "./src/v-angular/drag-drop/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
+      "esm": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs"
+    },
     "./src/v-angular/dropdown": {
       "types": "./src/v-angular/dropdown/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
@@ -231,6 +255,12 @@
       "esm": "./esm2022/src/v-angular/modal/sebgroup-green-angular-src-v-angular-modal.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs"
     },
+    "./src/v-angular/pagination": {
+      "types": "./src/v-angular/pagination/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.mjs",
+      "esm": "./esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs"
+    },
     "./src/v-angular/radio": {
       "types": "./src/v-angular/radio/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/radio/sebgroup-green-angular-src-v-angular-radio.mjs",
@@ -243,12 +273,30 @@
       "esm": "./esm2022/src/v-angular/slug/sebgroup-green-angular-src-v-angular-slug.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs"
     },
+    "./src/v-angular/table": {
+      "types": "./src/v-angular/table/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.mjs",
+      "esm": "./esm2022/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-table.mjs"
+    },
+    "./src/v-angular/tabs": {
+      "types": "./src/v-angular/tabs/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.mjs",
+      "esm": "./esm2022/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs"
+    },
     "./src/v-angular/textarea": {
       "types": "./src/v-angular/textarea/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/textarea/sebgroup-green-angular-src-v-angular-textarea.mjs",
       "esm": "./esm2022/src/v-angular/textarea/sebgroup-green-angular-src-v-angular-textarea.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs"
     },
+    "./src/v-angular/toast": {
+      "types": "./src/v-angular/toast/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/toast/sebgroup-green-angular-src-v-angular-toast.mjs",
+      "esm": "./esm2022/src/v-angular/toast/sebgroup-green-angular-src-v-angular-toast.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs"
+    },
     "./src/v-angular/tooltip": {
       "types": "./src/v-angular/tooltip/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/tooltip/sebgroup-green-angular-src-v-angular-tooltip.mjs",

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

@@ -3,7 +3,7 @@ import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@an
 import { TranslocoScope } from '@jsverse/transloco';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class NgvBaseControlValueAccessorComponent implements AfterViewInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
+export declare class NggvBaseControlValueAccessorComponent implements AfterViewInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
@@ -28,8 +28,14 @@ export declare class NgvBaseControlValueAccessorComponent implements AfterViewIn
     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. */
@@ -118,7 +124,7 @@ export declare class NgvBaseControlValueAccessorComponent implements AfterViewIn
         code: string;
         params: any;
     } | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBaseControlValueAccessorComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBaseControlValueAccessorComponent, "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; }; "description": { "alias": "description"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "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<NgvBaseControlValueAccessorComponent>;
+    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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./base-control-value-accessor.component";
-export declare class NgvBaseControlValueAccessorModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBaseControlValueAccessorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvBaseControlValueAccessorModule, [typeof i1.NgvBaseControlValueAccessorComponent], never, [typeof i1.NgvBaseControlValueAccessorComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvBaseControlValueAccessorModule>;
+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/breadcrumbs/breadcrumbs.component.d.ts

@@ -7,12 +7,12 @@ type Breadcrumb = {
     /** Flags this link to be either internal using router link or external using browser location. */
     external?: boolean;
 };
-export declare class NgvBreadcrumbsComponent {
+export declare class NggvBreadcrumbsComponent {
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** List of breadcrumbs to present. */
     breadcrumbs: Breadcrumb[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "nggv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
+    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

@@ -3,8 +3,8 @@ 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 NgvBreadcrumbsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvBreadcrumbsModule, [typeof i1.NgvBreadcrumbsComponent], [typeof i2.CommonModule, typeof i3.NgvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof i1.NgvBreadcrumbsComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvBreadcrumbsModule>;
+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/button/button.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } 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";
 export type ButtonTypes = 'button' | 'submit' | 'reset' | 'link';
 export declare enum ButtonStyle {
@@ -18,12 +18,12 @@ export declare enum ButtonStyle {
  * Buttons allow users to take action with a single tap.
  * https://designlibrary.sebgroup.com/components/component-button
  */
-export declare class NgvButtonComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnChanges {
+export declare class NggvButtonComponent extends NggvBaseControlValueAccessorComponent implements OnInit, OnChanges {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** Type of button to one of button|submit|reset|link, where link creates an anchor tag. */
     type: ButtonTypes;
     /** Style of the button to one of Primary|Secondary|Alternative|Delete|DeleteConfirm|Ghost|GhostDark|Link. */
@@ -57,6 +57,6 @@ export declare class NgvButtonComponent extends NgvBaseControlValueAccessorCompo
     ngOnChanges(changes: SimpleChanges): void;
     /** @internal */
     onClick(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "nggv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "nggvClick": "nggvClick"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvButtonComponent, "nggv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "nggvClick": "nggvClick"; }, never, ["*"], false, never>;
 }

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

@@ -3,8 +3,8 @@ import * as i1 from "./button.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 NgvButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvButtonModule, [typeof i1.NgvButtonComponent], [typeof i2.CommonModule, typeof i3.NgvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof i1.NgvButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvButtonModule>;
+export declare class NggvButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvButtonModule, [typeof i1.NggvButtonComponent], [typeof i2.CommonModule, typeof i3.NggvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof i1.NggvButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvButtonModule>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class NgvCardComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCardComponent, "nggv-card", never, {}, {}, never, ["*"], false, never>;
+export declare class NggvCardComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvCardComponent, "nggv-card", never, {}, {}, never, ["*"], false, never>;
 }

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

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

package/src/v-angular/character-countdown/character-countdown.module.d.ts

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

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

@@ -1,18 +1,19 @@
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import { ChangeDetectorRef, EventEmitter } 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";
 /**
  * Checkboxes allow a user to toggle an option on or off, or make multiple choices in a set of available options.
  * https://designlibrary.sebgroup.com/components/component-checkbox
  */
-export declare class NgvCheckboxComponent extends NgvBaseControlValueAccessorComponent {
+export declare class NggvCheckboxComponent extends NggvBaseControlValueAccessorComponent {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     optionalLabel: string;
     readonly valueChange: EventEmitter<string>;
     constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
@@ -22,6 +23,6 @@ export declare class NgvCheckboxComponent extends NgvBaseControlValueAccessorCom
     writeValue(value: any): void;
     /** Registers a callback function that is called when the child input element's value changes. */
     registerOnChange(fn: (checked: any) => any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
 }

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

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./checkbox.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@sebgroup/green-angular/src/v-angular/i18n";
-export declare class NgvCheckboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvCheckboxModule, [typeof i1.NgvCheckboxComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule], [typeof i1.NgvCheckboxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvCheckboxModule>;
+import * as i4 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvCheckboxModule, [typeof i1.NggvCheckboxComponent], [typeof i2.CommonModule, typeof i3.NggvI18nModule, typeof i4.NggCoreWrapperModule], [typeof i1.NggvCheckboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvCheckboxModule>;
 }

package/src/v-angular/core/core.utils.d.ts

@@ -17,6 +17,7 @@ export declare class DropdownUtils<K = string | null, V = string, T extends Opti
      * @param option the object to check.
      */
     isGroup(option: OptionBase<T>): option is OptionGroup<T>;
+    deepEqual(original: any, change: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownUtils<any, any, any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DropdownUtils<any, any, any>>;
 }

package/src/v-angular/datepicker/components/calendar/calendar.component.d.ts

@@ -0,0 +1,36 @@
+import { WeekDay } from '@angular/common';
+import { EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { CalendarDateDirective } from '../../directives/calendar-date.directive';
+import type { CalendarType, DisableDateConfig } from '../../datepicker.models';
+import * as i0 from "@angular/core";
+export declare class CalendarComponent implements OnChanges {
+    dateClick: EventEmitter<Date>;
+    dateButtonRefs: QueryList<CalendarDateDirective>;
+    year: number;
+    month: number;
+    selected: Date | undefined;
+    locale: string | undefined;
+    minCalendarRows: number;
+    firstDayOfWeek: WeekDay;
+    type: CalendarType;
+    set disableDates(value: Date[] | undefined);
+    set disableWeekDays(value: WeekDay[] | undefined);
+    set firstValid(value: Date | undefined);
+    set lastValid(value: Date | undefined);
+    set closingTime(value: Date | undefined);
+    dateMatrix: Date[][];
+    disableDateConfig: DisableDateConfig;
+    private lastDayOfWeek;
+    ngOnChanges(changes: SimpleChanges): void;
+    clickDate(date: Date): void;
+    keyNavigation(event: KeyboardEvent): void;
+    getElementWithOffset(fromElement: HTMLElement | undefined, offsetDays: number, returnOnlyEnabled?: boolean): HTMLElement | undefined;
+    getNextFocusable(fromElement: HTMLElement | undefined): HTMLElement | undefined;
+    getPreviousFocusable(fromElement: HTMLElement | undefined): HTMLElement | undefined;
+    firstDayOfWeekElement(): HTMLElement | undefined;
+    lastDayOfWeekElement(): HTMLElement | undefined;
+    getDayOffset(from: WeekDay, to: WeekDay, direction?: 'forward' | 'back'): number;
+    private updateDisableDateConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "nggv-calendar", never, { "year": { "alias": "year"; "required": false; }; "month": { "alias": "month"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; }, { "dateClick": "dateClick"; }, never, never, false, never>;
+}

package/src/v-angular/datepicker/components/calendar-control/calendar-control.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { CalendarMonth } from '../../datepicker.models';
+import type { CalendarType } from '../../datepicker.models';
+import '@sebgroup/green-core/components/icon/icons/chevron-left.js';
+import '@sebgroup/green-core/components/icon/icons/chevron-right.js';
+import * as i0 from "@angular/core";
+export declare class CalendarControlComponent implements OnInit, OnChanges, OnDestroy {
+    private fb;
+    calendarChange: EventEmitter<CalendarMonth>;
+    activeCalendar: CalendarMonth;
+    locale: string | undefined;
+    type: CalendarType;
+    monthArray: Date[];
+    yearArray: Date[];
+    selectedCalendar: UntypedFormGroup;
+    private subs;
+    constructor(fb: UntypedFormBuilder);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    viewPreviousMonth(): void;
+    viewNextMonth(): void;
+    viewPreviousYear(): void;
+    viewNextYear(): void;
+    keyNavigation(event: KeyboardEvent): void;
+    private subscribeToFormChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarControlComponent, "nggv-calendar-control", never, { "activeCalendar": { "alias": "activeCalendar"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "calendarChange": "calendarChange"; }, never, never, false, never>;
+}