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

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';

package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts

@@ -0,0 +1,96 @@
+import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { TranslocoScope } from '@jsverse/transloco';
+import { Subscription } from 'rxjs';
+import { Option, OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
+import * as i0 from "@angular/core";
+export declare class NggvDropdownListComponent implements OnInit, OnChanges {
+    protected translocoScope: TranslocoScope;
+    set expanded(state: boolean);
+    get expanded(): boolean;
+    state: any;
+    /** The additional amount to show when option is scrolled into view. */
+    scrollOffset: number;
+    optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
+    groupLabelTpl: TemplateRef<OptionBase<any>> | undefined;
+    /** @internal List of references to the option elements. */
+    optionRefs: QueryList<ElementRef<HTMLLIElement>> | undefined;
+    /** Id of the host element and is accessible by the children, automatically generated if not provided. */
+    id: any;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    options: any[];
+    textToHighlight?: string;
+    /**
+     * Used to control if "selectedValueChanged" only should emit distinct changes, or each time a value is selected
+     * When true, value is not emitted if there's no distinct change
+     * When false, value is emitted every time an option is selected
+     * */
+    onlyEmitDistinctChanges: boolean;
+    selectedValueChanged: EventEmitter<any>;
+    closed: EventEmitter<void>;
+    /** The current active option based on numeric index. */
+    activeIndex: number;
+    scope: string | undefined;
+    private dropdownUtils;
+    private _expanded;
+    private closed$;
+    selectedValue?: Option<string, any>;
+    /** Subscribe if dropdown expanded to listen to click outside to close dropdown. */
+    protected onClickSubscription: Subscription | undefined;
+    constructor(translocoScope: TranslocoScope);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Returns true if argument is an {@link OptionGroup}.
+     * @param option the object to check.
+     */
+    isGroup(option: any): boolean;
+    /** @internal */
+    updateState(option: any, event: Event): void;
+    /**
+     * @internal
+     */
+    setExpanded(expanded?: boolean): void;
+    /**
+     * @internal
+     */
+    refreshSelectedOption(): void;
+    /**
+     * @internal
+     * @returns The active index (number) if option is found, -1 otherwise.
+     * - If a selectedValue exists that's not nullish and that options is found, return that index
+     * - Else, return first non nullish index
+     * - If none of the above criterias are met, -1 are returned
+     */
+    getActiveIndex(): number;
+    /**
+     * @internal
+     * evaluates wether the HTML element overflows
+     * @param elem The HTMLElement to evaluate
+     * */
+    isOverflow(elem: HTMLElement): boolean;
+    /**
+     * Typecast anything to an {@link OptionGroup}.
+     * @param group the object to typecast.
+     */
+    castGroup(group: any): any;
+    /**
+     * @internal
+     * Disables default events.
+     * @param event fired containing which key was pressed.
+     */
+    onKeyDown(event: KeyboardEvent): boolean;
+    /**
+     * @internal
+     * Enter toggles the dropdown, home, end, and, arrows change the index.
+     * @param event fired containing which key was released.
+     */
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * Scrolls focused result into view with a specified offset.
+     * @param key the result index which to scroll to.
+     */
+    scrollToResult(option: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
+}

package/v-angular/dropdown/dropdown-list/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-list.component';

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

@@ -0,0 +1,103 @@
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } 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 { DropdownUtils, Option, OptionBase, OptionGroup } from '@sebgroup/green-angular/src/v-angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A dropdown allows the user to select an option from a list.
+ * Dropdowns enables users to make a quick selection of the available options for a specific entry.
+ * https://designlibrary.sebgroup.com/components/component-dropdown
+ */
+export declare class NggvDropdownComponent<K = string | null | undefined, V = string | null | undefined, T extends Option<K, V> = Option<K, V>> extends NggvBaseControlValueAccessorComponent implements OnDestroy, OnChanges {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    protected dropdownUtils: DropdownUtils<K, V, T>;
+    /** Custom template for displaying options and groups. */
+    selectedContentTpl: TemplateRef<OptionBase<T>> | undefined;
+    optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
+    groupLabelTpl: TemplateRef<OptionBase<any>> | undefined;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Text shown before an option is selected. */
+    placeholder?: string;
+    /** Specific value for aria-label. If not provided, label/labelTpl will be used. */
+    ariaLabel?: string;
+    /** List of {@link Option} and {@link OptionGroup} listed when dropdown is expanded. */
+    set options(value: OptionBase<T>[]);
+    get options(): OptionBase<T>[];
+    /** The additional amount to show when option is scrolled into view. */
+    scrollOffset: number;
+    /**
+     * Allow this component to add/ remove nullish options based on wether the control is required or not
+     * Defaults to true.
+     */
+    allowControlNullishOption: boolean;
+    /** Text to highlight in option */
+    textToHighlight?: string;
+    /**
+     * If only one option exists in options[], default is to select it.
+     * This input can be used to alter that behaviour so it doesn't automatically
+     * select a value if it's the only one.
+     * Defaults to true.
+     */
+    selectOnSingleOption: boolean;
+    /**
+     * Emits changes of the expanded state of the dropdown
+     */
+    expandedChange: EventEmitter<boolean>;
+    /** @internal nullish option. */
+    get defaultNullishOption(): OptionBase<any>;
+    /** The current expanded state of the dropdown options. */
+    expanded: boolean;
+    /** The current option selected based on numeric index. */
+    activeIndex: number;
+    /** Subscribe if dropdown expanded to listen to click outside to close dropdown. */
+    private onClickSubscription;
+    keyEvent: KeyboardEvent;
+    private _options;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, dropdownUtils: DropdownUtils<K, V, T>);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal override to correctly set state from form value */
+    writeValue(value: any): void;
+    /** @internal */
+    onSelectChange(option: T): void;
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * Closes the dropdown on click outside.
+     */
+    subscribeToOutsideClickEvent(): void;
+    /**
+     * Set the dropdown value to given option.
+     * @param value the dropdown option to select.
+     */
+    private updateModel;
+    /** Toggle the expanded state of the dropdown options. */
+    toggleDropdown(): void;
+    /**
+     * Set the expanded state of the dropdown options. If true the options are shown below the field.
+     * Activate on click event to be able to close dropdown on click outside.
+     * @param state the expanded state which to set.
+     */
+    setExpanded(state?: boolean): void;
+    /**
+     * Typecast anything to an {@link Option}.
+     * @param option the object to typecast.
+     */
+    castOption(option: any): T;
+    /**
+     * Typecast anything to an {@link OptionGroup}.
+     * @param group the object to typecast.
+     */
+    castGroup(group: any): OptionGroup<T>;
+    /**
+     * Returns true if argument is an {@link Option}.
+     * @param option the object to check.
+     */
+    isOption(option: OptionBase<T>): option is OptionGroup<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dropdown.component";
+import * as i2 from "./dropdown-list/dropdown-list.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@sebgroup/green-angular/src/lib/shared";
+import * as i5 from "./typeahead/typeahead.module";
+import * as i6 from "@sebgroup/green-angular/src/v-angular/tooltip";
+import * as i7 from "@sebgroup/green-angular/src/v-angular/i18n";
+export declare class NggvDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvDropdownModule, [typeof i1.NggvDropdownComponent, typeof i2.NggvDropdownListComponent], [typeof i3.CommonModule, typeof i4.NggCoreWrapperModule, typeof i5.NggvTypeaheadModule, typeof i6.NggvTooltipModule, typeof i7.NggvI18nModule], [typeof i1.NggvDropdownComponent, typeof i2.NggvDropdownListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvDropdownModule>;
+}

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

@@ -0,0 +1,5 @@
+export * from './dropdown.component';
+export * from './dropdown.module';
+export * from './dropdown-list';
+export * from './typeahead';
+export * from './dropdown-list';

package/v-angular/dropdown/typeahead/index.d.ts

@@ -0,0 +1,5 @@
+export * from './typeahead-highlight/typeahead-highlight.component';
+export * from './typeahead-input/typeahead-input.component';
+export * from './typeahead-dropdown-list/typeahead-dropdown-list.component';
+export * from './typeahead.directive';
+export * from './typeahead.module';

package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { TranslocoScope } from '@jsverse/transloco';
+import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
+import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NggvDropdownListComponent } from '../../dropdown-list/dropdown-list.component';
+import * as i0 from "@angular/core";
+export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
+    protected translocoScope: TranslocoScope;
+    private element;
+    hostComponent: NggvInputComponent;
+    /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
+    resultFormatter?: (option: OptionBase<any>) => string;
+    /** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
+    selectedFormatter?: (selected: OptionBase<any>) => string;
+    private _destroy$;
+    constructor(translocoScope: TranslocoScope, element: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @Internal Subscribe to click outside dropdownList and input to close dropdownList */
+    private subscribeToOutsideClickEvent;
+    /** @Internal Update state of the host-input to reflect the selected value */
+    private handleSelectedValueChanges;
+    /** @Internal Expand the dropdown when input receives focus. If no state, set empty string in input */
+    private handleFocusChanges;
+    /**
+     * @internal Formats the selected option to display in the input. Interpolate the returned value
+     * since we don't know the return type or label type.
+     * @param value The selected value
+     * @returns The formatted value
+     */
+    private formatSelected;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+}

package/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.d.ts

@@ -0,0 +1,34 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NggvTypeaheadHighlightComponent implements OnChanges {
+    /** The text that is displayed in the dropdown list */
+    textContent?: string;
+    /** The substring that should be highlighted within textContent */
+    textToHighlight?: string;
+    prefix?: string;
+    match?: string;
+    suffix?: string;
+    text: string;
+    input: string;
+    /**
+     * Regexp of characters that are allowed in textContent without being found in textToHighlight
+     * Allow whitespaces.
+     * */
+    allowedNonMatchingChars: RegExp;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateValues;
+    /**
+     * Function that finds the start and end index of where the input is located within the text to display.
+     * First occurence is returned. Allows for spaces to occur despite input not matching space.
+     * Loops through each character in splittedText and when a char in splittedText equlas the first character of
+     * splittedInput, evaluate wether it's match on the entire input.
+     * - If it's => return indexes.
+     * - If it's not => break out and check next char in outer loop.
+     * @param splittedText the text content splitted in an array
+     * @param splittedInput the input splitted in an array
+     * @returns { start: number, end: number } Indexes of where the match starts and ends in the text displatyed
+     */
+    private getHighlightedPart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadHighlightComponent, "nggv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,59 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@jsverse/transloco';
+import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
+import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import { NggvDropdownComponent } from '../../dropdown.component';
+import * as i0 from "@angular/core";
+export declare class NggvTypeaheadInputComponent extends NggvInputComponent implements OnInit, OnDestroy {
+    private element;
+    private renderer2;
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Reference to the host dropdown */
+    hostComponent: NggvDropdownComponent;
+    /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
+    resultFormatter?: (option: OptionBase<any>) => string;
+    /** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
+    selectedFormatter?: (selected: OptionBase<any>) => string;
+    get dropdownButton(): HTMLElement;
+    /** Boolean to indicate wether the dropdown is expanded or not, to apply appropriate styling */
+    expanded: boolean;
+    /** Used to determine the height of the inputin html */
+    buttonHeight?: number;
+    constructor(element: ElementRef, renderer2: Renderer2, ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * @internal
+     * Allow space to be inputted as text
+     * @param event fired containing which key was released.
+     */
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * @internal
+     * First time the dropdown is expanded, move the input sp it becomes a child of the dropdown button
+     * to better reflect semantics and styling.
+     */
+    private moveInput;
+    /**
+     * @internal
+     * When dropdown is expanded, focus on the input. If a value is selected, set it in the input.
+     * When the dropdown is collapsed, empty the input from text.
+     */
+    private handleExpandedChange;
+    /**
+     * @internal Formats the selected option to display in the input. Interpolate the returned value
+     * since we don't know the return type or label type.
+     * @param value The selected value
+     * @returns The formatted value
+     */
+    private formatSelected;
+    /**
+     * Sets the input programmatically instead of native HTML input event.
+     * @param input
+     */
+    private setInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadInputComponent, [null, null, { optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadInputComponent, "nggv-typeahead-input", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
+}