@ardium-ui/ui 1.0.0

package/lib/file-inputs/file-drop-area/file-drop-area.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-drop-area.component";
+import * as i2 from "./file-drop-area.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "../../buttons/button/button.module";
+import * as i5 from "../../icon/icon.module";
+import * as i6 from "@ardium-ui/devkit";
+export declare class ArdiumFileDropAreaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileDropAreaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileDropAreaModule, [typeof i1.ArdiumFileDropAreaComponent, typeof i2.ArdiumFileDropAreaIdleContentTemplateDirective, typeof i2.ArdiumFileDropAreaDragoverContentTemplateDirective, typeof i2.ArdiumFileDropAreaUploadedContentTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumButtonModule, typeof i5.ArdiumIconModule, typeof i6.ArdiumFilesizePipeModule, typeof i6.ArdiumFilenamePipeModule, typeof i6.ArdiumFileextPipeModule, typeof i6.ArdiumClickOutsideEventModule], [typeof i1.ArdiumFileDropAreaComponent, typeof i2.ArdiumFileDropAreaIdleContentTemplateDirective, typeof i2.ArdiumFileDropAreaDragoverContentTemplateDirective, typeof i2.ArdiumFileDropAreaUploadedContentTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileDropAreaModule>;
+}

package/lib/file-inputs/file-input/file-input.component.d.ts

@@ -0,0 +1,41 @@
+import { TemplateRef, EventEmitter } from '@angular/core';
+import { ComponentColor } from '../../types/colors.types';
+import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { _FileInputComponentBase } from '../file-input-base';
+import { FileInputBrowseContext, FileInputFileAmountContext, FileInputFilesContext } from '../file-input-types';
+import * as i0 from "@angular/core";
+export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
+    readonly DEFAULTS: {
+        clearButtonTitle: string;
+    };
+    appearance: FormElementAppearance;
+    variant: FormElementVariant;
+    color: ComponentColor;
+    inputAttrs: {
+        [key: string]: any;
+    };
+    placeholder: string;
+    placeholderTemplate?: TemplateRef<any>;
+    get shouldDisplayPlaceholder(): boolean;
+    private _clearable;
+    get clearable(): boolean;
+    set clearable(v: any);
+    clearButtonTitle: string;
+    get shouldShowClearButton(): boolean;
+    onClearButtonClick(event: MouseEvent): void;
+    clear(): void;
+    clearEvent: EventEmitter<any>;
+    private _touched;
+    get touched(): boolean;
+    private set touched(value);
+    prefixTemplate?: TemplateRef<any>;
+    suffixTemplate?: TemplateRef<any>;
+    idleTemplate: TemplateRef<FileInputBrowseContext> | null;
+    dragoverTemplate: TemplateRef<FileInputFilesContext> | null;
+    uploadedTemplate: TemplateRef<FileInputFilesContext> | null;
+    getIdleContext(): FileInputBrowseContext;
+    getDragoverContext(): FileInputFileAmountContext;
+    getUploadedContext(): FileInputFilesContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; }, { "clearEvent": "clear"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate"], never, false, never>;
+}

package/lib/file-inputs/file-input/file-input.directives.d.ts

@@ -0,0 +1,39 @@
+import { TemplateRef } from '@angular/core';
+import { FileInputBrowseContext, FileInputFilesContext } from '../file-input-types';
+import * as i0 from "@angular/core";
+export declare class ArdFileInputPlaceholderTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdFileInputPlaceholderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdFileInputPlaceholderTemplateDirective, "ard-file-input > ng-template[ard-placeholder-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdFileInputPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdFileInputPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdFileInputPrefixTemplateDirective, "ard-file-input > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdFileInputSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdFileInputSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdFileInputSuffixTemplateDirective, "ard-file-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdiumFileInputIdleContentTemplateDirective {
+    template: TemplateRef<FileInputBrowseContext>;
+    constructor(template: TemplateRef<FileInputBrowseContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputIdleContentTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputIdleContentTemplateDirective, "ard-file-input > ng-template[ard-idle-content-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdiumFileInputDragoverContentTemplateDirective {
+    template: TemplateRef<FileInputFilesContext>;
+    constructor(template: TemplateRef<FileInputFilesContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputDragoverContentTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputDragoverContentTemplateDirective, "ard-file-input > ng-template[ard-dragover-content-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdiumFileInputUploadedContentTemplateDirective {
+    template: TemplateRef<FileInputFilesContext>;
+    constructor(template: TemplateRef<FileInputFilesContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputUploadedContentTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputUploadedContentTemplateDirective, "ard-file-input > ng-template[ard-dropped-content-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/file-inputs/file-input/file-input.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../form-field-frame/form-field-frame.module";
+import * as i4 from "../../_internal/clear-button/clear-button.module";
+import * as i5 from "../../icon/icon.module";
+export declare class ArdiumFileInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent], [typeof i2.CommonModule, typeof i3.ArdiumFormFieldFrameModule, typeof i4._ClearButtonModule, typeof i5.ArdiumIconModule], [typeof i1.ArdiumFileInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileInputModule>;
+}

package/lib/file-inputs/file-input-base.d.ts

@@ -0,0 +1,43 @@
+import { ElementRef, EventEmitter, OnInit, AfterViewInit } from '@angular/core';
+import { _NgModelComponentBase } from '../_internal/ngmodel-component';
+import * as i0 from "@angular/core";
+export declare abstract class _FileInputComponentBase extends _NgModelComponentBase implements OnInit, AfterViewInit {
+    fileInputEl: ElementRef<HTMLInputElement>;
+    htmlId: string;
+    name?: string;
+    ngOnInit(): void;
+    protected _wasViewInit: boolean;
+    ngAfterViewInit(): void;
+    private _compact;
+    get compact(): boolean;
+    set compact(v: any);
+    private _multiple;
+    get multiple(): boolean;
+    set multiple(v: any);
+    private _blockAfterUpload;
+    get blockAfterUpload(): boolean;
+    set blockAfterUpload(v: any);
+    get shouldBeBlocked(): boolean;
+    protected _value: File[] | null;
+    get value(): File[] | null;
+    set value(v: File | File[] | null);
+    valueChange: EventEmitter<File[] | null>;
+    changeEvent: EventEmitter<File[] | null>;
+    dragFilesEvent: EventEmitter<File[] | null>;
+    protected _valueBeforeInit: File[] | null;
+    writeValue(v: File | File[] | null): void;
+    protected _writeValue(v: File | File[] | null, emitEvents?: boolean): void;
+    protected _emitChange(): void;
+    openBrowseDialog(): void;
+    protected _draggedFiles: number | null;
+    currentViewState: 'idle' | 'dragover' | 'uploaded';
+    private _beforeDragoverState;
+    onDragover(event: DragEvent): void;
+    onDragleave(): void;
+    onDrop(event: DragEvent): void;
+    onInputChange(): void;
+    protected _countDragenterFiles(data: DataTransfer | null): number | null;
+    protected _updateElementValue(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_FileInputComponentBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FileInputComponentBase, never, never, { "htmlId": { "alias": "htmlId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "blockAfterUpload": { "alias": "blockAfterUpload"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "dragFilesEvent": "dragFiles"; }, never, never, false, never>;
+}

package/lib/file-inputs/file-input-types.d.ts

@@ -0,0 +1,10 @@
+export interface FileInputBrowseContext {
+    browse: () => void;
+}
+export interface FileInputFileAmountContext {
+    amount: number;
+}
+export interface FileInputFilesContext extends FileInputFileAmountContext {
+    $implicit: File[];
+    files: File[];
+}

package/lib/form-field-frame/form-field-frame.component.d.ts

@@ -0,0 +1,32 @@
+import { TemplateRef } from '@angular/core';
+import { FormElementAppearance, FormElementVariant } from '../types/theming.types';
+import { _FocusableComponentBase } from '../_internal/focusable-component';
+import * as i0 from "@angular/core";
+export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
+    isFocused: boolean;
+    /**
+     * The appearance of the component, aka the styling.
+     */
+    appearance: FormElementAppearance;
+    /**
+     * The variant of the component, aka the shape.
+     */
+    variant: FormElementVariant;
+    /**
+     * @private
+     * Whether to use the compact styling or not.
+     */
+    private _compact;
+    get compact(): boolean;
+    /**
+     * Whether to use the compact styling or not.
+     */
+    set compact(v: any);
+    get ngClasses(): string;
+    prefixTemplateInput?: TemplateRef<any>;
+    suffixTemplateInput?: TemplateRef<any>;
+    prefixTemplate: TemplateRef<any> | null;
+    suffixTemplate: TemplateRef<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldFrameComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldFrameComponent, "ard-form-field-frame", never, { "isFocused": { "alias": "isFocused"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "prefixTemplateInput": { "alias": "prefixTemplate"; "required": false; }; "suffixTemplateInput": { "alias": "suffixTemplate"; "required": false; }; }, {}, ["prefixTemplate", "suffixTemplate"], ["*"], false, never>;
+}

package/lib/form-field-frame/form-field-frame.directives.d.ts

@@ -0,0 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ArdFormFieldPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdFormFieldPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdFormFieldPrefixTemplateDirective, "ard-form-field-frame > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdFormFieldSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdFormFieldSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdFormFieldSuffixTemplateDirective, "ard-form-field-frame > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/form-field-frame/form-field-frame.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field-frame.component";
+import * as i2 from "./form-field-frame.directives";
+import * as i3 from "@angular/common";
+export declare class ArdiumFormFieldFrameModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldFrameModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFormFieldFrameModule, [typeof i1.ArdiumFormFieldFrameComponent, typeof i2.ArdFormFieldPrefixTemplateDirective, typeof i2.ArdFormFieldSuffixTemplateDirective], [typeof i3.CommonModule], [typeof i1.ArdiumFormFieldFrameComponent, typeof i2.ArdFormFieldPrefixTemplateDirective, typeof i2.ArdFormFieldSuffixTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFormFieldFrameModule>;
+}

package/lib/icon/icon.component.d.ts

@@ -0,0 +1,32 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+type WeightNumber = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type WeightString = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type GradeNumber = -25 | 0 | 200;
+type GradeString = '-25' | '0' | '200';
+type OpticalSizeNumber = 20 | 24 | 40 | 48;
+type OpticalSizeString = '20' | '24' | '40' | '48';
+export declare class ArdiumIconComponent implements AfterViewInit {
+    ariaLabel?: string;
+    icon?: string | null;
+    private _filled?;
+    get filled(): boolean | undefined;
+    set filled(v: any);
+    private _weight?;
+    get weight(): WeightNumber | undefined;
+    set weight(v: WeightNumber | WeightString | undefined);
+    private _grade?;
+    get grade(): GradeNumber | undefined;
+    set grade(v: GradeNumber | GradeString | undefined);
+    private _opticalSize?;
+    get opticalSize(): OpticalSizeNumber | undefined;
+    set opticalSize(v: OpticalSizeNumber | OpticalSizeString | undefined);
+    private _isMemoUpToDate;
+    private _fontVariationMemo;
+    get fontVariationSettings(): string;
+    contentWrapper: ElementRef<HTMLElement>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconComponent, "ard-icon", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export {};

package/lib/icon/icon.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.component";
+import * as i2 from "./icon.pipe";
+import * as i3 from "@angular/common";
+export declare class ArdiumIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumIconModule, [typeof i1.ArdiumIconComponent, typeof i2.ArdiumIconPipe], [typeof i3.CommonModule], [typeof i1.ArdiumIconComponent, typeof i2.ArdiumIconPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumIconModule>;
+}

package/lib/icon/icon.pipe.d.ts

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

package/lib/inputs/color-input/color-input.component.d.ts

@@ -0,0 +1,147 @@
+import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as Color from 'color';
+import { ButtonVariant } from '../../buttons/general-button.types';
+import { CardAppearance, CardVariant } from '../../card/card.types';
+import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { CaseTransformerType } from '../input-types';
+import { ColorInputActionButtonsContext } from './color-input.types';
+import * as i0 from "@angular/core";
+export declare class ArdiumColorInputComponent extends _NgModelComponentBase implements ControlValueAccessor, AfterViewInit {
+    private _cd;
+    private viewContainerRef;
+    private overlay;
+    private scrollStrategyOpts;
+    readonly element: HTMLElement;
+    constructor(_cd: ChangeDetectorRef, viewContainerRef: ViewContainerRef, overlay: Overlay, scrollStrategyOpts: ScrollStrategyOptions, elementRef: ElementRef<HTMLElement>);
+    detectChanges(): void;
+    protected textInputEl: ElementRef<HTMLInputElement>;
+    ngAfterViewInit(): void;
+    readonly DEFAULTS: {
+        clearButtonTitle: string;
+    };
+    inputId?: string;
+    prefixTemplate?: TemplateRef<any>;
+    suffixTemplate?: TemplateRef<any>;
+    placeholder: string;
+    placeholderTemplate?: TemplateRef<any>;
+    get shouldDisplayPlaceholder(): boolean;
+    appearance: FormElementAppearance;
+    variant: FormElementVariant;
+    private _compact;
+    get compact(): boolean;
+    set compact(v: any);
+    case: CaseTransformerType;
+    private _withActionButtons;
+    get withActionButtons(): boolean;
+    set withActionButtons(v: any);
+    private _clearable;
+    get clearable(): boolean;
+    set clearable(v: any);
+    clearButtonTitle: string;
+    get shouldShowClearButton(): boolean;
+    onClearButtonClick(event: MouseEvent): void;
+    inputAttrs: {
+        [key: string]: any;
+    };
+    writeValue(v: Color | null): void;
+    clear(): void;
+    protected _value: Color | null;
+    set value(v: Color | null);
+    get value(): Color | null;
+    valueChange: EventEmitter<Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | any | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }>>;
+    changeEvent: EventEmitter<Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | Color<string | number | ArrayLike<number> | any | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }>>;
+    clearEvent: EventEmitter<any>;
+    onChange(event: Event): void;
+    protected _emitChange(): void;
+    private _onTouched;
+    onMouseup(): void;
+    onCopy(event: ClipboardEvent): void;
+    private _touched;
+    get touched(): boolean;
+    private set touched(value);
+    overlayHost: ElementRef<HTMLDivElement>;
+    overlayTemplate: TemplateRef<any>;
+    private overlayRef?;
+    private _createOverlay;
+    private _destroyOverlay;
+    private _isOverlayOpen;
+    openEvent: EventEmitter<any>;
+    closeEvent: EventEmitter<any>;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    private _overlayAppearance?;
+    set overlayAppearance(v: CardAppearance);
+    get overlayAppearance(): CardAppearance;
+    private _overlayVariant?;
+    set overlayVariant(v: CardVariant);
+    get overlayVariant(): CardVariant;
+    private _temporaryValue;
+    onColorPickerChange(event: Color): void;
+    handleOutsideClick(event: MouseEvent): void;
+    apply(): void;
+    cancel(): void;
+    reset(): void;
+    shadeIndicatorTemplate?: TemplateRef<any>;
+    hueIndicatorTemplate?: TemplateRef<any>;
+    opacityIndicatorTemplate?: TemplateRef<any>;
+    colorReferenceTemplate?: TemplateRef<any>;
+    actionButtonsTemplate?: TemplateRef<any>;
+    get actionButtonVariant(): ButtonVariant;
+    getActionButtonsContext(): ColorInputActionButtonsContext;
+    protected _updateInputElValue(): void;
+    protected _setInputAttributes(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumColorInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumColorInputComponent, "ard-color-input", never, { "inputId": { "alias": "inputId"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "case": { "alias": "case"; "required": false; }; "withActionButtons": { "alias": "withActionButtons"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "value": { "alias": "value"; "required": false; }; "overlayAppearance": { "alias": "overlayAppearance"; "required": false; }; "overlayVariant": { "alias": "overlayVariant"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate", "shadeIndicatorTemplate", "hueIndicatorTemplate", "opacityIndicatorTemplate", "colorReferenceTemplate", "actionButtonsTemplate"], never, false, never>;
+}

package/lib/inputs/color-input/color-input.directives.d.ts

@@ -0,0 +1,52 @@
+import { TemplateRef } from '@angular/core';
+import { ColorPickerColorReferenceContext, ColorPickerIndicatorContext } from '../../color/color-picker/color-picker.types';
+import { ColorInputActionButtonsContext } from './color-input.types';
+import * as i0 from "@angular/core";
+export declare class ArdColorInputPlaceholderTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputPlaceholderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputPlaceholderTemplateDirective, "ard-color-input > ng-template[ard-placeholder-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputPrefixTemplateDirective, "ard-color-input > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputSuffixTemplateDirective, "ard-color-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputShadeIndicatorTemplateDirective {
+    template: TemplateRef<ColorPickerIndicatorContext>;
+    constructor(template: TemplateRef<ColorPickerIndicatorContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputShadeIndicatorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputShadeIndicatorTemplateDirective, "ard-color-input > ng-template[ard-shade-indicator-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputHueIndicatorTemplateDirective {
+    template: TemplateRef<ColorPickerIndicatorContext>;
+    constructor(template: TemplateRef<ColorPickerIndicatorContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputHueIndicatorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputHueIndicatorTemplateDirective, "ard-color-input > ng-template[ard-hue-indicator-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputOpacityIndicatorTemplateDirective {
+    template: TemplateRef<ColorPickerIndicatorContext>;
+    constructor(template: TemplateRef<ColorPickerIndicatorContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputOpacityIndicatorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputOpacityIndicatorTemplateDirective, "ard-color-input > ng-template[ard-opacity-indicator-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputColorReferenceTemplateDirective {
+    template: TemplateRef<ColorPickerColorReferenceContext>;
+    constructor(template: TemplateRef<ColorPickerColorReferenceContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputColorReferenceTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputColorReferenceTemplateDirective, "ard-color-input > ng-template[ard-color-reference-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdColorInputActionButtonsTemplateDirective {
+    template: TemplateRef<ColorInputActionButtonsContext>;
+    constructor(template: TemplateRef<ColorInputActionButtonsContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdColorInputActionButtonsTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdColorInputActionButtonsTemplateDirective, "ard-color-picker > ng-template[ard-action-buttons-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/inputs/color-input/color-input.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-input.component";
+import * as i2 from "./color-input.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "../../form-field-frame/form-field-frame.module";
+import * as i5 from "../../_internal/clear-button/clear-button.module";
+import * as i6 from "../../color/color-picker/color-picker.module";
+import * as i7 from "../../color/color-display/color-display.module";
+import * as i8 from "../../card/card.module";
+import * as i9 from "@ardium-ui/devkit";
+import * as i10 from "../../buttons/button/button.module";
+export declare class ArdiumColorInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumColorInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumColorInputModule, [typeof i1.ArdiumColorInputComponent, typeof i2.ArdColorInputPlaceholderTemplateDirective, typeof i2.ArdColorInputPrefixTemplateDirective, typeof i2.ArdColorInputSuffixTemplateDirective, typeof i2.ArdColorInputShadeIndicatorTemplateDirective, typeof i2.ArdColorInputHueIndicatorTemplateDirective, typeof i2.ArdColorInputOpacityIndicatorTemplateDirective, typeof i2.ArdColorInputColorReferenceTemplateDirective, typeof i2.ArdColorInputActionButtonsTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumColorPickerModule, typeof i7.ArdiumColorDisplayModule, typeof i8.ArdiumCardModule, typeof i9.ArdiumClickOutsideEventModule, typeof i10.ArdiumButtonModule], [typeof i1.ArdiumColorInputComponent, typeof i2.ArdColorInputPlaceholderTemplateDirective, typeof i2.ArdColorInputPrefixTemplateDirective, typeof i2.ArdColorInputSuffixTemplateDirective, typeof i2.ArdColorInputShadeIndicatorTemplateDirective, typeof i2.ArdColorInputHueIndicatorTemplateDirective, typeof i2.ArdColorInputOpacityIndicatorTemplateDirective, typeof i2.ArdColorInputColorReferenceTemplateDirective, typeof i2.ArdColorInputActionButtonsTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumColorInputModule>;
+}

package/lib/inputs/color-input/color-input.types.d.ts

@@ -0,0 +1,5 @@
+export type ColorInputActionButtonsContext = {
+    apply: () => void;
+    cancel: () => void;
+    reset: () => void;
+};

package/lib/inputs/digit-input/digit-input.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, QueryList, AfterContentInit, ElementRef } from '@angular/core';
+import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { ControlValueAccessor } from '@angular/forms';
+import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { DigitInputConfigData, DigitInputModelHost } from './digit-input.utils';
+import { DigitInputConfig, DigitInputShape } from './digit-input.types';
+import * as i0 from "@angular/core";
+export declare class ArdiumDigitInputComponent extends _NgModelComponentBase implements ControlValueAccessor, DigitInputModelHost, AfterContentInit {
+    private readonly model;
+    appearance: FormElementAppearance;
+    variant: FormElementVariant;
+    shape: DigitInputShape;
+    private _compact;
+    get compact(): boolean;
+    set compact(v: any);
+    get ngClasses(): string;
+    set config(v: DigitInputConfig);
+    configArrayData: DigitInputConfigData[];
+    get isConfigDefined(): boolean;
+    isInputEmpty(index: number): boolean;
+    writeValue(v: any): void;
+    private _writeValue;
+    private _outputAsString;
+    get outputAsString(): boolean;
+    set outputAsString(v: any);
+    set value(v: string | (string | null)[] | null);
+    get value(): (string | null)[] | null;
+    valueChange: EventEmitter<string | (string | null)[] | null>;
+    get stringValue(): string;
+    get emittableValue(): string | (string | null)[] | null;
+    inputEvent: EventEmitter<string | (string | null)[] | null>;
+    changeEvent: EventEmitter<string | (string | null)[] | null>;
+    finishedValue: EventEmitter<string | (string | null)[] | null>;
+    focusIndexEvent: EventEmitter<number>;
+    blurIndexEvent: EventEmitter<number>;
+    onPaste(event: ClipboardEvent, index: number): void;
+    onInput(event: Event, index: number): void;
+    private _updateSingleInputValue;
+    focusByIndex(index: number): boolean;
+    focusByIndex(index: number, tryFocusingNext: boolean, direction: 1 | -1): boolean;
+    private _emitInput;
+    onFocusMaster(event: FocusEvent, index: number): void;
+    onBlurMaster(event: FocusEvent, index: number): void;
+    protected _emitChange(): void;
+    onKeydown(event: KeyboardEvent, index: number): void;
+    inputs: QueryList<ElementRef<HTMLInputElement>>;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDigitInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDigitInputComponent, "ard-digit-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "config": { "alias": "config"; "required": false; }; "outputAsString": { "alias": "outputAsString"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "finishedValue": "finishedValue"; "focusIndexEvent": "focusIndex"; "blurIndexEvent": "blurIndex"; }, never, never, false, never>;
+}

package/lib/inputs/digit-input/digit-input.model.d.ts

@@ -0,0 +1,26 @@
+import { DigitInputModelHost } from './digit-input.utils';
+import { DigitInputConfig } from './digit-input.types';
+export declare class DigitInputModel {
+    private _ardHost;
+    constructor(_ardHost: DigitInputModelHost);
+    private _configArray;
+    private set configArray(value);
+    private _configArrayNoStatics;
+    setConfigArrayData(): void;
+    get isConfigDefined(): boolean;
+    private _value;
+    private set value(value);
+    get value(): (string | null)[] | null;
+    private _stringValueMemo;
+    get stringValue(): string;
+    get isValueFull(): boolean;
+    isDefinedAtIndex(index: number): boolean;
+    writeValue(v: any): boolean;
+    private _writeValue;
+    private _updateInputElements;
+    setConfig(config: DigitInputConfig): void;
+    private _setConfig;
+    validateInputAndSetValue(input: string, index: number): false | [boolean, string | null];
+    validateValueAndUpdate(): void;
+    private _validateSingleChar;
+}

package/lib/inputs/digit-input/digit-input.module.d.ts

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

package/lib/inputs/digit-input/digit-input.types.d.ts

@@ -0,0 +1,27 @@
+export declare const DigitInputShape: {
+    readonly Square: "square";
+    readonly Rectangle: "rectangle";
+};
+export type DigitInputShape = (typeof DigitInputShape)[keyof typeof DigitInputShape];
+export declare const TransformType: {
+    readonly Uppercase: "uppercase";
+    readonly Lowercase: "lowercase";
+};
+export type TransformType = (typeof TransformType)[keyof typeof TransformType];
+export declare const DigitInputPrimitiveOption: {
+    readonly Number: "number";
+    readonly Letter: "letter";
+    readonly Alphanumeric: "alphanumeric";
+    readonly Special: "special";
+};
+export type DigitInputPrimitiveOption = (typeof DigitInputPrimitiveOption)[keyof typeof DigitInputPrimitiveOption];
+export type DigitInputAcceptObject = {
+    accept: string | RegExp | ((char: string, charsBefore: string) => boolean);
+    transform?: TransformType | null;
+    readonly?: boolean;
+};
+export type DigitInputStaticObject = {
+    static: string;
+};
+export type DigitInputOption = DigitInputAcceptObject | DigitInputStaticObject;
+export type DigitInputConfig = (DigitInputPrimitiveOption | DigitInputOption)[] | string | number;