@sebgroup/green-angular 5.1.1 → 5.2.0

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

@@ -0,0 +1,165 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
+import { TranslocoScope, TranslocoService } from '@jsverse/transloco';
+import { Observable, Subject } from 'rxjs';
+import type { InputmaskOptions } from '@sebgroup/green-angular/src/v-angular/input-mask';
+import { DateCharacters } from '../models/dates';
+import * as i0 from "@angular/core";
+export declare abstract class DateControlValueAccessorComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected elementRef: ElementRef;
+    protected cdr: ChangeDetectorRef;
+    private _transloco;
+    /** Custom template for displaying the content of the label.
+     * Specified by nesting an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    labelContentTpl?: TemplateRef<undefined>;
+    /** Reference to the native child input element. */
+    inputRef?: ElementRef;
+    /** Id of the host element and is accessible by the children, automatically generated if not provided. */
+    id: any;
+    /** Name of the child input element. */
+    name?: string;
+    /** Label of the child input element using the default template.
+     * Can be overwritten by specifying an `<ng-template #labelTpl>Custom Label</ng-template>`.
+     */
+    label?: string;
+    /** Text shown before input has a written value. Default current date format by locale of transloco */
+    set placeholder(value: string | undefined);
+    get placeholder(): string | undefined;
+    private _placeholder;
+    defaultPlaceholder?: string;
+    /** What characters to use in date placeholder, e.g. {year: 'Y', month: 'M', day: 'D'} */
+    dateCharacters?: DateCharacters;
+    /** Role of the child input element. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles */
+    role?: string;
+    /** Value of the child input element. Mostly used in conjunction with radio and checkboxes. */
+    value: any;
+    /** An error string to be shown under invalid inputs. Overwrites any form errors. */
+    error?: string;
+    /** A list of errors string to be shown under invalid inputs. Overwrites any form errors. */
+    errorList?: string[];
+    /** Adds an icon before each error message. */
+    withErrorIcon?: boolean;
+    /** Description of the child input element. Both visibly and as `aria-label`. */
+    description?: string;
+    /** If set to true, the browser will try to automatically set focus to the child input element. */
+    autofocus: boolean;
+    /** Default value of the child input element. */
+    defaultValue?: any;
+    /** If passed, the component will listen for updates and will reset its value. */
+    reset?: Observable<any>;
+    /** Adds (Optional) to input label. */
+    optional?: boolean | null | undefined;
+    /**
+     * Settings for input mask for dates based on locale
+     * @see {@link getLocaleDateMask} use this tool to generate settings for `dateInputMask`
+     */
+    set dateInputMask(dateMask: InputmaskOptions<Date>);
+    get dateInputMask(): InputmaskOptions<Date>;
+    private _dateInputMask;
+    private _locked;
+    /** Hides the input borders and displays current value as a text. */
+    set locked(value: boolean | null | undefined);
+    get locked(): boolean | null | undefined;
+    /** If set to true, using a controls disabled state will display input as locked. */
+    displayDisabledAsLocked?: boolean | null | undefined;
+    private _required;
+    /** Override the required flag of the component. */
+    set required(value: boolean | null | undefined);
+    /** Child input element is considered required and changes default label template accordingly. */
+    get required(): boolean | null | undefined;
+    private _invalid;
+    /** Override the invalid state of the component. */
+    set invalid(value: boolean);
+    /** The component has the invalid state, usually decorating the elements red and shows the first error. */
+    get invalid(): boolean;
+    private _valid;
+    /** Override the valid state of the component. */
+    set valid(value: boolean);
+    /** The component has the valid state, usually decorating the elements green. */
+    get valid(): boolean;
+    /** The component has the focused state, updated by the child input element's focus state. */
+    focused: boolean;
+    /** The component has the disabled state, usually muting the colors and removes interaction. */
+    disabled: boolean;
+    /** Locale for using correct language in the datepicker. */
+    locale: string | undefined;
+    /** Date format used for placeholder and input mask. Should be in lower case {year: 'y', month: 'm', day: 'd'} */
+    dateFormat: string | undefined;
+    /** Date locale used for placeholder and input mask. */
+    dateLocale: string | undefined;
+    /** Toggler for showing or hiding the input field */
+    protected showInputDateSrc: Subject<boolean>;
+    /** Emits focus events triggered by the child elements. */
+    readonly ngvFocus: EventEmitter<any>;
+    /** Emits focus events triggered by the child elements. */
+    readonly ngvBlur: EventEmitter<any>;
+    /** @internal */
+    protected onChange: (_: any) => void;
+    /** @internal */
+    protected onTouched: () => void;
+    /** @internal */
+    protected onValidatorChange: () => void;
+    private _state;
+    scope: string | undefined;
+    /** @internal */
+    private _onDestroy$;
+    /**
+     * Creates a new BaseControlValueAccessorComponent.
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, elementRef: ElementRef, cdr: ChangeDetectorRef, _transloco: TranslocoService);
+    static parseDateLike(value: any): null | undefined | string;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onFocus(event: Event): void;
+    /** @internal */
+    onBlur(event: Event): void;
+    detectChanges(): void;
+    /** Sets the focus on the actual input element. */
+    setFocus(): void;
+    /**
+     * @internal
+     * Update placeholder  and input mask to match locale.
+     * Order if choice for locale:
+     * 1. dateLocale - Used for specifying which locale to be used for formatting date
+     * 2. locale - Unless dateLocale is not provided, use locale form current translation
+     * 3. transloco.getActiveLang - as last resort, get active language form trnasloco
+     * If locale is undefined, transloco.activeLang will be used instead.
+     */
+    updatePlaceholderAndMask(): void;
+    updateFormat(): void;
+    /** Internal state/value that the native input element has. */
+    get state(): any;
+    /**
+     * Internal state/value that the native input element has.
+     */
+    set state(value: any);
+    /** Writes a new value to the child input element. */
+    writeValue(value: any): void;
+    /** Registers a callback function that is called when the child input element's value changes. */
+    registerOnChange(fn: (value: any) => void): void;
+    /** Registers a callback function that is called when the child input element triggers on blur. */
+    registerOnTouched(fn: () => void): void;
+    /** Function that is called by the forms API when the control status changes to or from 'DISABLED'. */
+    setDisabledState(isDisabled: boolean): void;
+    /** Method that performs synchronous validation against the provided control. Used for internal validation. */
+    validate(_control: AbstractControl): {
+        [name: string]: any;
+    } | null;
+    /** Registers a callback function to call when the validator inputs change. */
+    registerOnValidatorChange(fn: () => void): void;
+    /** Returns the first entry in an error object. */
+    get firstError(): {
+        code: string;
+        params: Record<string, any>;
+    } | null;
+    private updateValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateControlValueAccessorComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateControlValueAccessorComponent, never, never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dateCharacters": { "alias": "dateCharacters"; "required": false; }; "role": { "alias": "role"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorList": { "alias": "errorList"; "required": false; }; "withErrorIcon": { "alias": "withErrorIcon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "dateInputMask": { "alias": "dateInputMask"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "displayDisabledAsLocked": { "alias": "displayDisabledAsLocked"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "dateLocale": { "alias": "dateLocale"; "required": false; }; }, { "ngvFocus": "ngvFocus"; "ngvBlur": "ngvBlur"; }, ["labelContentTpl"], never, false, never>;
+}

package/v-angular/datepicker/datepicker.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/v-angular/datepicker/datepicker.models.d.ts

@@ -0,0 +1,50 @@
+import { WeekDay } from '@angular/common';
+import * as i0 from "@angular/core";
+export type CalendarType = 'normal' | 'extended';
+export declare const enum Month {
+    January = 0,
+    February = 1,
+    March = 2,
+    April = 3,
+    May = 4,
+    June = 5,
+    July = 6,
+    August = 7,
+    September = 8,
+    October = 9,
+    November = 10,
+    December = 11
+}
+export interface DisableDateConfig {
+    fromDate?: Date | undefined;
+    toDate?: Date | undefined;
+    excludeDates?: Date[] | undefined;
+    excludeDays?: WeekDay[] | undefined;
+    closingTime?: Date | undefined;
+}
+export declare class CalendarMonth {
+    year: number;
+    month: number;
+    id: string;
+    _date: Date;
+    constructor(date?: Date);
+    /** Creates an instance based of input year and month. */
+    static fromObject(obj: {
+        year: number;
+        month: number;
+    }): CalendarMonth;
+    /** Returns a Date representation for the instance. */
+    get date(): Date;
+    /** Returns the string id representing the instance in form of 'yyyyMM'. */
+    valueOf(): string;
+    /** Returns a new instance for next month. */
+    nextMonth(): CalendarMonth;
+    /** Returns a new instance for previous month. */
+    previousMonth(): CalendarMonth;
+    /** Returns a new instance for next year. */
+    nextYear(): CalendarMonth;
+    /** Returns a new instance for previous year. */
+    previousYear(): CalendarMonth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarMonth, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarMonth>;
+}

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/calendar/calendar.component";
+import * as i2 from "./directives/calendar-date.directive";
+import * as i3 from "./pipes/is-disabled.pipe";
+import * as i4 from "./pipes/date-thook.pipe";
+import * as i5 from "./components/calendar-control/calendar-control.component";
+import * as i6 from "./components/datepicker/datepicker.component";
+import * as i7 from "./components/date-input/date-input.component";
+import * as i8 from "./pipes/matches.pipe";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/forms";
+import * as i11 from "@jsverse/transloco";
+import * as i12 from "@sebgroup/green-angular/src/v-angular/input-mask";
+import * as i13 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvDatepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDatepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDatepickerModule, [typeof i1.CalendarComponent, typeof i2.CalendarDateDirective, typeof i3.IsDisabledPipe, typeof i4.DateThookPipe, typeof i5.CalendarControlComponent, typeof i6.DatepickerComponent, typeof i7.DateInputComponent, typeof i8.MatchesPipe], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i11.TranslocoModule, typeof i12.NggvInputMaskModule, typeof i13.NggCoreWrapperModule], [typeof i7.DateInputComponent, typeof i6.DatepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDatepickerModule>;
+}

package/v-angular/datepicker/datepicker.utils.d.ts

@@ -0,0 +1,39 @@
+import { WeekDay } from '@angular/common';
+export declare const sortWeekDays: (firstDayOfWeek: WeekDay) => WeekDay[];
+/** Sets labels and sort weekday arrays based off of first day of week. */
+export declare const getSortedWeekDays: (firstDayOfWeek: WeekDay, startDate?: Date) => Date[];
+/** Generate a matrix of dates used to visualize a calendar month. */
+export declare const generateDateMatrix: (month: number, year: number, minWeeks: number | undefined, firstDayOfWeek: WeekDay) => Date[][];
+/** Returns the first date used in the calendars first button. */
+export declare const firstCalendarDate: (date: Date, firstDayOfWeek: WeekDay) => Date;
+export declare const getDayOffset: (from: WeekDay, to: WeekDay, firstDayOfWeek: WeekDay, direction?: 'forward' | 'back') => number;
+/** Returns an array of Dates for each of month. */
+export declare const getMonthArray: () => Date[];
+/** Returns an array of Dates for the current year and the next. */
+export declare const getYearArray: () => Date[];
+/** Returns true if the two dates have the same year, month and date values. */
+export declare const match: (a: Date | undefined, b: Date | undefined) => boolean;
+export declare const afterClosingHours: (closingHours: Date | undefined) => boolean;
+/**
+ * Checks if a date is before control date, regardless of time.
+ *
+ * @param date - comparison date
+ * @param controlDate - date to compare against
+ * @returns - true if the comparison date is before the control date
+ */
+export declare const isBefore: (date: Date, controlDate: Date) => boolean;
+/**
+ * Checks if a date is after control date, regardless of time.
+ *
+ * @param date - comparison date
+ * @param controlDate - date to compare against
+ * @returns - true if the comparison date is before the control date
+ */
+export declare const isAfter: (date: Date, controlDate: Date) => boolean;
+/**
+ * Checks if a value can be used to initiate a new Date object.
+ *
+ * @param value any value
+ * @returns - true if value can be coersed to a Date.
+ */
+export declare const isValid: (value: any) => boolean;

package/v-angular/datepicker/directives/calendar-date.directive.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const enum DateCss {
+    notWithinMonth = "not-within-month",
+    selected = "selected",
+    today = "today"
+}
+export declare class CalendarDateDirective implements OnInit, OnChanges {
+    private elementRef;
+    calendarDate: Date;
+    selected: boolean;
+    notWithinMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+    get nativeElement(): HTMLElement;
+    constructor(elementRef: ElementRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDateDirective, "[calendarDate]", never, { "calendarDate": { "alias": "calendarDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "notWithinMonth": { "alias": "notWithinMonth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,13 @@
+export * from './date-control-value-accessor/date-control-value-accessor.component';
+export * from './components/calendar/calendar.component';
+export * from './components/calendar-control/calendar-control.component';
+export * from './components/date-input/date-input.component';
+export * from './components/datepicker/datepicker.component';
+export * from './directives/calendar-date.directive';
+export * from './pipes/is-disabled.pipe';
+export * from './pipes/matches.pipe';
+export * from './models/dates';
+export * from './datepicker.models';
+export * from './datepicker.globals';
+export * from './datepicker.module';
+export * from './datepicker.utils';

package/v-angular/datepicker/models/dates.d.ts

@@ -0,0 +1,15 @@
+import { InputmaskOptions } from '@sebgroup/green-angular/src/v-angular/input-mask';
+/**
+ * Helper function to generate InputmaskOptions by requested locale.
+ * @param locale - requested locale. If not given, it'll use the browsers locale
+ * @returns InputmaskOptions with date settings
+ */
+export declare const getLocaleDateMask: (dateCharacters?: DateCharacters, locale?: string) => InputmaskOptions<Date>;
+export declare const getLocaleDateString: (locale?: string) => string;
+export declare const getFormatDateMask: (format: string, dateCharacters?: DateCharacters) => InputmaskOptions<Date>;
+export interface DateCharacters {
+    year: string;
+    month: string;
+    day: string;
+}
+export declare const setDateFormatCharacters: (format: string, dateCharacters?: DateCharacters) => string;

package/v-angular/datepicker/pipes/date-thook.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DateThookPipe implements PipeTransform {
+    get today(): Date;
+    transform(date: Date, isDisabled: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateThookPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DateThookPipe, "dateThook", false>;
+}

package/v-angular/datepicker/pipes/is-disabled.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { DisableDateConfig } from '../datepicker.models';
+import * as i0 from "@angular/core";
+export declare class IsDisabledPipe implements PipeTransform {
+    transform(value: Date, config?: DisableDateConfig): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsDisabledPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsDisabledPipe, "isDisabled", false>;
+}

package/v-angular/datepicker/pipes/matches.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MatchesPipe implements PipeTransform {
+    transform(value: Date, selected: Date | undefined): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MatchesPipe, "matches", false>;
+}

package/v-angular/drag-drop/drag-drop.component.d.ts

@@ -0,0 +1,131 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { DialogEvent, NggvDialogComponent } from '@sebgroup/green-angular/src/v-angular/modal';
+import type { APIFile, EventStateChange, FileService, LocalFile, StateMap, UploadState } from './drag-drop.models';
+import '@sebgroup/green-core/components/icon/icons/cloud-upload.js';
+import '@sebgroup/green-core/components/icon/icons/cross-small.js';
+import '@sebgroup/green-core/components/icon/icons/checkmark.js';
+import * as i0 from "@angular/core";
+export type DragDropState = 'normal' | 'over' | 'uploading' | 'done';
+export declare class NggvDragDropComponent implements OnInit, OnDestroy {
+    /** @internal */
+    deleteModalRef: NggvDialogComponent;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** Allowing selecting or dropping multiple files. */
+    service: FileService | undefined;
+    /** Mime types allowed. */
+    accept?: string;
+    /** Disables deletion or cancellation during defined states [local | uploading | aborted | uploaded | validating | error | deleted | done]. */
+    disableRemove: UploadState[];
+    /** File size limit in mega bytes. */
+    fileLimit: number;
+    /** Allowing selecting or dropping multiple files. */
+    multiple: boolean;
+    /** Determines if list should be shown under upload, disabling list disables multiple upload. */
+    list: boolean;
+    /** Frequency of requests which to send to the API requesting status updates. */
+    throttle: number;
+    /** Maximum number of attempts to request a status update from the API if service is unreachable. */
+    retryAttempts: number;
+    /** If selection of multiple file should be possible with a checkbox.
+     * @experimental work in progress and should not yet be used.
+     * @internal
+     */
+    selectable: boolean;
+    /** Allows multiple values from `apiFile.status` to be mapped to a single file upload state. */
+    stateMap: StateMap;
+    /** Statuses allowed to be fetch during the initial load. Used to hide "done" states from list. */
+    fetchStatuses: string[];
+    /** Statuses allowed be shown when status is "rejected". Will fallback to generic message. `null` allows all. */
+    errorCodes: string[] | null;
+    /** Event triggered on initialization and every time the "uploadState" for a file changes. */
+    stateChange: EventEmitter<EventStateChange>;
+    /** Event triggered when view details is clicked. */
+    detailsClick: EventEmitter<LocalFile & import("./drag-drop.models").APIStatusBaseProperties & {
+        id: string;
+        status: string;
+    } & import("./drag-drop.models").APIFileBaseProperties & {
+        id: string;
+        fileName: string;
+    }>;
+    /** @internal */
+    isDragDropAvailable: boolean;
+    /** @internal */
+    componentState: DragDropState;
+    /** @internal */
+    files: Map<string, LocalFile & APIFile>;
+    /** @internal */
+    lastFile: (LocalFile & APIFile) | undefined;
+    /** @internal */
+    selected: string[];
+    /** @internal */
+    loading: boolean;
+    /** @internal */
+    markedForDeletion: APIFile | undefined;
+    /**
+     * Initialize the component and warn if service is not defined. Will also fetch files for the list if enabled.
+     */
+    ngOnInit(): void;
+    /** Destroy all event listeners and polling running */
+    ngOnDestroy(): void;
+    /** @internal Warn user trying to leave page before all uploads are done. Custom message only works in older browsers. */
+    onBeforeUnload(event: Event): "You still have files uploading, are you sure you want to leave this page?" | undefined;
+    /** @internal Event handler for when a file is held over the drop area */
+    onDragEnter(event: DragEvent): void;
+    /** @internal Event handler for when a file leaves the drop area */
+    onDragLeave(event: DragEvent): void;
+    /** @internal Event handler for when a file is dropped on the drop area or when `input` files are selected */
+    onDrop(event: DragEvent | Event): void;
+    /** @internal Event trigger for when delete button is pressed */
+    onRemove(id: string, state: UploadState): void;
+    /** @internal */
+    onConfirmRemove(event: DialogEvent<LocalFile & APIFile>): void;
+    /** @internal Event handler for when the files should be uploaded */
+    onSubmit(): void;
+    /**
+     * @internal
+     * Using the state map convert `apiFile.state` to one of {@link UploadState}
+     * @param apiState the state given by the file to be used for mapping
+     */
+    determineUploadState(apiState: string): UploadState;
+    /** @internal */
+    uploadStateIsArray(state: string | string[]): state is string[];
+    /** @internal used for translation templating parameters */
+    translateParams(file: LocalFile & APIFile): {
+        fileLimit: string;
+        raw: File | undefined;
+        progress: number;
+        uploadState: UploadState;
+        uploadRequests: import("rxjs").Subscription | undefined;
+        internalStatusReasonCode: string | null;
+        statusReasonInformation: import("./drag-drop.models").APIStatusReason[] | null;
+        id: string;
+        status: string;
+        principal: string;
+        uploadDate: string;
+        registrarId: string;
+        registrarName: string;
+        fileName: string;
+    };
+    /**
+     * Poll the status endpoint to determine when file is valid
+     * @param file file used to check state and update
+     * @param delay how long each interval should wait before sending a request
+     */
+    private checkValidity;
+    private fallbackError;
+    /**
+     * Check so that no files are still validating
+     */
+    private allValidationDone;
+    /**
+     * Check so that no files are still uploading
+     */
+    private allUploadingDone;
+    /**
+     * Helper to update the component state to done and then back to normal
+     */
+    private setComponentStateDone;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDragDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDragDropComponent, "nggv-drag-drop", never, { "thook": { "alias": "thook"; "required": false; }; "service": { "alias": "service"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disableRemove": { "alias": "disableRemove"; "required": false; }; "fileLimit": { "alias": "fileLimit"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "list": { "alias": "list"; "required": false; }; "throttle": { "alias": "throttle"; "required": false; }; "retryAttempts": { "alias": "retryAttempts"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "stateMap": { "alias": "stateMap"; "required": false; }; "fetchStatuses": { "alias": "fetchStatuses"; "required": false; }; "errorCodes": { "alias": "errorCodes"; "required": false; }; }, { "stateChange": "stateChange"; "detailsClick": "detailsClick"; }, never, never, false, never>;
+}

package/v-angular/drag-drop/drag-drop.models.d.ts

@@ -0,0 +1,49 @@
+import { HttpEvent } from '@angular/common/http';
+import { Observable, Subscription } from 'rxjs';
+export type UploadState = 'local' | 'uploading' | 'aborted' | 'uploaded' | 'validating' | 'error' | 'deleted' | 'done';
+export type StateMap = {
+    [key in UploadState]: string | string[];
+};
+export interface LocalFile {
+    raw: File | undefined;
+    progress: number;
+    uploadState: UploadState;
+    uploadRequests: Subscription | undefined;
+}
+export interface APIStatusReason {
+    originatorId: string;
+    reason: string;
+    additionalInformation?: string;
+}
+export interface APIStatusBaseProperties {
+    internalStatusReasonCode: string | null;
+    statusReasonInformation: APIStatusReason[] | null;
+}
+export type APIStatus<T = APIStatusBaseProperties> = T & {
+    id: string;
+    status: string;
+};
+export interface APIFileBaseProperties {
+    principal: string;
+    uploadDate: string;
+    registrarId: string;
+    registrarName: string;
+}
+export type APIFile<T = APIFileBaseProperties, U = APIStatusBaseProperties> = APIStatus<U> & T & {
+    id: string;
+    fileName: string;
+};
+export interface EventStateChange extends Partial<APIStatus> {
+    uploadState: UploadState;
+    fileName: string;
+}
+export interface FileService<T = APIFileBaseProperties, U = APIStatusBaseProperties> {
+    uploadFile(file: File): Observable<HttpEvent<APIFile<T, U>>>;
+    fetchFiles(statuses?: string[]): Observable<Array<APIFile<T, U>>>;
+    fetchStatus(id: string): Observable<APIStatus<U> | undefined>;
+    /** Uses file as param to fetch file status. */
+    fetchStatusFor?(file: APIFile<T, U>): Observable<APIStatus<U> | undefined>;
+    removeFile(id: string): Observable<void>;
+    /** Uses file as param to remove file. */
+    removeFileFor?(file: APIFile<T, U>): Observable<void>;
+}

package/v-angular/drag-drop/drag-drop.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./drag-drop.pipes";
+import * as i2 from "./drag-drop.component";
+import * as i3 from "@angular/common/http";
+import * as i4 from "@jsverse/transloco";
+import * as i5 from "@sebgroup/green-angular/src/v-angular/modal";
+import * as i6 from "@sebgroup/green-angular/src/lib/shared";
+import * as i7 from "@angular/common";
+export declare class NggvDragDropModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDragDropModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDragDropModule, [typeof i1.ValuePipe, typeof i2.NggvDragDropComponent], [typeof i3.HttpClientModule, typeof i4.TranslocoModule, typeof i5.NggvModalModule, typeof i6.NggCoreWrapperModule, typeof i7.CommonModule], [typeof i2.NggvDragDropComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDragDropModule>;
+}

package/v-angular/drag-drop/drag-drop.pipes.d.ts

@@ -0,0 +1,40 @@
+import { KeyValueDiffers, PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ValuePipe implements PipeTransform {
+    private readonly differs;
+    constructor(differs: KeyValueDiffers);
+    private differ;
+    private values;
+    transform<K, V>(input: null): null;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V>): Array<V>;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V> | null): Array<V> | null;
+    transform<K, V>(input: Map<K, V>): Array<V>;
+    transform<K, V>(input: Map<K, V> | null): Array<V> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValuePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValuePipe, "value", false>;
+}
+/**
+ * Stand-alone version of existing value pipe.
+ *
+ * Impure flag needed due to keep track of changes in complex values (such as objects or arrays).
+ */
+export declare class ValueImpurePipe implements PipeTransform {
+    private readonly differs;
+    private differ;
+    private values;
+    transform<K, V>(input: null): null;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V>): Array<V>;
+    transform<V>(input: {
+        [key: string]: V;
+    } | Map<string, V> | null): Array<V> | null;
+    transform<K, V>(input: Map<K, V>): Array<V>;
+    transform<K, V>(input: Map<K, V> | null): Array<V> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueImpurePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValueImpurePipe, "valueImpure", true>;
+}

package/v-angular/drag-drop/drag-drop.utils.d.ts

@@ -0,0 +1,33 @@
+import { Observable } from 'rxjs';
+import { APIFile, LocalFile } from './drag-drop.models';
+/**
+ * Helper to extend the base file with {@link APIFile} defaults
+ * @param file file base that will be extended with {@link APIFile} defaults
+ * @param data extra data to override defaults
+ */
+export declare const extendFile: (file: File | undefined, ...data: Array<Partial<Omit<LocalFile, 'raw'> & APIFile>>) => LocalFile & APIFile;
+/**
+ * Checks if file matches allowed mime types
+ * @param type file mime type
+ * @param accept allowed mime types
+ */
+export declare const verifyAccept: (type: string, accept?: string) => boolean;
+/**
+ * Determines if browser supports drag and drop
+ */
+export declare const isDragDropAvailable: () => boolean;
+/**
+ * Pick only specified keys from a given object
+ * @param keys keys to pick from a given object
+ * @param object to extract keys from
+ */
+export declare const pick: <T, K extends keyof T>(object: T, ...keys: K[]) => Pick<T, K>;
+/**
+ * Will retry running the observable when an error occurs to a maximum limit, increasing delay between executions.
+ * @param options specifies number of retries, scaling duration and statuses to exclude
+ */
+export declare const retryStrategy: ({ maxRetryAttempts, scalingDuration, excludedStatusCodes, }?: {
+    maxRetryAttempts?: number;
+    scalingDuration?: number;
+    excludedStatusCodes?: number[];
+}) => (attempts: Observable<any>) => Observable<0>;

package/v-angular/drag-drop/index.d.ts

@@ -0,0 +1,4 @@
+export * from './drag-drop.component';
+export * from './drag-drop.models';
+export * from './drag-drop.module';
+export * from './drag-drop.pipes';