@sebgroup/green-angular 10.0.3 → 10.0.4

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

@@ -1,2 +1,127 @@
-export * from './input.component';
-export * from './input.module';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import * as i5 from '@angular/forms';
+import { NgControl, UntypedFormControl } from '@angular/forms';
+import { TranslocoScope } from '@jsverse/transloco';
+import { Subject } from 'rxjs';
+import * as i4 from '@sebgroup/green-angular/src/v-angular/input-mask';
+import { InputmaskOptions } from '@sebgroup/green-angular/src/v-angular/input-mask';
+import { NggvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import * as i2 from '@angular/common';
+import * as i3 from '@sebgroup/green-angular/src/v-angular/i18n';
+import * as i6 from '@sebgroup/green-angular/src/v-angular/character-countdown';
+import * as i7 from '@sebgroup/green-angular/src/lib/shared';
+
+/**
+ * Input fields allow users to add and edit text.
+ * https://designlibrary.sebgroup.com/components/component-input
+ */
+declare class NggvInputComponent extends NggvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    element: ElementRef;
+    /**
+     * Adding .gds-form-item as a class to host element
+     */
+    class: string;
+    /**
+     * Adding .gds-form-item--small class based on size input for styling
+     */
+    size: 'small' | 'large';
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    /**
+     * 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;
+    /** 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, element: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: any): void;
+    cutTextAfterMaxLength(value: any): any;
+    /** @internal */
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "size": { "alias": "size"; "required": false; }; "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; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
+}
+
+declare class NggvInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputModule, [typeof NggvInputComponent], [typeof i2.CommonModule, typeof i3.NggvI18nModule, typeof i4.NggvInputMaskModule, typeof i5.ReactiveFormsModule, typeof i6.NggvCharacterCountdownDirectiveModule, typeof i7.NggCoreWrapperModule], [typeof NggvInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputModule>;
+}
+
+export { NggvInputComponent, NggvInputModule };

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

@@ -1,5 +1,81 @@
-export * from './input-mask-format.pipe';
-export * from './input-mask.directive';
-export * from './input-mask.module';
-export * from './input-mask.types';
-export * from './constants';
+import * as i0 from '@angular/core';
+import { PipeTransform, OnInit, AfterViewInit, OnDestroy, ElementRef, Renderer2, NgZone, ModuleWithProviders } from '@angular/core';
+import Inputmask from 'inputmask';
+import { ControlValueAccessor, Validator, NgControl, AbstractControl } from '@angular/forms';
+
+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
+ */
+type InputMaskConfig$1 = {
+    /**
+     * 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;
+};
+
+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>;
+}
+
+declare class InputMaskConfig {
+    isAsync: boolean;
+    inputSelector: string;
+}
+
+declare class NggvInputMaskDirective<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<NggvInputMaskDirective<any>, [{ optional: true; self: true; }, null, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvInputMaskDirective<any>, "[nggvInputMask]", never, { "nggvInputMask": { "alias": "nggvInputMask"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvInputMaskModule {
+    static forRoot(config?: Partial<InputMaskConfig>): ModuleWithProviders<NggvInputMaskModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvInputMaskModule, [typeof NggvInputMaskDirective, typeof InputMaskFormatPipe], never, [typeof NggvInputMaskDirective, typeof InputMaskFormatPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvInputMaskModule>;
+}
+
+declare const createMask: <T>(options: string | InputmaskOptions<T>) => InputmaskOptions<T>;
+
+export { InputMaskFormatPipe, NggvInputMaskDirective, NggvInputMaskModule, createMask };
+export type { InputMaskConfig$1 as InputMaskConfig, InputmaskOptions };

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

@@ -1,5 +1,243 @@
-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';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, EventEmitter, Renderer2, AfterViewInit } from '@angular/core';
+import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import * as i5 from '@angular/common';
+import * as i6 from '@sebgroup/green-angular/src/v-angular/button';
+import * as i7 from '@sebgroup/green-angular/src/v-angular/i18n';
+import * as i8 from '@sebgroup/green-angular/src/lib/shared';
+
+declare global {
+    interface Window {
+        /** Counter for unique identifiers */
+        nggv: {
+            ids: {
+                [namespace: string]: number;
+                default: number;
+            };
+            nextId: (namespace?: string) => string;
+        };
+    }
+}
+
+interface DialogButtons {
+    positive?: string | null;
+    neutral?: string | null;
+    negative?: string | null;
+    danger?: string | null;
+}
+
+interface DialogEvent<T = any> {
+    original: Event | undefined;
+    payload: T | undefined;
+}
+declare class NggvDialogComponent implements OnInit, OnDestroy {
+    private renderer;
+    private ref;
+    private configurableFocusTrapFactory;
+    private configurableFocusTrap;
+    dialogRef: ElementRef | undefined;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** @internal */
+    baseClass: boolean;
+    /** @internal Defines the default visibility state of the dialog. */
+    private _shown;
+    set shown(value: boolean);
+    get 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;
+    /** Pass the null if you don't want dialog body to be announced by the screen reader */
+    dialogBodyId: string | null;
+    /** It gives an ability for parent component to control if modal should be closed on esc button click. */
+    closeModalOnEscape: boolean;
+    /** Aria label for the Close button with "X" icon, in the header */
+    closeButtonAriaLabel?: string;
+    _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>>;
+    nggvDangerEvent: EventEmitter<DialogEvent<any>>;
+    protected _previous: HTMLElement | undefined;
+    protected _firstFocusable: HTMLElement | undefined;
+    protected _lastFocusable: HTMLElement | undefined;
+    constructor(renderer: Renderer2, ref: ElementRef<HTMLElement>, configurableFocusTrapFactory: ConfigurableFocusTrapFactory);
+    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;
+    private hideOverflow;
+    private resetOverflow;
+    private enableFocusTrap;
+    private disableFocusTrap;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "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; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; "nggvDangerEvent": "nggvDangerEvent"; }, never, ["*"], false, never>;
+}
+
+/** 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'.
+ */
+declare class NggvSlideOutComponent implements OnInit {
+    private host;
+    private renderer;
+    /** @internal */
+    slideOutRef: ElementRef | undefined;
+    /** Sets from which side the modal should open. */
+    side: 'left' | 'right';
+    /** Defines the default visibility state of the slide-out. */
+    private _shown;
+    set shown(value: boolean);
+    get 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;
+    /** Sets whether it is possible to close the modal by clicking outside the modal area (on the backdrop). */
+    closableOutside: 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;
+    /** Aria label for the Close button with "X" icon, in the header */
+    closeButtonAriaLabel?: 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, renderer: Renderer2);
+    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;
+    private hideOverflow;
+    private resetOverflow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvSlideOutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvSlideOutComponent, "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; }; "closableOutside": { "alias": "closableOutside"; "required": false; }; "autoWidth": { "alias": "autoWidth"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*", "[slot='outside-content']"], false, never>;
+}
+
+declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    inputRef?: ElementRef;
+    container?: ElementRef;
+    /** Aligns the dropdown list with the buttons right or left side */
+    alignOptions: 'left' | 'right';
+    /** Option to show text with action button */
+    text?: string;
+    /** Aria label for the fold-out button */
+    ariaLabel?: string;
+    /** Sets the width property of the list. Default = fit-content */
+    listWidth: 'fit-content' | 'max-content' | 'min-content' | 'auto';
+    /** Emits when the children container collapses, for components with change detection strategy "OnPush" */
+    actionEmitter: EventEmitter<void>;
+    /** @internal */
+    protected shown: boolean;
+    private activeIndex;
+    private firstArrowClick;
+    private ariaFocusAttributeName;
+    private blurAllElements;
+    private blurElement;
+    private focusElement;
+    private getChildIndex;
+    private onClickSubscription;
+    private onKeyUpSubscription;
+    private get children();
+    private get lastChild();
+    private get focusedElement();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Toggle display of the option list */
+    toggleVisibility(): void;
+    setVisibility(setVisibility?: boolean): void;
+    /**
+     * Closes the fold-out on click outside.
+     */
+    private subscribeToOutsideClickEvent;
+    private subscribeToKeyDownEvent;
+    private onKeyDown;
+    private handleArrowUpClick;
+    private handleArrowDownClick;
+    private handleFocus;
+    private takeAction;
+    private resetChildren;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "listWidth": { "alias": "listWidth"; "required": false; }; }, { "actionEmitter": "actionEmitter"; }, never, ["*"], false, never>;
+}
+
+declare class NggvFoldOutOptionDirective {
+    baseClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvFoldOutOptionDirective, "[nggvOption]", never, {}, {}, never, never, false, never>;
+}
+
+declare class NggvModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModalModule, [typeof NggvDialogComponent, typeof NggvSlideOutComponent, typeof NggvFoldOutComponent, typeof NggvFoldOutOptionDirective], [typeof i5.CommonModule, typeof i6.NggvButtonModule, typeof i7.NggvI18nModule, typeof i8.NggCoreWrapperModule], [typeof NggvDialogComponent, typeof NggvSlideOutComponent, typeof NggvFoldOutComponent, typeof NggvFoldOutOptionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvModalModule>;
+}
+
+export { NggvDialogComponent, NggvFoldOutComponent, NggvFoldOutOptionDirective, NggvModalModule, NggvSlideOutComponent };
+export type { DialogEvent };

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

@@ -1,2 +1,75 @@
-export * from './pagination.component';
-export * from './pagination.module';
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/forms';
+import * as i4 from '@sebgroup/green-angular/src/v-angular/i18n';
+import * as i5 from '@jsverse/transloco';
+import * as i6 from '@sebgroup/green-angular/src/lib/shared';
+
+/** The Pagination component is used to separate long sets of data so that it is easier for a user to consume information. To change the current page simply click on the page number. */
+declare class PaginationComponent implements OnChanges {
+    /** Total size of pagination */
+    size: number;
+    /** Selected page */
+    value: number;
+    /** First page text */
+    firstText?: string;
+    /** Last page text */
+    lastText?: string;
+    /** Next page text */
+    nextText?: string;
+    /** Offset per page */
+    offset?: number;
+    /** Number of pages to display*/
+    pagingLength?: number;
+    /** Previous page text */
+    previousText?: string;
+    /** Use first and last navigation buttons*/
+    useFirstAndLast?: boolean;
+    /** Use text-based navigation buttons*/
+    useTextNav?: boolean;
+    /** Use dot-navigation */
+    useDotNav?: boolean;
+    /** Use 'Go to page' input field */
+    showGoToPage: boolean;
+    /** Element class name */
+    className: string;
+    /** Element ID */
+    id?: string;
+    /** Callback on page change */
+    pageNumberChange: EventEmitter<number>;
+    /** @internal */
+    pageNumber: number;
+    /** @internal */
+    list: Array<number>;
+    /** @internal */
+    dotnavList: Array<number>;
+    /** @internal */
+    pagingSize: number;
+    /** @internal */
+    showEllipsisStart: boolean;
+    /** @internal */
+    showEllipsisEnd: boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    setPagingSize(): void;
+    /** @internal */
+    handleOnChange(value: number): void;
+    /** @internal */
+    handlePageInput(pageInput: string): void;
+    /**
+     * Generates an array of the pages that needs to be displayed
+     * It depends on the size, offset, and the current value
+     */
+    private generateList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "nggv-pagination", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "firstText": { "alias": "firstText"; "required": false; }; "lastText": { "alias": "lastText"; "required": false; }; "nextText": { "alias": "nextText"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "pagingLength": { "alias": "pagingLength"; "required": false; }; "previousText": { "alias": "previousText"; "required": false; }; "useFirstAndLast": { "alias": "useFirstAndLast"; "required": false; }; "useTextNav": { "alias": "useTextNav"; "required": false; }; "useDotNav": { "alias": "useDotNav"; "required": false; }; "showGoToPage": { "alias": "showGoToPage"; "required": false; }; "className": { "alias": "className"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "pageNumberChange": "pageNumberChange"; }, never, never, false, never>;
+}
+
+declare class NggvPaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvPaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvPaginationModule, [typeof PaginationComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NggvI18nModule, typeof i5.TranslocoModule, typeof i6.NggCoreWrapperModule], [typeof PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvPaginationModule>;
+}
+
+export { NggvPaginationModule, PaginationComponent };

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

@@ -1,3 +1,111 @@
-export * from './radio.component';
-export * from './radio-group/radio-group.component';
-export * from './radio.module';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef } 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 i3 from '@angular/common';
+import * as i4 from '@sebgroup/green-angular/src/v-angular/i18n';
+import * as i5 from '@sebgroup/green-angular/src/lib/shared';
+
+/** @internal Internal class used to uncheck radio buttons with the matching name. */
+declare class NggvRadioControlRegistry {
+    private _radios;
+    add(control: NgControl, radio: NggvRadioComponent): void;
+    remove(radio: NggvRadioComponent): void;
+    select(radio: NggvRadioComponent): void;
+    private _isSameGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioControlRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NggvRadioControlRegistry>;
+}
+/**
+ * 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
+ */
+declare class NggvRadioComponent extends NggvBaseControlValueAccessorComponent implements OnInit, OnDestroy {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected registry: NggvRadioControlRegistry;
+    protected cdr: ChangeDetectorRef;
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    /**
+     * Sets class on host element based on size input for styling
+     */
+    size: 'small' | 'large';
+    /**
+     * Syncs a FormControl in an existing FormGroup to a form control element by name.
+     */
+    formControlName?: string;
+    /**
+     * Decides if error should be connected to each individual radio button.
+     * If true, errors will be shown in nggv-radio-group component.
+     * If false, errors will be show below each radio button
+     */
+    isGroup: boolean;
+    /**
+     * 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: NggvRadioControlRegistry, 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<NggvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+/**
+ * Creates a wrapper around a group of radio buttons.
+ * If there is an error to the form control connected to the radio buttons, it will be shown once below instead of below every individual radio button
+ */
+declare class NggvRadioGroupComponent extends NggvBaseControlValueAccessorComponent implements OnInit {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /**
+     * Special property used for selecting DOM elements during automated UI testing.
+     */
+    thook: string | null | undefined;
+    /**
+     * Sets class on host element based on size input for styling
+     */
+    size: 'small' | 'large';
+    /**
+     * Syncs a FormControl in an existing FormGroup to a form control element by name.
+     */
+    formControlName?: string;
+    /**
+     * Sets "flex-direction" of parent of radio buttons.
+     */
+    direction?: 'row' | 'column';
+    /**
+     * Creates a new RadioComponent
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param cdr change detection reference for rendering purposes.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /** Checks that the name properties match and updates name property if only formControlName is given. */
+    private _checkName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioGroupComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioGroupComponent, "nggv-radio-group", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class NggvRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvRadioModule, [typeof NggvRadioComponent, typeof NggvRadioGroupComponent], [typeof i3.CommonModule, typeof i4.NggvI18nModule, typeof i5.NggCoreWrapperModule], [typeof NggvRadioComponent, typeof NggvRadioGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvRadioModule>;
+}
+
+export { NggvRadioComponent, NggvRadioControlRegistry, NggvRadioGroupComponent, NggvRadioModule };