onshore-forms 1.0.20 → 1.1.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.20",
+  "version": "1.1.0",
   "name": "onshore-forms",
   "description": "OnShore Angular Form Builder",
   "author": {
@@ -15,28 +15,28 @@
     "url": "https://github.com/OnShore-Development/onshore_libs.git/issues"
   },
   "peerDependencies": {
-    "@angular/common": "^19.0.6",
-    "@angular/core": "^19.0.6",
-    "@fortawesome/fontawesome-free": "^6.7.2",
-    "@ngx-translate/core": "^16.0.4",
-    "@primeng/themes": "^19.0.5",
+    "@angular/common": "^21.1.0",
+    "@angular/core": "^21.1.0",
+    "@fortawesome/fontawesome-free": "^7.1.0",
+    "@ngx-translate/core": "^17.0.0",
+    "@primeuix/themes": "^21.0.3",
     "ngx-image-cropper": "^9.0.0",
     "ngx-webcam": "^0.4.1",
-    "primeflex": "^3.3.1",
+    "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
-    "primeng": "^19.0.5"
+    "primeng": "^21.0.3"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/onshore-forms.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/onshore-forms.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/onshore-forms.d.ts",
       "default": "./fesm2022/onshore-forms.mjs"
     }
   },

package/types/onshore-forms.d.ts

@@ -0,0 +1,528 @@
+import { FormGroup, FormArray, FormControl, ValidatorFn, ControlValueAccessor, NgControl, ValidationErrors } from '@angular/forms';
+import { Subscription, Subject, Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { OnDestroy, OnInit, OnChanges, EventEmitter, SimpleChanges, ChangeDetectorRef, AfterViewInit, ElementRef } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { Popover } from 'primeng/popover';
+import { ImageCroppedEvent } from 'ngx-image-cropper';
+import { WebcamImage } from 'ngx-webcam';
+
+declare enum OnshoreFormTemplateType {
+    text = "text",
+    textarea = "textarea",
+    editor = "editor",
+    password = "password",
+    number = "number",
+    email = "email",
+    phone = "phone",
+    regexp = "regexp",
+    select = "select",
+    switch = "switch",
+    check = "check",
+    radio = "radio",
+    image = "image",
+    scanner = "scanner",
+    autocomplete = "autocomplete",
+    color = "color",
+    date = "date",
+    time = "time",
+    datetime = "datetime",
+    sort = "sort",
+    subform = "subform"
+}
+declare enum OnshoreFormTemplateLayout {
+    vertical = "vertical",
+    horizontal = "horizontal",
+    auto = "auto"
+}
+declare enum OnshoreImageError {
+    none = "",
+    fileType = "fileType",
+    ratio = "ratio",
+    size = "size"
+}
+
+interface OnshoreCountryCode {
+    id: number;
+    name: string;
+    alpha2: string;
+    alpha3: string;
+    currency?: string;
+}
+interface OnshoreLanguageLocale {
+    id: number;
+    name: string;
+    code: string;
+}
+interface OnshoreFormTemplateItem {
+    name: string;
+    labelStyle?: string;
+    type?: OnshoreFormTemplateType;
+    required?: boolean;
+    label?: string;
+    placeholder?: string;
+    tooltip?: string;
+    enabled?: boolean;
+    locked?: boolean;
+    layout?: OnshoreFormTemplateLayout;
+    options?: any[] | void[];
+    inputAddon?: string;
+    inputNumberVertical?: boolean;
+    actionButton?: boolean;
+    actionButtonIcon?: string;
+    noGap?: boolean;
+    default?: any;
+    description?: string;
+    hint?: string;
+    validationItems?: string[];
+    validators?: any[];
+    subformArray?: OnshoreFormTemplateItem[];
+    subformObject?: OnshoreFormTemplateItem[];
+}
+interface OnshoreFormTemplateOptions {
+    label: string;
+    value: any;
+}
+interface OnshoreFormArrayDefault {
+    name: string;
+    value: any;
+}
+interface OnshoreFormAutocompleteItem {
+    firstLineLabel: string;
+    secondLineLabel?: string;
+    thirdLineLabel?: string;
+    data: any;
+}
+interface OnshoreFormImageSettings {
+    imageWidth?: number;
+    imageHeight?: number;
+    containWithinAspectRatio?: boolean;
+    aspectRatio?: number;
+    imageSelectionEnabled?: boolean;
+    webcamSelectionEnabled?: boolean;
+    mediaSelectionEnabled?: boolean;
+    deleteEnabled?: boolean;
+    placeholderImage?: string;
+    placeholderIcon?: string;
+    containerWidth?: number;
+    containerHeight?: number;
+    imageQuality?: number;
+    maxFileSize?: number;
+    format?: 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
+    alignImage?: 'left' | 'center';
+    cropperPreviewHeight?: number;
+    cropperPreviewWidth?: number;
+    webcamHeight?: number;
+    webcamWidth?: number;
+    circleCropper?: boolean;
+    backgroundColor?: string;
+}
+
+declare class OnshoreFormsService {
+    _form: FormGroup;
+    _formTemplate: OnshoreFormTemplateItem[];
+    _formValidations: string[];
+    subscriptions: Array<Subscription>;
+    isLoading$: Subject<boolean>;
+    constructor();
+    get form(): FormGroup;
+    get formValues(): any;
+    patchForm(value: any): void;
+    resetForm(): void;
+    resetFormControl(name: string, touched?: boolean): void;
+    generateForm(formTemplate: OnshoreFormTemplateItem[]): FormGroup | null;
+    formTemplate(name: string, formTemplate?: OnshoreFormTemplateItem[]): OnshoreFormTemplateItem;
+    formControl(name: string, formGroupOrArray?: FormGroup | FormArray | null): FormControl;
+    formArray(name: string): FormArray;
+    formGroup(form: FormGroup, name: string): FormGroup;
+    addFormArrayItem(formArray: FormArray, item: OnshoreFormTemplateItem, defaultValues: OnshoreFormArrayDefault[]): FormGroup;
+    removeFormArrayItem(form: FormArray, index: number): void;
+    setFormValidations(validations?: string[]): void;
+    enable(): void;
+    disable(): void;
+    setError(control: string, error: Object): void;
+    setLoader(loaders$: Subject<boolean>[]): void;
+    lock(lockSubfields?: boolean): void;
+    unlock(): void;
+    iterateNestedForm(form: FormGroup, formTemplate: OnshoreFormTemplateItem[]): any;
+    subscribeNestedFormArray(nestedFormItem: FormArray): void;
+    subscribeNestedFormGroup(nestedFormItem: FormGroup): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OnshoreFormsService>;
+}
+
+declare class OnshoreValidators {
+    static slug: ValidatorFn;
+    static numeric: ValidatorFn;
+    static email: ValidatorFn;
+    static cleanComment: ValidatorFn;
+}
+
+declare class OnshoreFormAutocompleteItemComponent implements ControlValueAccessor, OnDestroy, OnInit, OnChanges {
+    private cdr;
+    ngControl: NgControl;
+    formTemplate: OnshoreFormTemplateItem;
+    multiple: boolean;
+    showClear: boolean | undefined;
+    searchedData: OnshoreFormAutocompleteItem[];
+    actionButtonDisabled: boolean;
+    optionLabel?: string;
+    optionValue?: string;
+    dataKey?: string;
+    onSearch: EventEmitter<string>;
+    onSelect: EventEmitter<OnshoreFormAutocompleteItem>;
+    actionButtonClick: EventEmitter<any>;
+    disabled: boolean;
+    searchPrepare(term: any): void;
+    unselect(selectedItem?: any): void;
+    findValue(item: any, key: string): any;
+    search(searchTerm: string): Promise<void>;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    get formControl(): FormControl;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(cdr: ChangeDetectorRef, ngControl: NgControl);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormAutocompleteItemComponent, [null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormAutocompleteItemComponent, "onshore-form-autocomplete-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "searchedData": { "alias": "searchedData"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; }, { "onSearch": "onSearch"; "onSelect": "onSelect"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormCheckboxItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    actionButtonDisabled: boolean;
+    actionButtonClick: EventEmitter<any>;
+    disabled: boolean;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    changeCheck(value: any): void;
+    get formControl(): FormControl;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormCheckboxItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormCheckboxItemComponent, "onshore-form-checkbox-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormColorpickerItemComponent implements OnInit, OnChanges, ControlValueAccessor, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    actionButtonDisabled: boolean;
+    actionButtonClick: EventEmitter<any>;
+    disabled: boolean;
+    colorPickerValue: string;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    changeColor(): void;
+    changeInput(input: any): void;
+    get formControl(): FormControl;
+    changeLayoutPreset(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormColorpickerItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormColorpickerItemComponent, "onshore-form-colorpicker-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormDropdownItemComponent implements OnInit, OnChanges, ControlValueAccessor, OnChanges, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    multiple: boolean | undefined;
+    showClear: boolean | undefined;
+    group: boolean | undefined;
+    selectionLimit?: number;
+    minLength?: number;
+    optionLabel?: string;
+    optionValue?: string;
+    dataKey?: string;
+    optionGroupLabel?: string;
+    actionButtonDisabled: boolean;
+    createEnabled: boolean;
+    options: any[];
+    valueChange: EventEmitter<boolean>;
+    actionButtonClick: EventEmitter<any>;
+    entryCreated: EventEmitter<any>;
+    disabled: boolean | undefined;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    clearSelection(): void;
+    get formControl(): FormControl;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    protected readonly OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormDropdownItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormDropdownItemComponent, "onshore-form-dropdown-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "group": { "alias": "group"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "createEnabled": { "alias": "createEnabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChange": "valueChange"; "actionButtonClick": "actionButtonClick"; "entryCreated": "entryCreated"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormImageItemComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
+    cdr: ChangeDetectorRef;
+    ngControl: NgControl;
+    formTemplate: OnshoreFormTemplateItem;
+    imageSettings: OnshoreFormImageSettings | undefined;
+    actionButtonDisabled: boolean;
+    imageDeleted: EventEmitter<string>;
+    imageCleared: EventEmitter<any>;
+    imageReady: EventEmitter<string>;
+    selectFromMedia: EventEmitter<any>;
+    isLoading: EventEmitter<boolean>;
+    OnshoreFormTemplateLayout: typeof OnshoreFormTemplateLayout;
+    defaultImageSettings: OnshoreFormImageSettings;
+    image: string | undefined;
+    disabled: boolean;
+    webcamDialogVisible: boolean;
+    imageChooserDialogVisible: boolean;
+    subscriptions: Array<Subscription>;
+    getFileImage(image: any): void;
+    getWebcamImage(image: any): void;
+    removeImage(): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(cdr: ChangeDetectorRef, ngControl: NgControl);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormImageItemComponent, [null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormImageItemComponent, "onshore-form-image-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "imageSettings": { "alias": "imageSettings"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "imageDeleted": "imageDeleted"; "imageCleared": "imageCleared"; "imageReady": "imageReady"; "selectFromMedia": "selectFromMedia"; "isLoading": "isLoading"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormInputItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    step?: number;
+    min?: number;
+    max?: number;
+    minLength?: number;
+    maxLength?: number;
+    currency?: string;
+    mode?: string;
+    useGrouping: boolean;
+    actionButtonDisabled: boolean;
+    keyFilter?: string;
+    actionButtonClick: EventEmitter<any>;
+    OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
+    passwordVisible: boolean;
+    disabled: boolean;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    onNumberInput(event: any): void;
+    get formControl(): FormControl;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormInputItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormInputItemComponent, "onshore-form-input-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "keyFilter": { "alias": "keyFilter"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormSwitchItemComponent implements OnInit, ControlValueAccessor, OnDestroy, OnChanges {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    actionButtonDisabled: boolean;
+    valueChange: EventEmitter<boolean>;
+    actionButtonClick: EventEmitter<any>;
+    disabled: boolean;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    get formControl(): FormControl;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormSwitchItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormSwitchItemComponent, "onshore-form-switch-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "valueChange": "valueChange"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormDatetimeItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    actionButtonDisabled: boolean;
+    actionButtonClick: EventEmitter<any>;
+    dateFormat?: string;
+    hourFormat?: string;
+    dataType?: string;
+    OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
+    disabled: boolean;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    get formControl(): FormControl;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormDatetimeItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormDatetimeItemComponent, "onshore-form-datetime-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormSortItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    actionButtonDisabled: boolean;
+    actionButtonClick: EventEmitter<any>;
+    sortItems?: any[];
+    tempLockValue?: any[] | undefined;
+    OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
+    disabled: boolean;
+    sortItemsChanged(event: any[]): void;
+    lockChanged(unlocked: boolean): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormSortItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormSortItemComponent, "onshore-form-sort-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormValidationOutputComponent implements OnChanges {
+    private cdr;
+    private translate;
+    validationErrors: ValidationErrors | null;
+    validationItems: string[];
+    validationTranslation: string;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(cdr: ChangeDetectorRef, translate: TranslateService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormValidationOutputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormValidationOutputComponent, "onshore-form-validation-output", never, { "validationErrors": { "alias": "validationErrors"; "required": false; }; "validationItems": { "alias": "validationItems"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class OnshoreFormScannerItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
+    ngControl: NgControl;
+    private cdr;
+    scanPopover: Popover;
+    formTemplate: OnshoreFormTemplateItem;
+    actionButtonDisabled: boolean;
+    webcamDisabled: boolean;
+    scannerDisabled: boolean;
+    editDisabled: boolean;
+    editable: boolean;
+    integerOnly: boolean;
+    autofocus: boolean;
+    length?: number;
+    actionButtonClick: EventEmitter<any>;
+    webcamClick: EventEmitter<any>;
+    scannerClick: EventEmitter<any>;
+    disabled: boolean;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    get formControl(): FormControl;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
+    protected readonly OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormScannerItemComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormScannerItemComponent, "onshore-form-scanner-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "webcamDisabled": { "alias": "webcamDisabled"; "required": false; }; "scannerDisabled": { "alias": "scannerDisabled"; "required": false; }; "editDisabled": { "alias": "editDisabled"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; "webcamClick": "webcamClick"; "scannerClick": "scannerClick"; }, never, never, true, never>;
+}
+
+declare class OnshoreFormItemContainer implements OnInit, OnChanges, AfterViewInit {
+    private cdr;
+    formTemplate: OnshoreFormTemplateItem;
+    ngControl: NgControl;
+    actionButtonDisabled: boolean;
+    actionButtonClick: EventEmitter<any>;
+    lockIsChanged: EventEmitter<any>;
+    formContainer: ElementRef;
+    disabled: boolean;
+    tempLockValue: any;
+    OnshoreFormTemplateLayout: typeof OnshoreFormTemplateLayout;
+    layout: OnshoreFormTemplateLayout | undefined;
+    enabled(enable?: boolean): void;
+    lockChanged(unlocked: boolean): void;
+    onWindowResize(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor(cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormItemContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormItemContainer, "onshore-form-item-container", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "ngControl": { "alias": "ngControl"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; "lockIsChanged": "lockIsChanged"; }, never, ["*"], true, never>;
+}
+
+declare class OnshoreImagePlaceholderComponent {
+    placeholderIcon: string;
+    placeholderImage: string;
+    image: string;
+    imageStyle: string;
+    placeholderStyle: string;
+    showLoader: boolean;
+    imageLoaded: boolean;
+    loadReady(): void;
+    abort(): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreImagePlaceholderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreImagePlaceholderComponent, "onshore-image-placeholder", never, { "placeholderIcon": { "alias": "placeholderIcon"; "required": false; }; "placeholderImage": { "alias": "placeholderImage"; "required": false; }; "image": { "alias": "image"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "placeholderStyle": { "alias": "placeholderStyle"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class OnshoreImageChooserComponent {
+    private cdr;
+    drag: boolean;
+    image: string;
+    finalImage: string;
+    imageErrorType: typeof OnshoreImageError;
+    imageError: OnshoreImageError;
+    imageSettings: OnshoreFormImageSettings | undefined;
+    choosen: EventEmitter<string>;
+    canceled: EventEmitter<boolean>;
+    clear(): void;
+    fileChange(event: Event): void;
+    imageCropped(event: ImageCroppedEvent): void;
+    imageCroppedReady(): void;
+    blobToBase64(blob: Blob): Promise<string | ArrayBuffer | null>;
+    constructor(cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreImageChooserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreImageChooserComponent, "onshore-image-chooser", never, { "imageSettings": { "alias": "imageSettings"; "required": false; }; }, { "choosen": "choosen"; "canceled": "canceled"; }, never, never, true, never>;
+}
+
+declare class WebcamComponent {
+    private cdr;
+    imageSettings: OnshoreFormImageSettings | undefined;
+    shot: EventEmitter<string>;
+    canceled: EventEmitter<boolean>;
+    image: string;
+    finalImage: string;
+    trigger: Subject<void>;
+    camImageShot(webcamImage: WebcamImage): void;
+    imageCropped(event: ImageCroppedEvent): void;
+    imageCroppedReady(): void;
+    get triggerObservable(): Observable<void>;
+    triggerSnapshot(): void;
+    blobToBase64(blob: Blob): Promise<string | ArrayBuffer | null>;
+    constructor(cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WebcamComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebcamComponent, "onshore-webcam", never, { "imageSettings": { "alias": "imageSettings"; "required": false; }; }, { "shot": "shot"; "canceled": "canceled"; }, never, never, true, never>;
+}
+
+export { OnshoreFormAutocompleteItemComponent, OnshoreFormCheckboxItemComponent, OnshoreFormColorpickerItemComponent, OnshoreFormDatetimeItemComponent, OnshoreFormDropdownItemComponent, OnshoreFormImageItemComponent, OnshoreFormInputItemComponent, OnshoreFormItemContainer, OnshoreFormScannerItemComponent, OnshoreFormSortItemComponent, OnshoreFormSwitchItemComponent, OnshoreFormTemplateLayout, OnshoreFormTemplateType, OnshoreFormValidationOutputComponent, OnshoreFormsService, OnshoreImageChooserComponent, OnshoreImageError, OnshoreImagePlaceholderComponent, OnshoreValidators, WebcamComponent };
+export type { OnshoreCountryCode, OnshoreFormArrayDefault, OnshoreFormAutocompleteItem, OnshoreFormImageSettings, OnshoreFormTemplateItem, OnshoreFormTemplateOptions, OnshoreLanguageLocale };

package/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="onshore-forms" />
-export * from './public-api';

package/lib/components/form-autocomplete-item/form-autocomplete-item.component.d.ts

@@ -1,35 +0,0 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
-import { OnshoreFormAutocompleteItem, OnshoreFormTemplateItem } from '../../models/form.models';
-import * as i0 from "@angular/core";
-export declare class OnshoreFormAutocompleteItemComponent implements ControlValueAccessor, OnDestroy, OnInit, OnChanges {
-    private cdr;
-    ngControl: NgControl;
-    formTemplate: OnshoreFormTemplateItem;
-    multiple: boolean;
-    showClear: boolean | undefined;
-    searchedData: OnshoreFormAutocompleteItem[];
-    actionButtonDisabled: boolean;
-    optionLabel?: string;
-    optionValue?: string;
-    dataKey?: string;
-    onSearch: EventEmitter<string>;
-    onSelect: EventEmitter<OnshoreFormAutocompleteItem>;
-    actionButtonClick: EventEmitter<any>;
-    disabled: boolean;
-    searchPrepare(term: any): void;
-    unselect(selectedItem?: any): void;
-    findValue(item: any, key: string): any;
-    search(searchTerm: string): Promise<void>;
-    writeValue(obj: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    ngOnInit(): void;
-    get formControl(): FormControl;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    constructor(cdr: ChangeDetectorRef, ngControl: NgControl);
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormAutocompleteItemComponent, [null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormAutocompleteItemComponent, "onshore-form-autocomplete-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "searchedData": { "alias": "searchedData"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; }, { "onSearch": "onSearch"; "onSelect": "onSelect"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
-}

package/lib/components/form-checkbox-item/form-checkbox-item.component.d.ts

@@ -1,24 +0,0 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
-import { OnshoreFormTemplateItem } from '../../models/form.models';
-import * as i0 from "@angular/core";
-export declare class OnshoreFormCheckboxItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
-    ngControl: NgControl;
-    private cdr;
-    formTemplate: OnshoreFormTemplateItem;
-    actionButtonDisabled: boolean;
-    actionButtonClick: EventEmitter<any>;
-    disabled: boolean;
-    writeValue(obj: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    changeCheck(value: any): void;
-    get formControl(): FormControl;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormCheckboxItemComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormCheckboxItemComponent, "onshore-form-checkbox-item", never, { "formTemplate": { "alias": "formTemplate"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
-}