@sebgroup/green-angular 4.5.0 → 4.6.0

package/index.d.ts

@@ -15,3 +15,21 @@ export * from './lib/context-menu';
 export * from './lib/sortable-list';
 export * from './lib/cell-table';
 export * from './lib/shared/core-element';
+/**
+ * V-Angular exports
+ */
+export * from './v-angular/base-control-value-accessor';
+export * from './v-angular/breadcrumbs';
+export * from './v-angular/button';
+export * from './v-angular/card';
+export * from './v-angular/checkbox';
+export * from './v-angular/dropdown';
+export * from './v-angular/dropdown/dropdown-list';
+export * from './v-angular/i18n';
+export * from './v-angular/info-circle';
+export * from './v-angular/input';
+export * from './v-angular/input-mask';
+export * from './v-angular/modal';
+export * from './v-angular/radio';
+export * from './v-angular/textarea';
+export * from './v-angular/tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "peerDependencies": {
     "@angular/cdk": ">=16.2.14",
     "@angular/common": ">=16.2.12",
@@ -11,11 +11,14 @@
     "@angular/router": ">=16.2.12",
     "rxjs": ">=6.6.7",
     "body-scroll-lock": "^3.1.5",
-    "date-fns": "^2.28.0"
+    "date-fns": "^2.28.0",
+    "@ngneat/transloco": "^6.0.4",
+    "inputmask": "^5.0.6",
+    "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
     "@sebgroup/green-core": "^1.40.0",
-    "@sebgroup/chlorophyll": "^3.5.0",
+    "@sebgroup/chlorophyll": "^3.6.3",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"
   },
@@ -137,6 +140,114 @@
       "esm2022": "./esm2022/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.mjs",
       "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/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",
+      "esm": "./esm2022/src/v-angular/base-control-value-accessor/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs"
+    },
+    "./src/v-angular/breadcrumbs": {
+      "types": "./src/v-angular/breadcrumbs/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/breadcrumbs/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs",
+      "esm": "./esm2022/src/v-angular/breadcrumbs/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs"
+    },
+    "./src/v-angular/button": {
+      "types": "./src/v-angular/button/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/button/sebgroup-green-angular-src-v-angular-button.mjs",
+      "esm": "./esm2022/src/v-angular/button/sebgroup-green-angular-src-v-angular-button.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-button.mjs"
+    },
+    "./src/v-angular/card": {
+      "types": "./src/v-angular/card/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/card/sebgroup-green-angular-src-v-angular-card.mjs",
+      "esm": "./esm2022/src/v-angular/card/sebgroup-green-angular-src-v-angular-card.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-card.mjs"
+    },
+    "./src/v-angular/character-countdown": {
+      "types": "./src/v-angular/character-countdown/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/character-countdown/sebgroup-green-angular-src-v-angular-character-countdown.mjs",
+      "esm": "./esm2022/src/v-angular/character-countdown/sebgroup-green-angular-src-v-angular-character-countdown.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs"
+    },
+    "./src/v-angular/checkbox": {
+      "types": "./src/v-angular/checkbox/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/checkbox/sebgroup-green-angular-src-v-angular-checkbox.mjs",
+      "esm": "./esm2022/src/v-angular/checkbox/sebgroup-green-angular-src-v-angular-checkbox.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs"
+    },
+    "./src/v-angular/core": {
+      "types": "./src/v-angular/core/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/core/sebgroup-green-angular-src-v-angular-core.mjs",
+      "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/dropdown": {
+      "types": "./src/v-angular/dropdown/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
+      "esm": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs"
+    },
+    "./src/v-angular/external-link": {
+      "types": "./src/v-angular/external-link/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
+      "esm": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs"
+    },
+    "./src/v-angular/i18n": {
+      "types": "./src/v-angular/i18n/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
+      "esm": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs"
+    },
+    "./src/v-angular/info-circle": {
+      "types": "./src/v-angular/info-circle/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/info-circle/sebgroup-green-angular-src-v-angular-info-circle.mjs",
+      "esm": "./esm2022/src/v-angular/info-circle/sebgroup-green-angular-src-v-angular-info-circle.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs"
+    },
+    "./src/v-angular/input": {
+      "types": "./src/v-angular/input/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/input/sebgroup-green-angular-src-v-angular-input.mjs",
+      "esm": "./esm2022/src/v-angular/input/sebgroup-green-angular-src-v-angular-input.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-input.mjs"
+    },
+    "./src/v-angular/input-mask": {
+      "types": "./src/v-angular/input-mask/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/input-mask/sebgroup-green-angular-src-v-angular-input-mask.mjs",
+      "esm": "./esm2022/src/v-angular/input-mask/sebgroup-green-angular-src-v-angular-input-mask.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs"
+    },
+    "./src/v-angular/modal": {
+      "types": "./src/v-angular/modal/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/modal/sebgroup-green-angular-src-v-angular-modal.mjs",
+      "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/radio": {
+      "types": "./src/v-angular/radio/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/radio/sebgroup-green-angular-src-v-angular-radio.mjs",
+      "esm": "./esm2022/src/v-angular/radio/sebgroup-green-angular-src-v-angular-radio.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs"
+    },
+    "./src/v-angular/slug": {
+      "types": "./src/v-angular/slug/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/slug/sebgroup-green-angular-src-v-angular-slug.mjs",
+      "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/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/tooltip": {
+      "types": "./src/v-angular/tooltip/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/tooltip/sebgroup-green-angular-src-v-angular-tooltip.mjs",
+      "esm": "./esm2022/src/v-angular/tooltip/sebgroup-green-angular-src-v-angular-tooltip.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs"
     }
   },
   "sideEffects": false

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

@@ -0,0 +1,124 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { TranslocoScope } from '@ngneat/transloco';
+import * as i0 from "@angular/core";
+export declare class NgvBaseControlValueAccessorComponent implements AfterViewInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Custom template for displaying the content of the label.
+     * Specified by nesting an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    labelContentTpl?: TemplateRef<undefined>;
+    /** Reference to the native child input element. */
+    inputRef?: ElementRef;
+    /** Id of the host element and is accessible by the children, automatically generated if not provided. */
+    id: any;
+    /** Name of the child input element. */
+    name?: string;
+    /**
+     * Label of the child input element using the default template.
+     * Can be overwritten by specifying an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    label?: string;
+    /** Role of the child input element. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles */
+    role?: string;
+    /** Value of the child input element. Mostly used in conjunction with radio and checkboxes. */
+    value: any;
+    /** An error string to be shown under invalid inputs. Overwrites any form errors. */
+    error?: string;
+    /** Description of the child input element. Both visibly and as `aria-label`. */
+    description?: string;
+    /** If set to true, the browser will try to automatically set focus to the child input element. */
+    autofocus: boolean;
+    /** Deafult value of the child input element. Used when resetting child element. */
+    defaultValue?: any;
+    /** If passed, the component will listen for updates and will reset its value. */
+    reset?: Observable<any>;
+    /** Adds (Optional) to input label. */
+    optional?: boolean | null | undefined;
+    private _locked;
+    /** Hides the input borders and displays current value as a text. */
+    set locked(value: boolean | null | undefined);
+    get locked(): boolean | null | undefined;
+    /** If set to true, using a controls disabled state will display input as locked. */
+    displayDisabledAsLocked?: boolean | null | undefined;
+    private _required;
+    /** Override the required flag of the component. */
+    set required(value: boolean | null | undefined);
+    /** Child input element is considered required and changes default label template accordingly. */
+    get required(): boolean | null | undefined;
+    private _invalid;
+    /** Override the invalid state of the component. */
+    set invalid(value: boolean);
+    /** The component has the invalid state, usually decorating the elements red and shows the first error. */
+    get invalid(): boolean;
+    private _valid;
+    /** Override the valid state of the component. */
+    set valid(value: boolean);
+    /** The component has the valid state, usually decorating the elements green. */
+    get valid(): boolean;
+    /** The component has the focused state, updated by the child input element's focus state. */
+    focused: boolean;
+    private _disabled;
+    /** Override the disabled state of the component. */
+    set disabled(value: boolean);
+    /** The component has the disabled state, usually muting the colors and removes interaction. */
+    get disabled(): boolean;
+    /** Emits focus events triggered by the child elements. */
+    readonly ngvFocus: EventEmitter<any>;
+    /** Emits focus events triggered by the child elements. */
+    readonly ngvBlur: EventEmitter<any>;
+    private _state;
+    /** @internal */
+    protected onChange: (_: any) => void;
+    /** @internal */
+    protected onTouched: () => void;
+    /** @internal */
+    protected onValidatorChange: () => void;
+    scope: string | undefined;
+    private _onDestroy$;
+    /**
+     * Creates a new BaseControlValueAccessorComponent.
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param translocoScope optional TranslocoScope provided if component is used within a scope.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    detectChanges(): void;
+    /** @internal */
+    onFocus(event: Event): void;
+    /** @internal */
+    onBlur(event: Event): void;
+    /** Sets the focus on the actual input element. */
+    setFocus(): void;
+    /** Internal state/value that the native input element has.  */
+    get state(): any;
+    /** Internal state/value that the native input element has.  */
+    set state(value: any);
+    /** Writes a new value to the child input element. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (_: any) => object): void;
+    /** Registers a callback function that is called when the child input element triggers on blur. */
+    registerOnTouched(fn: () => void): void;
+    /** Function that is called by the forms API when the control status changes to or from 'DISABLED'. */
+    setDisabledState(isDisabled: boolean): void;
+    /** Method that performs synchronous validation against the provided control. Used for internal validation. */
+    validate(_control: AbstractControl): {
+        [name: string]: any;
+    } | null;
+    /** Registers a callback function to call when the validator inputs change. */
+    registerOnValidatorChange(fn: () => void): void;
+    /** Returns the first entry in an error object. */
+    get firstError(): {
+        code: string;
+        params: any;
+    } | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<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; }; }, { "ngvFocus": "ngvFocus"; "ngvBlur": "ngvBlur"; }, ["labelContentTpl"], never, false, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgvBaseControlValueAccessorComponent>;
+}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+type Breadcrumb = {
+    /** Title shown for the breadcrumb link. */
+    title: string;
+    /** The link which is redirected to when clicked. Can be relative with external set to `false`. */
+    href: string;
+    /** Flags this link to be either internal using router link or external using browser location. */
+    external?: boolean;
+};
+export declare class NgvBreadcrumbsComponent {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** List of breadcrumbs to present. */
+    breadcrumbs: Breadcrumb[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "ngv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumbs.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@sebgroup/green-angular/src/v-angular/external-link";
+import * as i4 from "@angular/router";
+export declare class 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>;
+}

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

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

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

@@ -0,0 +1,62 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } 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 {
+    Primary = 0,
+    Secondary = 1,
+    Alternative = 2,
+    Delete = 3,
+    DeleteConfirm = 4,
+    Ghost = 5,
+    GhostDark = 6,
+    Link = 7
+}
+/**
+ * Buttons allow users to take action with a single tap.
+ * https://designlibrary.sebgroup.com/components/component-button
+ */
+export declare class NgvButtonComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnChanges {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Type of button to one of button|submit|reset|link, where link creates an anchor tag. */
+    type: ButtonTypes;
+    /** Style of the button to one of Primary|Secondary|Alternative|Delete|DeleteConfirm|Ghost|GhostDark|Link. */
+    buttonStyle: ButtonStyle;
+    /** Size of the button to be smaller. */
+    small: boolean;
+    /** Where the button should link to if {@link ButtonTypes} is set to link. */
+    href?: string;
+    /** @internal Determines if the the href property should use internal routing. */
+    external: boolean;
+    /** @internal The classes determined by the buttonStyle and small properties. */
+    buttonClasses: {
+        [className: string]: boolean;
+    };
+    /** Emits click events triggered by the button or link.
+     * Use instead of click to avoid triggering events on disabled buttons and links.
+     */
+    ngvClick: EventEmitter<any>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    static buttonStyleClasses(type: ButtonStyle, small: boolean): {
+        small: boolean;
+        primary: boolean;
+        secondary: boolean;
+        tertiary: boolean;
+        danger: boolean;
+        ghost: boolean;
+        'ghost-light': boolean;
+    };
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    onClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "ngv-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; }; }, { "ngvClick": "ngvClick"; }, never, ["*"], false, never>;
+}

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

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

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

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

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

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

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

@@ -0,0 +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>;
+}

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

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

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

@@ -0,0 +1,17 @@
+import { TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CharacterCountdownDirective {
+    private readonly viewContainerRef;
+    private readonly templateRef;
+    set maxlength(value: number | undefined);
+    set currentLength(value: number);
+    private _maxlength;
+    private _currentLength;
+    private isViewCreated;
+    private context;
+    constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>);
+    updateContext(): void;
+    calculateCharactersLeft: (max: number, current: number) => number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CharacterCountdownDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CharacterCountdownDirective, "[ngvCharacterCountdown]", never, { "maxlength": { "alias": "ngvCharacterCountdown"; "required": false; }; "currentLength": { "alias": "ngvCharacterCountdownCurrentLength"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +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>;
+}

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

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

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

@@ -0,0 +1,27 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } 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 {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    optionalLabel: string;
+    readonly valueChange: EventEmitter<string>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    onInputChange(event: Event): void;
+    /** Writes a new value of true or false based on if argument matches this components value property. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (checked: any) => any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "ngv-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

@@ -0,0 +1,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>;
+}

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

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

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

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

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export interface Option<K, V> {
+    key: K;
+    label: V;
+    disabled?: boolean;
+}
+export interface OptionGroup<T extends Option<any, any>> {
+    label: string;
+    options: T[];
+    disabled?: boolean;
+}
+export type OptionBase<T extends Option<any, any>> = T | OptionGroup<T>;
+export declare class DropdownUtils<K = string | null, V = string, T extends Option<K, V> = Option<K, V>> {
+    flattenOptions(options: OptionBase<T>[] | undefined, mustHaveLabel: boolean): T[];
+    /**
+     * Returns true if argument is an {@link OptionGroup}.
+     * @param option the object to check.
+     */
+    isGroup(option: OptionBase<T>): option is OptionGroup<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownUtils<any, any, any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropdownUtils<any, any, any>>;
+}

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

@@ -0,0 +1,2 @@
+export * from './core.globals';
+export * from './core.utils';