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

package/src/v-angular/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,108 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChange, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export type Placement = 'top' | 'right' | 'bottom' | 'left';
+type Position = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+/**
+ * A tooltip is a text label that acts as a helper to a specific item.
+ * Recommended to use value `top` or `bottom` with `placement` for responsive design.
+ * Dynamic resizing and tooltip position are a work in progress.
+ * https://designlibrary.sebgroup.com/components/component-tooltip
+ */
+export declare class NggvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+    private anchorElementRef;
+    private renderer;
+    /** The text that will be shown in the tooltip. */
+    nggvTooltip?: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** The side of the anchor which the tooltip will be rendered.
+     * Recommended `top` and `bottom` for responsive designs as these are more stable.
+     */
+    placement: Placement;
+    /** Initial state and subsequent updates on wether the tooltip is visible. */
+    shown: boolean;
+    /** How far off from the text the tooltip will be rendered. */
+    offset: number;
+    /** How frequently the tooltip will be re-rendered when the page size changes. */
+    resizeThrottle: number;
+    /** Id of tooltip element. */
+    tooltipId?: string;
+    /** Numeric max-width for tooltip. */
+    maxWidth: number;
+    /** Emits a show event triggered changing visibility state of the tooltip. */
+    nggvShow: EventEmitter<HTMLElement>;
+    /** Emits a hide event triggered changing visibility state of the tooltip. */
+    nggvHide: EventEmitter<HTMLElement>;
+    /** @internal */
+    protected timeout: number;
+    /** @internal */
+    protected parentElement: HTMLElement;
+    /** @internal */
+    protected anchorElement: HTMLElement;
+    /** @internal */
+    protected tooltipElement: HTMLElement | undefined;
+    /** @internal */
+    protected arrowElement: HTMLElement | undefined;
+    /** @internal Check if changes should trigger a re-render */
+    static shouldUpdate(change: SimpleChange): boolean;
+    constructor(anchorElementRef: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onMouseEnter(): void;
+    /** @internal */
+    onMouseLeave(): void;
+    /** @internal */
+    resize(): void;
+    /**
+     * Sets the visibility state of the tooltip to true and creates a new tooltip if it doesn't exist or `recreate` is set.
+     * @param recreate if set to true, destroy any existing tooltip and create a new one.
+     */
+    show(recreate?: boolean): void;
+    /**
+     * Sets the visibility state of the tooltip to false and destroys an existing tooltip if `destroy` is set.
+     * @param destroy if set to true, destroy any existing tooltip.
+     */
+    hide(destroy?: boolean): void;
+    /**
+     * @internal
+     * Creates a new tooltip with the set placement and a given text as its body.
+     * @param text the string to be displayed in the tooltip body.
+     */
+    create(text: string): void;
+    /**
+     * @internal
+     * Destroys the current tooltip by un-setting variables, should only be used after detaching elements from the DOM.
+     */
+    destroy(): void;
+    /**
+     * @internal
+     * Recalculates the position of the tooltip.
+     */
+    updatePosition(): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `top` or `bottom`.
+     */
+    alignVertical(above: boolean, scrollPos: number, anchor: DOMRect, tooltipWidth: number, tooltipHeight: number, arrowWidth: number): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `left` or `right`.
+     */
+    alignHorizontal(before: boolean, scrollPos: number, anchor: DOMRect, tooltipHeight: number): void;
+    /**
+     * @internal
+     * Updates the CSS properties for the tooltip position.
+     */
+    setStyle(tooltip: Position, arrow: Position): void;
+    private pxToRem;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvTooltipDirective, "[nggvTooltip]", never, { "nggvTooltip": { "alias": "nggvTooltip"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "resizeThrottle": { "alias": "resizeThrottle"; "required": false; }; "tooltipId": { "alias": "tooltipId"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "nggvShow": "nggvShow"; "nggvHide": "nggvHide"; }, never, never, false, never>;
+}
+export {};

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tooltip.directive";
+import * as i2 from "@sebgroup/green-angular/src/v-angular/i18n";
+export declare class NggvTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTooltipModule, [typeof i1.NggvTooltipDirective], [typeof i2.NggvI18nModule], [typeof i1.NggvTooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTooltipModule>;
+}

package/src/v-angular/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const tooltipBoxStyles: Map<string, any>;
+export declare const tooltipArrowTopStyles: Map<string, any>;
+export declare const tooltipArrowBottomStyles: Map<string, any>;
+export declare const tooltipArrowLeftStyles: Map<string, any>;
+export declare const tooltipArrowRightStyles: Map<string, any>;
+export declare const tooltipArrowStyles: {
+    top: Map<string, any>;
+    bottom: Map<string, any>;
+    left: Map<string, any>;
+    right: Map<string, any>;
+};

package/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/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/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/v-angular/alert/index.d.ts

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

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

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

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

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

package/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/v-angular/breadcrumbs/breadcrumbs.component.d.ts

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

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

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

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

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

package/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 '@jsverse/transloco';
+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 {
+    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 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 | 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. */
+    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.
+     */
+    nggvClick: 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<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/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 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/v-angular/button/index.d.ts

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

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

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

package/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 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/v-angular/card/index.d.ts

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

package/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, "[nggvCharacterCountdown]", never, { "maxlength": { "alias": "nggvCharacterCountdown"; "required": false; }; "currentLength": { "alias": "nggvCharacterCountdownCurrentLength"; "required": false; }; }, {}, never, never, false, never>;
+}

package/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 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/v-angular/character-countdown/index.d.ts

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

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

@@ -0,0 +1,28 @@
+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 { 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 NggvCheckboxComponent extends NggvBaseControlValueAccessorComponent {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    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<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/v-angular/checkbox/checkbox.module.d.ts

@@ -0,0 +1,10 @@
+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";
+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/v-angular/checkbox/index.d.ts

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

package/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/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>;
+}