@sebgroup/green-angular 4.4.1 → 4.6.0

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

@@ -0,0 +1,124 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { TranslocoScope } from '@ngneat/transloco';
+import * as i0 from "@angular/core";
+export declare class NgvBaseControlValueAccessorComponent implements AfterViewInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** 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;
+    /** 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;
+    /** 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;
+    /** Deafult value of the child input element. Used when resetting child 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;
+    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;
+    private _disabled;
+    /** Override the disabled state of the component. */
+    set disabled(value: boolean);
+    /** The component has the disabled state, usually muting the colors and removes interaction. */
+    get disabled(): 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>;
+    private _state;
+    /** @internal */
+    protected onChange: (_: any) => void;
+    /** @internal */
+    protected onTouched: () => void;
+    /** @internal */
+    protected onValidatorChange: () => void;
+    scope: string | undefined;
+    private _onDestroy$;
+    /**
+     * Creates a new BaseControlValueAccessorComponent.
+     * @param ngControl optional FormControl provided when component is used in a form, through dependency injection.
+     * @param translocoScope optional TranslocoScope provided if component is used within a scope.
+     */
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    detectChanges(): void;
+    /** @internal */
+    onFocus(event: Event): void;
+    /** @internal */
+    onBlur(event: Event): void;
+    /** Sets the focus on the actual input element. */
+    setFocus(): 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: (_: any) => object): 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: any;
+    } | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBaseControlValueAccessorComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBaseControlValueAccessorComponent, "ng-component", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "role": { "alias": "role"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "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; }; "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; }; }, { "ngvFocus": "ngvFocus"; "ngvBlur": "ngvBlur"; }, ["labelContentTpl"], never, false, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgvBaseControlValueAccessorComponent>;
+}

package/v-angular/base-control-value-accessor/base-control-value-accessor.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./base-control-value-accessor.component";
+export declare class NgvBaseControlValueAccessorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBaseControlValueAccessorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvBaseControlValueAccessorModule, [typeof i1.NgvBaseControlValueAccessorComponent], never, [typeof i1.NgvBaseControlValueAccessorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvBaseControlValueAccessorModule>;
+}

package/v-angular/base-control-value-accessor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base-control-value-accessor.component';
+export * from './base-control-value-accessor.module';

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

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+type Breadcrumb = {
+    /** Title shown for the breadcrumb link. */
+    title: string;
+    /** The link which is redirected to when clicked. Can be relative with external set to `false`. */
+    href: string;
+    /** Flags this link to be either internal using router link or external using browser location. */
+    external?: boolean;
+};
+export declare class NgvBreadcrumbsComponent {
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** List of breadcrumbs to present. */
+    breadcrumbs: Breadcrumb[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvBreadcrumbsComponent, "ngv-breadcrumbs", never, { "thook": { "alias": "thook"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumbs.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@sebgroup/green-angular/src/v-angular/external-link";
+import * as i4 from "@angular/router";
+export declare class NgvBreadcrumbsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvBreadcrumbsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvBreadcrumbsModule, [typeof i1.NgvBreadcrumbsComponent], [typeof i2.CommonModule, typeof i3.NgvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof i1.NgvBreadcrumbsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvBreadcrumbsModule>;
+}

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

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

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

@@ -0,0 +1,62 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import * as i0 from "@angular/core";
+export type ButtonTypes = 'button' | 'submit' | 'reset' | 'link';
+export declare enum ButtonStyle {
+    Primary = 0,
+    Secondary = 1,
+    Alternative = 2,
+    Delete = 3,
+    DeleteConfirm = 4,
+    Ghost = 5,
+    GhostDark = 6,
+    Link = 7
+}
+/**
+ * Buttons allow users to take action with a single tap.
+ * https://designlibrary.sebgroup.com/components/component-button
+ */
+export declare class NgvButtonComponent extends NgvBaseControlValueAccessorComponent implements OnInit, OnChanges {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** Type of button to one of button|submit|reset|link, where link creates an anchor tag. */
+    type: ButtonTypes;
+    /** Style of the button to one of Primary|Secondary|Alternative|Delete|DeleteConfirm|Ghost|GhostDark|Link. */
+    buttonStyle: ButtonStyle;
+    /** Size of the button to be smaller. */
+    small: boolean;
+    /** Where the button should link to if {@link ButtonTypes} is set to link. */
+    href?: string;
+    /** @internal Determines if the the href property should use internal routing. */
+    external: boolean;
+    /** @internal The classes determined by the buttonStyle and small properties. */
+    buttonClasses: {
+        [className: string]: boolean;
+    };
+    /** Emits click events triggered by the button or link.
+     * Use instead of click to avoid triggering events on disabled buttons and links.
+     */
+    ngvClick: EventEmitter<any>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    static buttonStyleClasses(type: ButtonStyle, small: boolean): {
+        small: boolean;
+        primary: boolean;
+        secondary: boolean;
+        tertiary: boolean;
+        danger: boolean;
+        ghost: boolean;
+        'ghost-light': boolean;
+    };
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    onClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvButtonComponent, "ngv-button", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, { "ngvClick": "ngvClick"; }, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@sebgroup/green-angular/src/v-angular/external-link";
+import * as i4 from "@angular/router";
+export declare class NgvButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvButtonModule, [typeof i1.NgvButtonComponent], [typeof i2.CommonModule, typeof i3.NgvExternalLinkDirectiveModule, typeof i4.RouterModule], [typeof i1.NgvButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvButtonModule>;
+}

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

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

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class NgvCardComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCardComponent, "ngv-card", never, {}, {}, never, ["*"], false, never>;
+}

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import * as i0 from "@angular/core";
+/**
+ * Checkboxes allow a user to toggle an option on or off, or make multiple choices in a set of available options.
+ * https://designlibrary.sebgroup.com/components/component-checkbox
+ */
+export declare class NgvCheckboxComponent extends NgvBaseControlValueAccessorComponent {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    optionalLabel: string;
+    readonly valueChange: EventEmitter<string>;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @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: (checked: any) => any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvCheckboxComponent, "ngv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+}

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

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

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

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

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

@@ -0,0 +1,89 @@
+import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { TranslocoScope } from '@ngneat/transloco';
+import { Option, OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
+import * as i0 from "@angular/core";
+export declare class NgvDropdownListComponent 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;
+    /** @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;
+    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<NgvDropdownListComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDropdownListComponent, "ngv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "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,99 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import { 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 NgvDropdownComponent<K = string | null | undefined, V = string | null | undefined, T extends Option<K, V> = Option<K, V>> extends NgvBaseControlValueAccessorComponent implements OnDestroy, OnChanges {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    protected dropdownUtils: DropdownUtils<K, V, T>;
+    /** Custom template for displaying selected option. */
+    selectedContentTpl: TemplateRef<OptionBase<T>> | undefined;
+    optionContentTpl: 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;
+    /** 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<NgvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvDropdownComponent<any, any, any>, "ngv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "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"], ["*"], false, never>;
+}

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

@@ -0,0 +1,12 @@
+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 "./typeahead/typeahead.module";
+import * as i5 from "@sebgroup/green-angular/src/v-angular/tooltip";
+import * as i6 from "@sebgroup/green-angular/src/v-angular/i18n";
+export declare class NgvDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvDropdownModule, [typeof i1.NgvDropdownComponent, typeof i2.NgvDropdownListComponent], [typeof i3.CommonModule, typeof i4.NgvTypeaheadModule, typeof i5.NgvTooltipModule, typeof i6.NgvI18nModule], [typeof i1.NgvDropdownComponent, typeof i2.NgvDropdownListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvDropdownModule>;
+}

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,2 @@
+export * from './typeahead-highlight/typeahead-highlight.component';
+export * from './typeahead-input/typeahead-input.component';

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 '@ngneat/transloco';
+import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
+import { NgvDropdownListComponent } from '../../dropdown-list/dropdown-list.component';
+import { NgvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
+import * as i0 from "@angular/core";
+export declare class NgvTypeaheadDropdownListComponent extends NgvDropdownListComponent implements OnInit, OnDestroy {
+    protected translocoScope: TranslocoScope;
+    private element;
+    hostComponent: NgvInputComponent;
+    /** 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<NgvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadDropdownListComponent, "ngv-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 NgvTypeaheadHighlightComponent 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<NgvTypeaheadHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTypeaheadHighlightComponent, "ngv-typeahead-highlight", never, { "textContent": { "alias": "textContent"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; }, {}, never, never, false, never>;
+}