@bizdoc/core 1.14.9 → 1.14.10

package/esm2020/lib/core/info/location-info.component.mjs

@@ -0,0 +1,61 @@
+import { Component, InjectionToken, Inject } from "@angular/core";
+import { ESCAPE } from "@angular/cdk/keycodes";
+import { filter } from "rxjs/operators";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export const LOCATION_DATA = new InjectionToken('location_info');
+const MARKER_DELAY = 500;
+export class MapRef {
+    constructor(_oRef) {
+        this._oRef = _oRef;
+    }
+    closed() {
+        return this._oRef.detachments();
+    }
+}
+export class MapComponent {
+    constructor(_ref, _data, _elementRef) {
+        this._ref = _ref;
+        this._data = _data;
+        this._elementRef = _elementRef;
+    }
+    ngOnInit() {
+        const { placeId, name, location, address, phone, website } = this._data;
+        const map = new google.maps.Map(this._elementRef.nativeElement, {
+            center: location,
+            zoom: 16,
+            mapTypeControlOptions: {
+                mapTypeIds: ['HYBRID']
+            }
+        });
+        const marker = new google.maps.Marker({
+            position: location,
+            animation: google.maps.Animation.DROP,
+            map: map
+        });
+        if (name)
+            setTimeout(() => {
+                const infowindow = new google.maps.InfoWindow({
+                    content: `<h4 class="mat-h3">${name}</h4>
+<br /><address>${address || ''}</address>
+<br /><a href="${website}" target="${placeId}">${website || ''}</a>
+<br /><a href="tel:${phone}" dir="ltr">${phone || ''}</a>`
+                });
+                infowindow.open(map, marker);
+            }, MARKER_DELAY);
+        this._ref.keydownEvents().pipe(filter(k => k.keyCode === ESCAPE)).subscribe(() => this._ref.detach());
+        this._ref.backdropClick().pipe().subscribe(() => this._ref.detach());
+    }
+}
+MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MapComponent, deps: [{ token: i1.OverlayRef }, { token: LOCATION_DATA }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: MapComponent, selector: "bizdoc-map", host: { classAttribute: "mat-elevation-z4" }, ngImport: i0, template: '', isInline: true, styles: [":host{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;min-width:50vw;min-height:50vh;display:block!important}@media (max-width: 599px){:host{width:90vw;height:90vh}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MapComponent, decorators: [{
+            type: Component,
+            args: [{ template: '', selector: 'bizdoc-map', host: {
+                        class: 'mat-elevation-z4'
+                    }, styles: [":host{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;min-width:50vw;min-height:50vh;display:block!important}@media (max-width: 599px){:host{width:90vw;height:90vh}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.OverlayRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCATION_DATA]
+                }] }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYXRpb24taW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvaW5mby9sb2NhdGlvbi1pbmZvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQXNCLE1BQU0sZUFBZSxDQUFDO0FBRXRGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUd4QyxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsSUFBSSxjQUFjLENBQVcsZUFBZSxDQUFDLENBQUM7QUFFM0UsTUFBTSxZQUFZLEdBQUcsR0FBRyxDQUFDO0FBRXpCLE1BQU0sT0FBTyxNQUFNO0lBQ2pCLFlBQW9CLEtBQWlCO1FBQWpCLFVBQUssR0FBTCxLQUFLLENBQVk7SUFBSSxDQUFDO0lBQzFDLE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQztDQUNGO0FBU0QsTUFBTSxPQUFPLFlBQVk7SUFDdkIsWUFBb0IsSUFBZ0IsRUFBaUMsS0FBZSxFQUFVLFdBQXVDO1FBQWpILFNBQUksR0FBSixJQUFJLENBQVk7UUFBaUMsVUFBSyxHQUFMLEtBQUssQ0FBVTtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUE0QjtJQUNySSxDQUFDO0lBQ0QsUUFBUTtRQUNOLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDeEUsTUFBTSxHQUFHLEdBQUcsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRTtZQUM5RCxNQUFNLEVBQUUsUUFBUTtZQUNoQixJQUFJLEVBQUUsRUFBRTtZQUNSLHFCQUFxQixFQUFFO2dCQUNyQixVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUM7YUFDdkI7U0FDRixDQUFDLENBQUM7UUFDSCxNQUFNLE1BQU0sR0FBRyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQ3BDLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJO1lBQ3JDLEdBQUcsRUFBRSxHQUFHO1NBQ1QsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxJQUFJO1lBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDeEIsTUFBTSxVQUFVLEdBQUcsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztvQkFDNUMsT0FBTyxFQUFFLHNCQUFzQixJQUFJO2lCQUMxQixPQUFPLElBQUksRUFBRTtpQkFDYixPQUFPLGFBQWEsT0FBTyxLQUFLLE9BQU8sSUFBSSxFQUFFO3FCQUN6QyxLQUFLLGVBQWUsS0FBSyxJQUFJLEVBQUUsTUFBTTtpQkFDbkQsQ0FBQyxDQUFDO2dCQUVILFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQy9CLENBQUMsRUFBRSxZQUFZLENBQUMsQ0FBQztRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUN0RyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDdkUsQ0FBQzs7eUdBN0JVLFlBQVksNENBQ3VCLGFBQWE7NkZBRGhELFlBQVksZ0dBUGIsRUFBRTsyRkFPRCxZQUFZO2tCQVJ4QixTQUFTOytCQUNFLEVBQUUsWUFDRixZQUFZLFFBRWhCO3dCQUNKLEtBQUssRUFBRSxrQkFBa0I7cUJBQzFCOzswQkFHc0MsTUFBTTsyQkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3Rpb25Ub2tlbiwgSW5qZWN0LCBFbGVtZW50UmVmLCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBPdmVybGF5UmVmIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9vdmVybGF5XCI7XHJcbmltcG9ydCB7IEVTQ0FQRSB9IGZyb20gXCJAYW5ndWxhci9jZGsva2V5Y29kZXNcIjtcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gXCJyeGpzXCI7XHJcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xyXG5pbXBvcnQgeyBMYXRMbmcgfSBmcm9tIFwiLi4vLi4vY29yZS9tb2RlbHNcIjtcclxuXHJcbmV4cG9ydCBjb25zdCBMT0NBVElPTl9EQVRBID0gbmV3IEluamVjdGlvblRva2VuPExvY2F0aW9uPignbG9jYXRpb25faW5mbycpO1xyXG5cclxuY29uc3QgTUFSS0VSX0RFTEFZID0gNTAwO1xyXG5cclxuZXhwb3J0IGNsYXNzIE1hcFJlZiB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfb1JlZjogT3ZlcmxheVJlZikgeyB9XHJcbiAgY2xvc2VkKCk6IE9ic2VydmFibGU8YW55PiB7XHJcbiAgICByZXR1cm4gdGhpcy5fb1JlZi5kZXRhY2htZW50cygpO1xyXG4gIH1cclxufVxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZTogJycsXHJcbiAgc2VsZWN0b3I6ICdiaXpkb2MtbWFwJyxcclxuICBzdHlsZVVybHM6IFsnbG9jYXRpb24taW5mby5jb21wb25lbnQuc2NzcyddLFxyXG4gIGhvc3Q6IHtcclxuICAgIGNsYXNzOiAnbWF0LWVsZXZhdGlvbi16NCdcclxuICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JlZjogT3ZlcmxheVJlZiwgQEluamVjdChMT0NBVElPTl9EQVRBKSBwcml2YXRlIF9kYXRhOiBMb2NhdGlvbiwgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4pIHtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IHBsYWNlSWQsIG5hbWUsIGxvY2F0aW9uLCBhZGRyZXNzLCBwaG9uZSwgd2Vic2l0ZSB9ID0gdGhpcy5fZGF0YTtcclxuICAgIGNvbnN0IG1hcCA9IG5ldyBnb29nbGUubWFwcy5NYXAodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCB7XHJcbiAgICAgIGNlbnRlcjogbG9jYXRpb24sXHJcbiAgICAgIHpvb206IDE2LFxyXG4gICAgICBtYXBUeXBlQ29udHJvbE9wdGlvbnM6IHtcclxuICAgICAgICBtYXBUeXBlSWRzOiBbJ0hZQlJJRCddXHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgY29uc3QgbWFya2VyID0gbmV3IGdvb2dsZS5tYXBzLk1hcmtlcih7XHJcbiAgICAgIHBvc2l0aW9uOiBsb2NhdGlvbixcclxuICAgICAgYW5pbWF0aW9uOiBnb29nbGUubWFwcy5BbmltYXRpb24uRFJPUCxcclxuICAgICAgbWFwOiBtYXBcclxuICAgIH0pO1xyXG4gICAgaWYgKG5hbWUpIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBjb25zdCBpbmZvd2luZG93ID0gbmV3IGdvb2dsZS5tYXBzLkluZm9XaW5kb3coe1xyXG4gICAgICAgIGNvbnRlbnQ6IGA8aDQgY2xhc3M9XCJtYXQtaDNcIj4ke25hbWV9PC9oND5cclxuPGJyIC8+PGFkZHJlc3M+JHthZGRyZXNzIHx8ICcnfTwvYWRkcmVzcz5cclxuPGJyIC8+PGEgaHJlZj1cIiR7d2Vic2l0ZX1cIiB0YXJnZXQ9XCIke3BsYWNlSWR9XCI+JHt3ZWJzaXRlIHx8ICcnfTwvYT5cclxuPGJyIC8+PGEgaHJlZj1cInRlbDoke3Bob25lfVwiIGRpcj1cImx0clwiPiR7cGhvbmUgfHwgJyd9PC9hPmBcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBpbmZvd2luZG93Lm9wZW4obWFwLCBtYXJrZXIpO1xyXG4gICAgfSwgTUFSS0VSX0RFTEFZKTtcclxuICAgIHRoaXMuX3JlZi5rZXlkb3duRXZlbnRzKCkucGlwZShmaWx0ZXIoayA9PiBrLmtleUNvZGUgPT09IEVTQ0FQRSkpLnN1YnNjcmliZSgoKSA9PiB0aGlzLl9yZWYuZGV0YWNoKCkpO1xyXG4gICAgdGhpcy5fcmVmLmJhY2tkcm9wQ2xpY2soKS5waXBlKCkuc3Vic2NyaWJlKCgpID0+IHRoaXMuX3JlZi5kZXRhY2goKSk7XHJcbiAgfVxyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgTG9jYXRpb24ge1xyXG4gIGxvY2F0aW9uOiBMYXRMbmc7XHJcbiAgcGxhY2VJZD86IHN0cmluZztcclxuICBuYW1lPzogc3RyaW5nO1xyXG4gIGFkZHJlc3M/OiBzdHJpbmc7XHJcbiAgcGhvbmU/OiBzdHJpbmc7XHJcbiAgd2Vic2l0ZT86IHN0cmluZztcclxufVxyXG4iXX0=

package/esm2020/lib/core/info/map-info.mjs

@@ -0,0 +1,40 @@
+import { Injectable, Injector } from "@angular/core";
+import { OverlayRef } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import { MapRef, LOCATION_DATA, MapComponent } from "./location-info.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+/** helper service opens a map */
+export class MapInfo {
+    constructor(_overlay, _injector) {
+        this._overlay = _overlay;
+        this._injector = _injector;
+    }
+    /** open map */
+    open(location) {
+        const oRef = this._overlay.create({
+            positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),
+            hasBackdrop: true,
+            disposeOnNavigation: true,
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+            panelClass: 'info-panel'
+        });
+        const injector = Injector.create([{
+                provide: OverlayRef,
+                useValue: oRef
+            },
+            {
+                provide: LOCATION_DATA,
+                useValue: location.location ? location : { location }
+            }], this._injector);
+        const portal = new ComponentPortal(MapComponent, null, injector);
+        oRef.attach(portal);
+        return new MapRef(oRef);
+    }
+}
+MapInfo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MapInfo, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+MapInfo.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MapInfo });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MapInfo, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWluZm8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvaW5mby9tYXAtaW5mby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFXLE1BQU0sc0JBQXNCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBWSxNQUFNLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFHMUYsaUNBQWlDO0FBRWpDLE1BQU0sT0FBTyxPQUFPO0lBQ2xCLFlBQW9CLFFBQWlCLEVBQVUsU0FBbUI7UUFBOUMsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUFVLGNBQVMsR0FBVCxTQUFTLENBQVU7SUFDbEUsQ0FBQztJQUNELGVBQWU7SUFDZixJQUFJLENBQUMsUUFBMkI7UUFDOUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDaEMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLGdCQUFnQixFQUFFO1lBQzNGLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLG1CQUFtQixFQUFFLElBQUk7WUFDekIsYUFBYSxFQUFFLGtDQUFrQztZQUNqRCxVQUFVLEVBQUUsWUFBWTtTQUN6QixDQUFDLENBQUM7UUFDSCxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sRUFBRSxVQUFVO2dCQUNuQixRQUFRLEVBQUUsSUFBSTthQUNmO1lBQ0Q7Z0JBQ0UsT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLFFBQVEsRUFBRyxRQUFxQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRTthQUNwRSxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3BCLE1BQU0sTUFBTSxHQUFHLElBQUksZUFBZSxDQUFDLFlBQVksRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQixPQUFPLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7O29HQXZCVSxPQUFPO3dHQUFQLE9BQU87MkZBQVAsT0FBTztrQkFEbkIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIEluamVjdG9yIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgT3ZlcmxheVJlZiwgT3ZlcmxheSB9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3BvcnRhbFwiO1xyXG5pbXBvcnQgeyBMb2NhdGlvbiwgTWFwUmVmLCBMT0NBVElPTl9EQVRBLCBNYXBDb21wb25lbnQgfSBmcm9tIFwiLi9sb2NhdGlvbi1pbmZvLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBMYXRMbmcgfSBmcm9tIFwiLi4vLi4vY29yZS9tb2RlbHNcIjtcclxuXHJcbi8qKiBoZWxwZXIgc2VydmljZSBvcGVucyBhIG1hcCAqL1xyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBNYXBJbmZvIHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9vdmVybGF5OiBPdmVybGF5LCBwcml2YXRlIF9pbmplY3RvcjogSW5qZWN0b3IpIHtcclxuICB9XHJcbiAgLyoqIG9wZW4gbWFwICovXHJcbiAgb3Blbihsb2NhdGlvbjogTG9jYXRpb24gfCBMYXRMbmcpOiBNYXBSZWYge1xyXG4gICAgY29uc3Qgb1JlZiA9IHRoaXMuX292ZXJsYXkuY3JlYXRlKHtcclxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5fb3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLmNlbnRlckhvcml6b250YWxseSgpLmNlbnRlclZlcnRpY2FsbHkoKSxcclxuICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXHJcbiAgICAgIGRpc3Bvc2VPbk5hdmlnYXRpb246IHRydWUsXHJcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcCcsXHJcbiAgICAgIHBhbmVsQ2xhc3M6ICdpbmZvLXBhbmVsJ1xyXG4gICAgfSk7XHJcbiAgICBjb25zdCBpbmplY3RvciA9IEluamVjdG9yLmNyZWF0ZShbe1xyXG4gICAgICBwcm92aWRlOiBPdmVybGF5UmVmLFxyXG4gICAgICB1c2VWYWx1ZTogb1JlZlxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTE9DQVRJT05fREFUQSxcclxuICAgICAgdXNlVmFsdWU6IChsb2NhdGlvbiBhcyBMb2NhdGlvbikubG9jYXRpb24gPyBsb2NhdGlvbiA6IHsgbG9jYXRpb24gfVxyXG4gICAgfV0sIHRoaXMuX2luamVjdG9yKTtcclxuICAgIGNvbnN0IHBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoTWFwQ29tcG9uZW50LCBudWxsLCBpbmplY3Rvcik7XHJcbiAgICBvUmVmLmF0dGFjaChwb3J0YWwpO1xyXG4gICAgcmV0dXJuIG5ldyBNYXBSZWYob1JlZik7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/core/layout/autocomplete.field.mjs

@@ -0,0 +1,60 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { debounceTime, switchMap, takeUntil } from 'rxjs/operators';
+import { TypeAutocomplete } from '../controls/auto-complete.input';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "../datasource.service";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "../controls/auto-complete.input";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+/** layout component*/
+export class AutocompleteField extends FieldBase {
+    constructor(_ds) {
+        super();
+        this._ds = _ds;
+        this.control = new FormControl();
+        this._destroy = new Subject();
+    }
+    ngOnInit() {
+        if (!this.field.options)
+            this.source = this.control.valueChanges.pipe(debounceTime(250), takeUntil(this._destroy), switchMap(v => this._ds.all(this.field.source, v)));
+    }
+    focus() { this.input.focus(); }
+    ngOnDestroy() {
+        this._destroy.next();
+        this._destroy.complete();
+    }
+}
+AutocompleteField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AutocompleteField, deps: [{ token: i1.DatasourceService }], target: i0.ɵɵFactoryTarget.Component });
+AutocompleteField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: AutocompleteField, selector: "ng-component", inputs: { params: "params" }, viewQueries: [{ propertyName: "input", first: true, predicate: TypeAutocomplete, descendants: true }], usesInheritance: true, ngImport: i0, template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+ <bizdoc-autocomplete [placeholder]="field.placeholder || field.label || field.name" [formControl]=control
+  [required]="field.required" ></bizdoc-autocomplete>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`, isInline: true, components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.TypeAutocomplete, selector: "bizdoc-autocomplete", inputs: ["type", "placeholder", "text", "required", "disabled", "value", "minimumChars", "textFormControlName", "textFormControl"], outputs: ["textChange", "optionSelected"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AutocompleteField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+ <bizdoc-autocomplete [placeholder]="field.placeholder || field.label || field.name" [formControl]=control
+  [required]="field.required" ></bizdoc-autocomplete>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DatasourceService }]; }, propDecorators: { params: [{
+                type: Input
+            }], input: [{
+                type: ViewChild,
+                args: [TypeAutocomplete]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9jb3JlL2xheW91dC9hdXRvY29tcGxldGUuZmllbGQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzQyxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVuRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7O0FBY3pDLHNCQUFzQjtBQUN0QixNQUFNLE9BQU8saUJBQWtCLFNBQVEsU0FBUztJQU01QyxZQUFvQixHQUFzQjtRQUN0QyxLQUFLLEVBQUUsQ0FBQztRQURRLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBTGpDLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBSXBCLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBR2hELENBQUM7SUFDRCxRQUFRO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTztZQUNuQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFDdEYsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFDSCxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDN0IsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM3QixDQUFDOzs4R0FsQlEsaUJBQWlCO2tHQUFqQixpQkFBaUIseUhBR2pCLGdCQUFnQix1RUFkZjs7Ozs7Ozs7a0JBUUk7MkZBR0wsaUJBQWlCO2tCQVo3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRTs7Ozs7Ozs7a0JBUUk7aUJBQ2pCO3dHQUlZLE1BQU07c0JBQWQsS0FBSztnQkFDcUIsS0FBSztzQkFBakMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgc3dpdGNoTWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFR5cGVBdXRvY29tcGxldGUgfSBmcm9tICcuLi9jb250cm9scy9hdXRvLWNvbXBsZXRlLmlucHV0JztcclxuaW1wb3J0IHsgRGF0YXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuLi9kYXRhc291cmNlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGaWVsZEJhc2UgfSBmcm9tICcuL2lucHV0LmJhc2UnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgdGVtcGxhdGU6IGA8bWF0LWZvcm0tZmllbGQ+XHJcbiAgPG1hdC1sYWJlbCAqbmdJZj1cImZpZWxkLnBsYWNlaG9sZGVyXCI+e3tmaWVsZC5sYWJlbCB8fCBmaWVsZC5uYW1lfX08L21hdC1sYWJlbD4gICAgICAgICAgXHJcbiA8Yml6ZG9jLWF1dG9jb21wbGV0ZSBbcGxhY2Vob2xkZXJdPVwiZmllbGQucGxhY2Vob2xkZXIgfHwgZmllbGQubGFiZWwgfHwgZmllbGQubmFtZVwiIFtmb3JtQ29udHJvbF09Y29udHJvbFxyXG4gIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiID48L2JpemRvYy1hdXRvY29tcGxldGU+XHJcbiAgPG1hdC1oaW50ICpuZ0lmPVwiZmllbGQuaGludFwiPiB7eyBmaWVsZC5oaW50IH19PC9tYXQtaGludD5cclxuICA8bmctY29udGFpbmVyPlxyXG4gICAgPG1hdC1lcnJvciAqbmdGb3I9XCJsZXQgdiBvZiBmaWVsZC52YWxpZGF0aW9uc1wiIFtzdHlsZS5kaXNwbGF5XT1cImNvbnRyb2wuaGFzRXJyb3Iodi50eXBlKSA/ICcnOiAnbm9uZSdcIj4ge3sgdi5tZXNzYWdlIH19IDwvbWF0LWVycm9yPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L21hdC1mb3JtLWZpZWxkPmBcclxufSlcclxuLyoqIGxheW91dCBjb21wb25lbnQqL1xyXG5leHBvcnQgY2xhc3MgQXV0b2NvbXBsZXRlRmllbGQgZXh0ZW5kcyBGaWVsZEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgICByZWFkb25seSBjb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XHJcbiAgICBASW5wdXQoKSBwYXJhbXM6IGFueTtcclxuICBAVmlld0NoaWxkKFR5cGVBdXRvY29tcGxldGUpIGlucHV0OiBUeXBlQXV0b2NvbXBsZXRlO1xyXG4gICAgc291cmNlOiBPYnNlcnZhYmxlPGFueVtdPjtcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2Rlc3Ryb3kgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZHM6IERhdGFzb3VyY2VTZXJ2aWNlKSB7XHJcbiAgICAgICAgc3VwZXIoKTtcclxuICAgIH1cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICghdGhpcy5maWVsZC5vcHRpb25zKVxyXG4gICAgICAgICAgICB0aGlzLnNvdXJjZSA9IHRoaXMuY29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShkZWJvdW5jZVRpbWUoMjUwKSwgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kpLFxyXG4gICAgICAgICAgICAgIHN3aXRjaE1hcCh2ID0+IHRoaXMuX2RzLmFsbCh0aGlzLmZpZWxkLnNvdXJjZSwgdikpKTtcclxuICAgIH1cclxuICBmb2N1cygpIHsgdGhpcy5pbnB1dC5mb2N1cygpOyB9XHJcbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLl9kZXN0cm95Lm5leHQoKTtcclxuICAgICAgICB0aGlzLl9kZXN0cm95LmNvbXBsZXRlKCk7XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2020/lib/core/layout/checkbox.field.mjs

@@ -0,0 +1,41 @@
+import { Component, ViewChild } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/checkbox";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/forms";
+/** layout component*/
+export class CheckField extends FieldBase {
+    constructor() {
+        super(...arguments);
+        this.control = new FormControl(false);
+    }
+    focus() { this.input.focus(); }
+}
+CheckField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CheckField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CheckField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: CheckField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: MatCheckbox, descendants: true }], usesInheritance: true, ngImport: i0, template: `<div>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <mat-checkbox [formControl]=control> {{ field.label || field.name }}</mat-checkbox>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</div>`, isInline: true, components: [{ type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CheckField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<div>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <mat-checkbox [formControl]=control> {{ field.label || field.name }}</mat-checkbox>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</div>`
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [MatCheckbox]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guZmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvbGF5b3V0L2NoZWNrYm94LmZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7Ozs7O0FBWXpDLHNCQUFzQjtBQUN0QixNQUFNLE9BQU8sVUFBVyxTQUFRLFNBQVM7SUFWekM7O1FBWVcsWUFBTyxHQUFHLElBQUksV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBRTNDO0lBREMsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDOzt1R0FIcEIsVUFBVTsyRkFBVixVQUFVLDJGQUNWLFdBQVcsdUVBVlY7Ozs7OztPQU1QOzJGQUdNLFVBQVU7a0JBVnRCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFOzs7Ozs7T0FNUDtpQkFDTjs4QkFHeUIsS0FBSztzQkFBNUIsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1hdENoZWNrYm94IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xyXG5pbXBvcnQgeyBGaWVsZEJhc2UgfSBmcm9tICcuL2lucHV0LmJhc2UnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgdGVtcGxhdGU6IGA8ZGl2PlxyXG4gIDxtYXQtaGludCAqbmdJZj1cImZpZWxkLmhpbnRcIj4ge3sgZmllbGQuaGludCB9fTwvbWF0LWhpbnQ+XHJcbiAgPG1hdC1jaGVja2JveCBbZm9ybUNvbnRyb2xdPWNvbnRyb2w+IHt7IGZpZWxkLmxhYmVsIHx8IGZpZWxkLm5hbWUgfX08L21hdC1jaGVja2JveD5cclxuICA8bmctY29udGFpbmVyPlxyXG4gICAgPG1hdC1lcnJvciAqbmdGb3I9XCJsZXQgdiBvZiBmaWVsZC52YWxpZGF0aW9uc1wiIFtzdHlsZS5kaXNwbGF5XT1cImNvbnRyb2wuaGFzRXJyb3Iodi50eXBlKSA/ICcnOiAnbm9uZSdcIj4ge3sgdi5tZXNzYWdlIH19IDwvbWF0LWVycm9yPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5gXHJcbn0pXHJcbi8qKiBsYXlvdXQgY29tcG9uZW50Ki9cclxuZXhwb3J0IGNsYXNzIENoZWNrRmllbGQgZXh0ZW5kcyBGaWVsZEJhc2Uge1xyXG4gIEBWaWV3Q2hpbGQoTWF0Q2hlY2tib3gpIGlucHV0OiBNYXRDaGVja2JveDtcclxuICByZWFkb25seSBjb250cm9sID0gbmV3IEZvcm1Db250cm9sKGZhbHNlKTtcclxuICBmb2N1cygpIHsgdGhpcy5pbnB1dC5mb2N1cygpOyB9XHJcbn1cclxuIl19

package/esm2020/lib/core/layout/checkbox.mjs

@@ -0,0 +1,35 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+/** */
+export class CheckboxComponent {
+    constructor() {
+        this.icon = 'checkbox';
+    }
+}
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: { value: "value", color: "color", icon: "icon" }, ngImport: i0, template: `
+      <div *ngIf="value" class="container">
+        <mat-icon [color]="color">{{icon == 'checkbox' ? 'check_box' : 'toggle_on'}}</mat-icon>
+        <span class="mat-body-1">
+          <ng-content></ng-content>
+        </span>
+      </div>`, isInline: true, styles: [".container{display:flex;align-items:center}.container *{align-self:center}.container :last-child{padding-left:5px;padding-right:5px}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bizdoc-checkbox', template: `
+      <div *ngIf="value" class="container">
+        <mat-icon [color]="color">{{icon == 'checkbox' ? 'check_box' : 'toggle_on'}}</mat-icon>
+        <span class="mat-body-1">
+          <ng-content></ng-content>
+        </span>
+      </div>`, styles: [".container{display:flex;align-items:center}.container *{align-self:center}.container :last-child{padding-left:5px;padding-right:5px}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvbGF5b3V0L2NoZWNrYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRWpELE1BQU07QUFZTixNQUFNLE9BQU8saUJBQWlCO0lBWDlCO1FBZ0JFLFNBQUksR0FBMEIsVUFBVSxDQUFDO0tBQzFDOzs4R0FOWSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpSEFUbEI7Ozs7OzthQU1DOzJGQUdBLGlCQUFpQjtrQkFYN0IsU0FBUzsrQkFDRSxpQkFBaUIsWUFDakI7Ozs7OzthQU1DOzhCQUtYLEtBQUs7c0JBREosS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XHJcbi8qKiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2JpemRvYy1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgICAgPGRpdiAqbmdJZj1cInZhbHVlXCIgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICA8bWF0LWljb24gW2NvbG9yXT1cImNvbG9yXCI+e3tpY29uID09ICdjaGVja2JveCcgPyAnY2hlY2tfYm94JyA6ICd0b2dnbGVfb24nfX08L21hdC1pY29uPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWF0LWJvZHktMVwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnY2hlY2tib3guc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICB2YWx1ZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBjb2xvcjogVGhlbWVQYWxldHRlO1xyXG4gIEBJbnB1dCgpXHJcbiAgaWNvbjogJ3N3aXRjaCcgfCAnY2hlY2tib3gnID0gJ2NoZWNrYm94JztcclxufVxyXG4iXX0=

package/esm2020/lib/core/layout/date-range.field.mjs

@@ -0,0 +1,53 @@
+import { Component, ViewChild } from '@angular/core';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/datepicker";
+import * as i4 from "@angular/common";
+/** layout component*/
+export class DateRangeField extends FieldBase {
+    constructor(_fb) {
+        super();
+        this._fb = _fb;
+        this.control = this._fb.group({
+            start: this._fb.control(null),
+            end: this._fb.control(null)
+        });
+    }
+    focus() {
+        this.inp.nativeElement.focus();
+    }
+}
+DateRangeField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateRangeField, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DateRangeField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DateRangeField, selector: "ng-component", viewQueries: [{ propertyName: "inp", first: true, predicate: ["inp"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<mat-form-field>
+<mat-label>{{field.label || field.name}}</mat-label>
+                <mat-date-range-input [formGroup]="control" [rangePicker]="picker"
+  [required]="field.required" [min]="field.min" [max]="field.max">
+                  <input matStartDate formControlName="start" #inp>
+                  <input matEndDate formControlName="end" placeholder="">
+                </mat-date-range-input>
+                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+                <mat-date-range-picker #picker></mat-date-range-picker>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+</mat-form-field>`, isInline: true, components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], directives: [{ type: i2.MatLabel, selector: "mat-label" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { type: i2.MatSuffix, selector: "[matSuffix]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateRangeField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<mat-form-field>
+<mat-label>{{field.label || field.name}}</mat-label>
+                <mat-date-range-input [formGroup]="control" [rangePicker]="picker"
+  [required]="field.required" [min]="field.min" [max]="field.max">
+                  <input matStartDate formControlName="start" #inp>
+                  <input matEndDate formControlName="end" placeholder="">
+                </mat-date-range-input>
+                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+                <mat-date-range-picker #picker></mat-date-range-picker>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+</mat-form-field>`
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { inp: [{
+                type: ViewChild,
+                args: ['inp']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9sYXlvdXQvZGF0ZS1yYW5nZS5maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7QUFnQnpDLHNCQUFzQjtBQUN0QixNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQVM7SUFNekMsWUFBb0IsR0FBZ0I7UUFDbEMsS0FBSyxFQUFFLENBQUM7UUFEVSxRQUFHLEdBQUgsR0FBRyxDQUFhO1FBSjNCLFlBQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQztZQUM5QixLQUFLLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQzdCLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDOUIsQ0FBQyxDQUFDO0lBR0wsQ0FBQztJQUNELEtBQUs7UUFDSCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQyxDQUFDOzsyR0FYVSxjQUFjOytGQUFkLGNBQWMsdUtBYmI7Ozs7Ozs7Ozs7a0JBVUk7MkZBR0wsY0FBYztrQkFkMUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7a0JBVUk7aUJBQ2pCO2tHQUdtQixHQUFHO3NCQUFwQixTQUFTO3VCQUFDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmllbGRCYXNlIH0gZnJvbSAnLi9pbnB1dC5iYXNlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHRlbXBsYXRlOiBgPG1hdC1mb3JtLWZpZWxkPlxyXG48bWF0LWxhYmVsPnt7ZmllbGQubGFiZWwgfHwgZmllbGQubmFtZX19PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgICAgICAgICA8bWF0LWRhdGUtcmFuZ2UtaW5wdXQgW2Zvcm1Hcm91cF09XCJjb250cm9sXCIgW3JhbmdlUGlja2VyXT1cInBpY2tlclwiXHJcbiAgW3JlcXVpcmVkXT1cImZpZWxkLnJlcXVpcmVkXCIgW21pbl09XCJmaWVsZC5taW5cIiBbbWF4XT1cImZpZWxkLm1heFwiPlxyXG4gICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0U3RhcnREYXRlIGZvcm1Db250cm9sTmFtZT1cInN0YXJ0XCIgI2lucD5cclxuICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdEVuZERhdGUgZm9ybUNvbnRyb2xOYW1lPVwiZW5kXCIgcGxhY2Vob2xkZXI9XCJcIj5cclxuICAgICAgICAgICAgICAgIDwvbWF0LWRhdGUtcmFuZ2UtaW5wdXQ+XHJcbiAgICAgICAgICAgICAgICA8bWF0LWRhdGVwaWNrZXItdG9nZ2xlIG1hdFN1ZmZpeCBbZm9yXT1cInBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1kYXRlLXJhbmdlLXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGUtcmFuZ2UtcGlja2VyPlxyXG4gIDxtYXQtaGludCAqbmdJZj1cImZpZWxkLmhpbnRcIj4ge3sgZmllbGQuaGludCB9fTwvbWF0LWhpbnQ+XHJcbjwvbWF0LWZvcm0tZmllbGQ+YFxyXG59KVxyXG4vKiogbGF5b3V0IGNvbXBvbmVudCovXHJcbmV4cG9ydCBjbGFzcyBEYXRlUmFuZ2VGaWVsZCBleHRlbmRzIEZpZWxkQmFzZSB7XHJcbiAgQFZpZXdDaGlsZCgnaW5wJykgaW5wOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xyXG4gICAgcmVhZG9ubHkgY29udHJvbCA9IHRoaXMuX2ZiLmdyb3VwKHtcclxuICAgICAgICBzdGFydDogdGhpcy5fZmIuY29udHJvbChudWxsKSxcclxuICAgICAgICBlbmQ6IHRoaXMuX2ZiLmNvbnRyb2wobnVsbClcclxuICAgIH0pO1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZmI6IEZvcm1CdWlsZGVyKSB7XHJcbiAgICAgIHN1cGVyKCk7XHJcbiAgfVxyXG4gIGZvY3VzKCkge1xyXG4gICAgdGhpcy5pbnAubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/core/layout/date.field.mjs

@@ -0,0 +1,52 @@
+import { Component, ViewChild } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/datepicker";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/forms";
+/** layout component*/
+export class DateField extends FieldBase {
+    constructor() {
+        super(...arguments);
+        this.control = new FormControl();
+    }
+    focus() { this.input.focus(); }
+}
+DateField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DateField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DateField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: MatInput, descendants: true }], usesInheritance: true, ngImport: i0, template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+ <input matInput [placeholder]="field.placeholder || field.label || field.name" [formControl]=control
+  [required]="field.required" [min]="field.min" [max]="field.max" 
+  [matDatepicker]="picker" />
+                <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
+                <mat-datepicker #picker></mat-datepicker>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`, isInline: true, components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+ <input matInput [placeholder]="field.placeholder || field.label || field.name" [formControl]=control
+  [required]="field.required" [min]="field.min" [max]="field.max" 
+  [matDatepicker]="picker" />
+                <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
+                <mat-datepicker #picker></mat-datepicker>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [MatInput]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9sYXlvdXQvZGF0ZS5maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7QUFpQnpDLHNCQUFzQjtBQUN0QixNQUFNLE9BQU8sU0FBVSxTQUFRLFNBQVM7SUFmeEM7O1FBZ0JhLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO0tBR3hDO0lBREMsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDOztzR0FIcEIsU0FBUzswRkFBVCxTQUFTLDJGQUVULFFBQVEsdUVBaEJQOzs7Ozs7Ozs7OztrQkFXSTsyRkFHTCxTQUFTO2tCQWZyQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7a0JBV0k7aUJBQ2pCOzhCQUlzQixLQUFLO3NCQUF6QixTQUFTO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0SW5wdXQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IEZpZWxkQmFzZSB9IGZyb20gJy4vaW5wdXQuYmFzZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICB0ZW1wbGF0ZTogYDxtYXQtZm9ybS1maWVsZD5cclxuICA8bWF0LWxhYmVsICpuZ0lmPVwiZmllbGQucGxhY2Vob2xkZXJcIj57e2ZpZWxkLmxhYmVsIHx8IGZpZWxkLm5hbWV9fTwvbWF0LWxhYmVsPiAgICAgICAgICBcclxuIDxpbnB1dCBtYXRJbnB1dCBbcGxhY2Vob2xkZXJdPVwiZmllbGQucGxhY2Vob2xkZXIgfHwgZmllbGQubGFiZWwgfHwgZmllbGQubmFtZVwiIFtmb3JtQ29udHJvbF09Y29udHJvbFxyXG4gIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiIFttaW5dPVwiZmllbGQubWluXCIgW21heF09XCJmaWVsZC5tYXhcIiBcclxuICBbbWF0RGF0ZXBpY2tlcl09XCJwaWNrZXJcIiAvPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBbZm9yXT1cInBpY2tlclwiIG1hdFN1ZmZpeD48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cclxuICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XHJcbiAgPG1hdC1oaW50ICpuZ0lmPVwiZmllbGQuaGludFwiPiB7eyBmaWVsZC5oaW50IH19PC9tYXQtaGludD5cclxuICA8bmctY29udGFpbmVyPlxyXG4gICAgPG1hdC1lcnJvciAqbmdGb3I9XCJsZXQgdiBvZiBmaWVsZC52YWxpZGF0aW9uc1wiIFtzdHlsZS5kaXNwbGF5XT1cImNvbnRyb2wuaGFzRXJyb3Iodi50eXBlKSA/ICcnOiAnbm9uZSdcIj4ge3sgdi5tZXNzYWdlIH19IDwvbWF0LWVycm9yPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L21hdC1mb3JtLWZpZWxkPmBcclxufSlcclxuLyoqIGxheW91dCBjb21wb25lbnQqL1xyXG5leHBvcnQgY2xhc3MgRGF0ZUZpZWxkIGV4dGVuZHMgRmllbGRCYXNlIHtcclxuICAgIHJlYWRvbmx5IGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcclxuICBAVmlld0NoaWxkKE1hdElucHV0KSBpbnB1dDogTWF0SW5wdXQ7XHJcbiAgZm9jdXMoKSB7IHRoaXMuaW5wdXQuZm9jdXMoKTsgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/core/layout/expression.field.mjs

@@ -0,0 +1,51 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { AceInput } from '../../admin/core/ace.input';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "../../admin/core/ace.input";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+/** layout component*/
+export class ExpressionField extends FieldBase {
+    constructor() {
+        super(...arguments);
+        this.control = new FormControl();
+    }
+    focus() { this.input.focus(); }
+}
+ExpressionField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpressionField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ExpressionField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ExpressionField, selector: "ng-component", inputs: { params: "params" }, viewQueries: [{ propertyName: "input", first: true, predicate: AceInput, descendants: true }], usesInheritance: true, ngImport: i0, template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+ <bizdoc-ace-input
+ [placeholder]="field.placeholder || field.label || field.name" [formControl]=control
+  [required]="field.required" 
+[params]="params"></bizdoc-ace-input>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`, isInline: true, components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpressionField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+ <bizdoc-ace-input
+ [placeholder]="field.placeholder || field.label || field.name" [formControl]=control
+  [required]="field.required" 
+[params]="params"></bizdoc-ace-input>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [AceInput]
+            }], params: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwcmVzc2lvbi5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9sYXlvdXQvZXhwcmVzc2lvbi5maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7QUFnQnpDLHNCQUFzQjtBQUN0QixNQUFNLE9BQU8sZUFBZ0IsU0FBUSxTQUFTO0lBZDlDOztRQWVhLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO0tBSXhDO0lBREMsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDOzs0R0FKcEIsZUFBZTtnR0FBZixlQUFlLHlIQUVmLFFBQVEsdUVBZlA7Ozs7Ozs7Ozs7a0JBVUk7MkZBR0wsZUFBZTtrQkFkM0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7a0JBVUk7aUJBQ2pCOzhCQUlzQixLQUFLO3NCQUF6QixTQUFTO3VCQUFDLFFBQVE7Z0JBQ1IsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBBY2VJbnB1dCB9IGZyb20gJy4uLy4uL2FkbWluL2NvcmUvYWNlLmlucHV0JztcclxuaW1wb3J0IHsgRmllbGRCYXNlIH0gZnJvbSAnLi9pbnB1dC5iYXNlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHRlbXBsYXRlOiBgPG1hdC1mb3JtLWZpZWxkPlxyXG4gIDxtYXQtbGFiZWwgKm5nSWY9XCJmaWVsZC5wbGFjZWhvbGRlclwiPnt7ZmllbGQubGFiZWwgfHwgZmllbGQubmFtZX19PC9tYXQtbGFiZWw+ICAgICAgICAgIFxyXG4gPGJpemRvYy1hY2UtaW5wdXRcclxuIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlciB8fCBmaWVsZC5sYWJlbCB8fCBmaWVsZC5uYW1lXCIgW2Zvcm1Db250cm9sXT1jb250cm9sXHJcbiAgW3JlcXVpcmVkXT1cImZpZWxkLnJlcXVpcmVkXCIgXHJcbltwYXJhbXNdPVwicGFyYW1zXCI+PC9iaXpkb2MtYWNlLWlucHV0PlxyXG4gIDxtYXQtaGludCAqbmdJZj1cImZpZWxkLmhpbnRcIj4ge3sgZmllbGQuaGludCB9fTwvbWF0LWhpbnQ+XHJcbiAgPG5nLWNvbnRhaW5lcj5cclxuICAgIDxtYXQtZXJyb3IgKm5nRm9yPVwibGV0IHYgb2YgZmllbGQudmFsaWRhdGlvbnNcIiBbc3R5bGUuZGlzcGxheV09XCJjb250cm9sLmhhc0Vycm9yKHYudHlwZSkgPyAnJzogJ25vbmUnXCI+IHt7IHYubWVzc2FnZSB9fSA8L21hdC1lcnJvcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9tYXQtZm9ybS1maWVsZD5gXHJcbn0pXHJcbi8qKiBsYXlvdXQgY29tcG9uZW50Ki9cclxuZXhwb3J0IGNsYXNzIEV4cHJlc3Npb25GaWVsZCBleHRlbmRzIEZpZWxkQmFzZSB7XHJcbiAgICByZWFkb25seSBjb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XHJcbiAgQFZpZXdDaGlsZChBY2VJbnB1dCkgaW5wdXQ6IEFjZUlucHV0O1xyXG4gICAgQElucHV0KCkgcGFyYW1zOiBhbnk7XHJcbiAgZm9jdXMoKSB7IHRoaXMuaW5wdXQuZm9jdXMoKTsgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/core/layout/file.field.mjs

@@ -0,0 +1,47 @@
+import { Component, ViewChild } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FileInput } from '../controls/file.input';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "../controls/file.input";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+/** layout component*/
+export class FileField extends FieldBase {
+    constructor() {
+        super(...arguments);
+        this.control = new FormControl();
+    }
+    ngOnInit() {
+        this.multiple = this.field.isArray;
+    }
+}
+FileField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FileField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FileField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FileField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: FileInput, descendants: true }], usesInheritance: true, ngImport: i0, template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+  <bizdoc-file-upload [formControl]=control [placeholder]="field.placeholder || field.label || field.name"
+  [required]="field.required" [multiple]="multiple"></bizdoc-file-upload>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`, isInline: true, components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.FileInput, selector: "bizdoc-file-upload", inputs: ["multiple", "accept", "icon", "value", "placeholder", "required", "disabled"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FileField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+  <bizdoc-file-upload [formControl]=control [placeholder]="field.placeholder || field.label || field.name"
+  [required]="field.required" [multiple]="multiple"></bizdoc-file-upload>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <ng-container>
+    <mat-error *ngFor="let v of field.validations" [style.display]="control.hasError(v.type) ? '': 'none'"> {{ v.message }} </mat-error>
+  </ng-container>
+</mat-form-field>`
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [FileInput]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9sYXlvdXQvZmlsZS5maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7OztBQWN6QyxzQkFBc0I7QUFDdEIsTUFBTSxPQUFPLFNBQVUsU0FBUSxTQUFTO0lBWnhDOztRQWFXLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO0tBT3RDO0lBSEMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQzs7c0dBUFUsU0FBUzswRkFBVCxTQUFTLDJGQUdULFNBQVMsdUVBZFY7Ozs7Ozs7O2tCQVFNOzJGQUdMLFNBQVM7a0JBWnJCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7OztrQkFRTTtpQkFDakI7OEJBS3VCLEtBQUs7c0JBQTFCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEZpbGVJbnB1dCB9IGZyb20gJy4uL2NvbnRyb2xzL2ZpbGUuaW5wdXQnO1xyXG5pbXBvcnQgeyBGaWVsZEJhc2UgfSBmcm9tICcuL2lucHV0LmJhc2UnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlOiBgPG1hdC1mb3JtLWZpZWxkPlxyXG4gIDxtYXQtbGFiZWwgKm5nSWY9XCJmaWVsZC5wbGFjZWhvbGRlclwiPnt7ZmllbGQubGFiZWwgfHwgZmllbGQubmFtZX19PC9tYXQtbGFiZWw+ICAgICAgICAgIFxyXG4gIDxiaXpkb2MtZmlsZS11cGxvYWQgW2Zvcm1Db250cm9sXT1jb250cm9sIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlciB8fCBmaWVsZC5sYWJlbCB8fCBmaWVsZC5uYW1lXCJcclxuICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIiBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIj48L2JpemRvYy1maWxlLXVwbG9hZD5cclxuICA8bWF0LWhpbnQgKm5nSWY9XCJmaWVsZC5oaW50XCI+IHt7IGZpZWxkLmhpbnQgfX08L21hdC1oaW50PlxyXG4gIDxuZy1jb250YWluZXI+XHJcbiAgICA8bWF0LWVycm9yICpuZ0Zvcj1cImxldCB2IG9mIGZpZWxkLnZhbGlkYXRpb25zXCIgW3N0eWxlLmRpc3BsYXldPVwiY29udHJvbC5oYXNFcnJvcih2LnR5cGUpID8gJyc6ICdub25lJ1wiPiB7eyB2Lm1lc3NhZ2UgfX0gPC9tYXQtZXJyb3I+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvbWF0LWZvcm0tZmllbGQ+YFxyXG59KVxyXG4vKiogbGF5b3V0IGNvbXBvbmVudCovXHJcbmV4cG9ydCBjbGFzcyBGaWxlRmllbGQgZXh0ZW5kcyBGaWVsZEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHJlYWRvbmx5IGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcclxuICBtdWx0aXBsZTogYm9vbGVhbjtcclxuICBAVmlld0NoaWxkKEZpbGVJbnB1dCkgaW5wdXQ6IEZpbGVJbnB1dDtcclxuICB0eXBlOiBzdHJpbmc7XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm11bHRpcGxlID0gdGhpcy5maWVsZC5pc0FycmF5O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/core/layout/html.field.mjs

@@ -0,0 +1,48 @@
+import { Component, ViewChild } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { RichTextEditorComponent, ToolbarType } from '@syncfusion/ej2-angular-richtexteditor';
+import { FieldBase } from './input.base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@syncfusion/ej2-angular-richtexteditor";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+/** layout component*/
+export class HtmlField extends FieldBase {
+    constructor() {
+        super(...arguments);
+        this.toolbarSettings = {
+            items: ['Bold', 'Italic', 'Underline', 'StrikeThrough',
+                '|',
+                'Formats', 'Alignments', 'OrderedList', 'UnorderedList',
+                'Outdent', 'Indent'],
+            type: ToolbarType.MultiRow
+        };
+        this.control = new FormControl();
+    }
+    focus() { this.input.focus(); }
+}
+HtmlField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HtmlField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+HtmlField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: HtmlField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: RichTextEditorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+  <ejs-richtexteditor [formControl]=control
+  [placeholder]="field.placeholder||field.label || field.name" [maxlength]="field.max"
+  [required]="field.required" ></ejs-richtexteditor>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <mat-hint *ngIf="field.max" align="end">{{control.value?.length || 0}} / {{field.max}}</mat-hint>`, isInline: true, components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatter", "height", "htmlAttributes", "iframeSettings", "inlineMode", "insertImageSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HtmlField, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<mat-form-field>
+  <mat-label *ngIf="field.placeholder">{{field.label || field.name}}</mat-label>          
+  <ejs-richtexteditor [formControl]=control
+  [placeholder]="field.placeholder||field.label || field.name" [maxlength]="field.max"
+  [required]="field.required" ></ejs-richtexteditor>
+  <mat-hint *ngIf="field.hint"> {{ field.hint }}</mat-hint>
+  <mat-hint *ngIf="field.max" align="end">{{control.value?.length || 0}} / {{field.max}}</mat-hint>`
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [RichTextEditorComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHRtbC5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9sYXlvdXQvaHRtbC5maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLHVCQUF1QixFQUF3QixXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNwSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7QUFZekMsc0JBQXNCO0FBQ3RCLE1BQU0sT0FBTyxTQUFVLFNBQVEsU0FBUztJQVZ4Qzs7UUFZVyxvQkFBZSxHQUFHO1lBQ3pCLEtBQUssRUFBRSxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLGVBQWU7Z0JBQ3BELEdBQUc7Z0JBQ0gsU0FBUyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZTtnQkFDdkQsU0FBUyxFQUFFLFFBQVEsQ0FBQztZQUN0QixJQUFJLEVBQUUsV0FBVyxDQUFDLFFBQVE7U0FDSCxDQUFDO1FBRWpCLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO0tBQ3RDO0lBRkMsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDOztzR0FUcEIsU0FBUzswRkFBVCxTQUFTLDJGQUNULHVCQUF1Qix1RUFWeEI7Ozs7OztvR0FNd0Y7MkZBR3ZGLFNBQVM7a0JBVnJCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7b0dBTXdGO2lCQUNuRzs4QkFHcUMsS0FBSztzQkFBeEMsU0FBUzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUmljaFRleHRFZGl0b3JDb21wb25lbnQsIFRvb2xiYXJTZXR0aW5nc01vZGVsLCBUb29sYmFyVHlwZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLXJpY2h0ZXh0ZWRpdG9yJztcclxuaW1wb3J0IHsgRmllbGRCYXNlIH0gZnJvbSAnLi9pbnB1dC5iYXNlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZTogYDxtYXQtZm9ybS1maWVsZD5cclxuICA8bWF0LWxhYmVsICpuZ0lmPVwiZmllbGQucGxhY2Vob2xkZXJcIj57e2ZpZWxkLmxhYmVsIHx8IGZpZWxkLm5hbWV9fTwvbWF0LWxhYmVsPiAgICAgICAgICBcclxuICA8ZWpzLXJpY2h0ZXh0ZWRpdG9yIFtmb3JtQ29udHJvbF09Y29udHJvbFxyXG4gIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlcnx8ZmllbGQubGFiZWwgfHwgZmllbGQubmFtZVwiIFttYXhsZW5ndGhdPVwiZmllbGQubWF4XCJcclxuICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIiA+PC9lanMtcmljaHRleHRlZGl0b3I+XHJcbiAgPG1hdC1oaW50ICpuZ0lmPVwiZmllbGQuaGludFwiPiB7eyBmaWVsZC5oaW50IH19PC9tYXQtaGludD5cclxuICA8bWF0LWhpbnQgKm5nSWY9XCJmaWVsZC5tYXhcIiBhbGlnbj1cImVuZFwiPnt7Y29udHJvbC52YWx1ZT8ubGVuZ3RoIHx8IDB9fSAvIHt7ZmllbGQubWF4fX08L21hdC1oaW50PmBcclxufSlcclxuLyoqIGxheW91dCBjb21wb25lbnQqL1xyXG5leHBvcnQgY2xhc3MgSHRtbEZpZWxkIGV4dGVuZHMgRmllbGRCYXNlIHtcclxuICBAVmlld0NoaWxkKFJpY2hUZXh0RWRpdG9yQ29tcG9uZW50KSBpbnB1dDogUmljaFRleHRFZGl0b3JDb21wb25lbnQ7XHJcbiAgcmVhZG9ubHkgdG9vbGJhclNldHRpbmdzID0ge1xyXG4gICAgaXRlbXM6IFsnQm9sZCcsICdJdGFsaWMnLCAnVW5kZXJsaW5lJywgJ1N0cmlrZVRocm91Z2gnLFxyXG4gICAgICAnfCcsXHJcbiAgICAgICdGb3JtYXRzJywgJ0FsaWdubWVudHMnLCAnT3JkZXJlZExpc3QnLCAnVW5vcmRlcmVkTGlzdCcsXHJcbiAgICAgICdPdXRkZW50JywgJ0luZGVudCddLFxyXG4gICAgdHlwZTogVG9vbGJhclR5cGUuTXVsdGlSb3dcclxuICB9IGFzIFRvb2xiYXJTZXR0aW5nc01vZGVsO1xyXG4gIGZvY3VzKCkgeyB0aGlzLmlucHV0LmZvY3VzKCk7IH1cclxuICByZWFkb25seSBjb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XHJcbn1cclxuIl19

package/esm2020/lib/core/layout/input.base.mjs

@@ -0,0 +1,11 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FieldBase {
+    focus() { }
+}
+FieldBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FieldBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: FieldBase, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9sYXlvdXQvaW5wdXQuYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsxQyxNQUFNLE9BQ1csU0FBUztJQUd4QixLQUFLLEtBQUssQ0FBQzs7c0dBSEksU0FBUzswRkFBVCxTQUFTOzJGQUFULFNBQVM7a0JBRnpCLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBGaWVsZEluZm8gfSBmcm9tICcuLi9tb2RlbHMnO1xyXG5cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydFxyXG4gIGFic3RyYWN0IGNsYXNzIEZpZWxkQmFzZSB7XHJcbiAgYWJzdHJhY3QgY29udHJvbDogQWJzdHJhY3RDb250cm9sO1xyXG4gIGZpZWxkOiBGaWVsZEluZm87XHJcbiAgZm9jdXMoKSB7IH1cclxufVxyXG5cclxuIl19