@sebgroup/green-angular 4.6.1 → 4.6.3

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

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

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

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

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

@@ -0,0 +1,90 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { NgControl, UntypedFormControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { TranslocoScope } from '@ngneat/transloco';
+import type { InputmaskOptions } from '@sebgroup/green-angular/src/v-angular/input-mask';
+import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import * as i0 from "@angular/core";
+/**
+ * Input fields allow users to add and edit text.
+ * https://designlibrary.sebgroup.com/components/component-input
+ */
+export declare class NgvInputComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Adding .gds-form-item as a class to host element */
+    class: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Type of input field. Should avoid types that modify field too much such as range. */
+    type: string;
+    /** Text shown before input has a written value. */
+    placeholder?: string;
+    /** If set to "on", hint for form autofill feature. */
+    autocomplete: string;
+    /** If set to true, the value will not be editable. */
+    readonly: boolean;
+    /** If set to true, enables the Angular template-driven email validator. */
+    email: boolean;
+    /** Minimum value required for numeric input types. */
+    min: number;
+    /** Maximum value required for numeric input types. */
+    max: number;
+    /** Incremental values that are valid for numeric input types. */
+    step: number;
+    /** Minimum length (number of characters) of value. */
+    set minLength(length: number);
+    /**
+     * Minimum length (number of characters) of value.
+     * @deprecated minlength triggers angular-template-validation. Use @Input() minLength instead.
+     */
+    set minlength(length: number);
+    get minlength(): 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);
+    private _maxlength;
+    private _minlength;
+    /** Wether to show label that tells how many characters are still left to be entered. Will only be set if maxLength is also set */
+    private _showCharacterCountDown;
+    set showCharacterCountdown(option: boolean);
+    get showCharacterCountdown(): boolean;
+    /** Pattern the value must match to be valid. */
+    pattern: string;
+    /** Amount of time to wait until emitting (nggvINput) event */
+    debounceTime: number;
+    /**
+     * @deprecated
+     * Text to put in badge
+     */
+    badgeText: string;
+    /** Settings for input mask if requested */
+    private _inputMask;
+    set inputMask(newInputMask: InputmaskOptions<any>);
+    get inputMask(): InputmaskOptions<any>;
+    /** Emits every time the value of the inner input field changes, independantly of updates on the formcontroller */
+    nggvInput: EventEmitter<any>;
+    private _formControl;
+    get control(): UntypedFormControl;
+    /** Returns if maxlength is used */
+    get hasMaxLength(): boolean;
+    /** Toggler for showing or hiding the input field */
+    hideInput$: Subject<boolean>;
+    protected inputChange$: Subject<any>;
+    protected _destroy$: Subject<boolean>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: any): void;
+    cutTextAfterMaxLength(value: any): any;
+    /** @internal */
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "badgeText": { "alias": "badgeText"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input.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/v-angular/input-mask";
+import * as i5 from "@angular/forms";
+export declare class NgvInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvInputModule, [typeof i1.NgvInputComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule, typeof i4.NgvInputMaskModule, typeof i5.ReactiveFormsModule], [typeof i1.NgvInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvInputModule>;
+}

package/v-angular/input-mask/config.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+export declare class InputMaskConfig {
+    isAsync: boolean;
+    inputSelector: string;
+}
+export declare const INPUT_MASK_CONFIG: InjectionToken<InputMaskConfig>;

package/v-angular/input-mask/constants.d.ts

@@ -0,0 +1,2 @@
+import { InputmaskOptions } from './input-mask.types';
+export declare const createMask: <T>(options: string | InputmaskOptions<T>) => InputmaskOptions<T>;

package/v-angular/input-mask/index.d.ts

@@ -0,0 +1,5 @@
+export * from './input-mask-format.pipe';
+export * from './input-mask.directive';
+export * from './input-mask.module';
+export * from './input-mask.types';
+export * from './constants';

package/v-angular/input-mask/input-mask-format.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import type { InputmaskOptions } from './input-mask.types';
+import * as i0 from "@angular/core";
+export declare class InputMaskFormatPipe implements PipeTransform {
+    transform<T = any>(value: any, options: InputmaskOptions<T>): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputMaskFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InputMaskFormatPipe, "nggvInputMaskFormat", false>;
+}

package/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 */
+    nggvInputMask: 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>, "[nggvInputMask]", never, { "nggvInputMask": { "alias": "nggvInputMask"; "required": false; }; }, {}, never, never, false, never>;
+}

package/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/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/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);
+    nggvCloseEvent: EventEmitter<DialogEvent<any>>;
+    nggvPositiveEvent: EventEmitter<DialogEvent<any>>;
+    nggvNeutralEvent: EventEmitter<DialogEvent<any>>;
+    nggvNegativeEvent: 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, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
+}

package/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, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/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, "[nggvOption]", never, {}, {}, never, never, false, never>;
+}

package/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/v-angular/modal/modal.globals.d.ts

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

package/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/v-angular/modal/modal.types.d.ts

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

package/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 `nggv-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. */
+    nggvCloseEvent: EventEmitter<boolean>;
+    nggvPositiveEvent: EventEmitter<void>;
+    nggvNeutralEvent: EventEmitter<void>;
+    nggvNegativeEvent: 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 `nggvCloseEvent`. 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, "nggv-slideout-modal", never, { "side": { "alias": "side"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+}

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

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

package/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, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

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

package/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, "nggv-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/v-angular/textarea/textarea.module.d.ts

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

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

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