@sebgroup/green-angular 4.5.0 → 4.6.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import '@sebgroup/green-core/components/icon/icons/dot-grid-one-horizontal';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class NgvFoldOutComponent implements OnDestroy {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    inputRef?: ElementRef;
+    /** Aligns the dropdown list with the buttons right or left side */
+    alignOptions: 'left' | 'right';
+    onClickSubscription: Subscription | undefined;
+    /** @internal */
+    shown: boolean;
+    constructor();
+    ngOnDestroy(): void;
+    /** Toggle display of the option list */
+    toggleVisibility(event?: Event, setVisibility?: boolean): void;
+    /**
+     * Closes the fold-out on click outside.
+     */
+    subscribeToOutsideClickEvent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvFoldOutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvFoldOutComponent, "ngv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import './modal.globals';
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog/dialog.component";
+import * as i2 from "./slide-out/slide-out.component";
+import * as i3 from "./fold-out/fold-out.component";
+import * as i4 from "./fold-out/fold-out.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@sebgroup/green-angular/src/v-angular/button";
+export declare class NgvModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvModalModule, [typeof i1.NgvDialogComponent, typeof i2.NgvSlideOutComponent, typeof i3.NgvFoldOutComponent, typeof i4.NgvFoldOutOptionDirective], [typeof i5.CommonModule, typeof i6.NgvButtonModule], [typeof i1.NgvDialogComponent, typeof i2.NgvSlideOutComponent, typeof i3.NgvFoldOutComponent, typeof i4.NgvFoldOutOptionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvModalModule>;
+}

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

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

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

@@ -0,0 +1,76 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { DialogButtons } from '../modal.types';
+import * as i0 from "@angular/core";
+/** Modal slide-out component based on vanilla pattern library design.
+ * The modal title can be set using the @Input heading, and will automatically be translated if
+ * the string matches a cms key.
+ * Content can be injected into the body of the slide-out by either setting the @Input content to any type of
+ * markdown, or using content projection (adding content between the `ngv-slideout-modal`-start and end tag).
+ * If the content needs to stretch outside the normal padded area, add the attribute `slot="outside-content"` to the
+ * projected content main element.
+ * Test hooks:
+ * The modal hook defaults to 'slideout' but is customizeable.
+ * The closing button can be selected using 'slideout-close'.
+ * The backdrop is selectable using 'slideout-backdrop'.
+ */
+export declare class NgvSlideOutComponent implements OnInit {
+    private host;
+    /** @internal */
+    slideOutRef: ElementRef | undefined;
+    /** Sets from which side the modal should open. */
+    side: 'left' | 'right';
+    /** Defines the default visibility state of the slide-out. */
+    shown: boolean;
+    /** Defines the default visibility state of the modal. */
+    initiallyShown: boolean;
+    /** Sets modal heading. Will be translated (using transloco) if the string matches a cms key. */
+    heading: string;
+    /**
+     * Sets modal title. Will be translated (using transloco) if the string matches a cms key.
+     * @deprecated - use @Input() heading instead.
+     */
+    title: string;
+    /** Sets content body of the modal and can contain html code. The content body can also be set by nesting children to the modal tag. */
+    content?: string;
+    /** Sets whether it is possible to close the modal from the top right corner. */
+    closable: boolean;
+    /** Allows the modal content to decide the width of the modal. */
+    autoWidth: boolean;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** @internal */
+    get fromLeft(): boolean;
+    _buttons: DialogButtons | undefined;
+    /** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
+    set buttons(buttons: DialogButtons);
+    /** Will emit true on closing event. */
+    ngvCloseEvent: EventEmitter<boolean>;
+    ngvPositiveEvent: EventEmitter<void>;
+    ngvNeutralEvent: EventEmitter<void>;
+    ngvNegativeEvent: EventEmitter<void>;
+    private previous;
+    private firstFocusable;
+    private lastFocusable;
+    constructor(host: ElementRef);
+    ngOnInit(): void;
+    onAction(event: Event, action: string): void;
+    /**
+     * Called on a modal element. Opens the modal and sets focus to the last focusable element in the modal.
+     *
+     * @param opener - reference to last focused element before opening modal
+     * @returns - true
+     */
+    open(opener?: HTMLElement): boolean;
+    /**
+     * Called on a modal element. Closes the modal and emits a `ngvCloseEvent`. Sets focus to the lats focused element if an element was sent in to open function.
+     *
+     * @param event
+     * @param initiator
+     */
+    close(event?: Event, initiator?: string): void;
+    /** @internal */
+    focusTrap(event: KeyboardEvent): void;
+    private limitFocusable;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvSlideOutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvSlideOutComponent, "ngv-slideout-modal", never, { "side": { "alias": "side"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "ngvCloseEvent": "ngvCloseEvent"; "ngvPositiveEvent": "ngvPositiveEvent"; "ngvNeutralEvent": "ngvNeutralEvent"; "ngvNegativeEvent": "ngvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+}

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

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

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

@@ -0,0 +1,48 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } 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";
+/** @internal Internal class used to uncheck radio buttons with the matching name. */
+export declare class NgvRadioControlRegistry {
+    private _radios;
+    add(control: NgControl, radio: NgvRadioComponent): void;
+    remove(radio: NgvRadioComponent): void;
+    select(radio: NgvRadioComponent): void;
+    private _isSameGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioControlRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgvRadioControlRegistry>;
+}
+/**
+ * Use radio buttons when users must select one option in a list with exclusive options out of a set of two or more options.
+ * https://designlibrary.sebgroup.com/components/component-radiobutton
+ */
+export declare class NgvRadioComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected registry: NgvRadioControlRegistry;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Syncs a FormControl in an existing FormGroup to a form control element by name. */
+    formControlName?: string;
+    /**
+     * Creates a new RadioComponent
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param registry internal registry used to uncheck radio buttons with the matching name, through dependency injection.
+     * @param cdr change detection reference for rendering purposes.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, registry: NgvRadioControlRegistry, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onInputChange(event: Event): void;
+    /** Writes a new value of true or false based on if argument matches this components value property. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (value: any) => any): void;
+    /** Checks that the name properties match and updates name property if only formControlName is given. */
+    private _checkName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvRadioComponent, "ngv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Pipe used to transform text with special characters into a simple kebab-case id. */
+export declare class SlugPipe implements PipeTransform {
+    /**
+     * Function for executing the transformation to kebab-case id.
+     * @param value the text with special characters which to transform.
+     */
+    transform(value?: string): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlugPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SlugPipe, "slug", false>;
+}

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

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

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

@@ -0,0 +1,44 @@
+import { ChangeDetectorRef } 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";
+/** Textarea fields allow users to add and edit longer or multiple line text. */
+export declare class NgvTextareaComponent extends NgvBaseControlValueAccessorComponent {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Text shown before input has a written value. */
+    placeholder?: string;
+    /** If set to true, the value will not be editable. */
+    readonly: boolean;
+    /** Minimum length (number of characters) of value. */
+    set minLength(length: number);
+    get minlength(): number;
+    /**
+     * Minimum length (number of characters) of value.
+     * @deprecated minlength triggers angular-template-validation. Use @Input() minLength instead.
+     */
+    set minlength(length: number);
+    /** Maximum length (number of characters) of value. */
+    set maxLength(length: number);
+    get maxlength(): number;
+    /**
+     * Maximum length (number of characters) of value.
+     * @deprecated maxlength triggers angular-template-validation. Use @Input() maxLength instead.
+     */
+    set maxlength(length: number);
+    /** Returns if maxlength is used */
+    get hasMaxLength(): boolean;
+    private _maxlength;
+    private _minlength;
+    /** Sets the height of the textarea and disables resize. A scrollbar will appear if necessary. */
+    rows?: number;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTextareaComponent, "ngv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

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

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

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

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

@@ -0,0 +1,106 @@
+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 NgvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+    private anchorElementRef;
+    private renderer;
+    /** The text that will be shown in the tooltip. */
+    ngvTooltip?: 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;
+    /** Numeric max-width for tooltip. */
+    maxWidth: number;
+    /** Emits a show event triggered changing visibility state of the tooltip. */
+    ngvShow: EventEmitter<HTMLElement>;
+    /** Emits a hide event triggered changing visibility state of the tooltip. */
+    ngvHide: 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<NgvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvTooltipDirective, "[ngvTooltip]", never, { "ngvTooltip": { "alias": "ngvTooltip"; "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; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "ngvShow": "ngvShow"; "ngvHide": "ngvHide"; }, 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 NgvTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvTooltipModule, [typeof i1.NgvTooltipDirective], [typeof i2.NgvI18nModule], [typeof i1.NgvTooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvTooltipModule>;
+}