nuxeo-development-framework 1.6.4 → 1.6.7

package/esm2015/lib/components/dynamic-view/custom-pp-viewer/custom-pp-viewer.component.js

@@ -0,0 +1,68 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../dynamic-viewe.service";
+import * as i2 from "../../../Core/services/callApi/call-api.service";
+import * as i3 from "../../../Core/services/translation/translation.service";
+import * as i4 from "@angular/common";
+export class CustomPpViewerComponent {
+    constructor(dynamicViewService, callApi, translationService) {
+        this.dynamicViewService = dynamicViewService;
+        this.callApi = callApi;
+        this.translationService = translationService;
+        this.config = {};
+        this.defaultConfig = {
+            propertyAr: 'category:arabicTitle',
+            propertyEn: 'dc:title',
+            filterParam: 'category_code'
+        };
+    }
+    ngOnInit() {
+        console.log(this.pageProvider);
+        console.log(this.group);
+        this.getData();
+        this.langSubscription = this.translationService.isArabic.subscribe(res => {
+            this.isArabic = res;
+        });
+    }
+    getData() {
+        var _a, _b;
+        if (this.dynamicViewService.getDataFromStoredAggregation(this.group.key)) {
+            let storedAggreg = this.dynamicViewService.getDataFromStoredAggregation(this.group.key);
+            this.data = storedAggreg ? storedAggreg['data'] : null;
+        }
+        else {
+            let params = {
+                [((_a = this.config) === null || _a === void 0 ? void 0 : _a.filterParam) ? (_b = this.config) === null || _b === void 0 ? void 0 : _b.filterParam : this.defaultConfig.filterParam]: this.group.key
+            };
+            this.callApi.query(Object.assign({ pageProvider: this.pageProvider }, params), {
+                headers: {
+                    "properties": "*",
+                },
+            }).subscribe(res => {
+                var _a, _b;
+                this.dynamicViewService.setDataToStorag(this.group.key, (_a = res === null || res === void 0 ? void 0 : res.entries[0]) === null || _a === void 0 ? void 0 : _a['properties']);
+                this.data = (_b = res === null || res === void 0 ? void 0 : res.entries[0]) === null || _b === void 0 ? void 0 : _b['properties'];
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.langSubscription ? this.langSubscription.unsubscribe() : null;
+    }
+}
+CustomPpViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomPpViewerComponent, deps: [{ token: i1.DynamicVieweService }, { token: i2.CallApiService }, { token: i3.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomPpViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: { pageProvider: "pageProvider", group: "group", config: "config" }, ngImport: i0, template: "<span *ngIf=\"data\">\r\n    {{isArabic ? data[config.propertyAr ? config.propertyAr : defaultConfig.propertyAr] : data[config.propertyEn ? config.propertyEn : defaultConfig.propertyEn]}}\r\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomPpViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-custom-pp-viewer',
+                    templateUrl: './custom-pp-viewer.component.html',
+                    styleUrls: ['./custom-pp-viewer.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DynamicVieweService }, { type: i2.CallApiService }, { type: i3.TranslationService }]; }, propDecorators: { pageProvider: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXBwLXZpZXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtdmlldy9jdXN0b20tcHAtdmlld2VyL2N1c3RvbS1wcC12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvY3VzdG9tLXBwLXZpZXdlci9jdXN0b20tcHAtdmlld2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFXekQsTUFBTSxPQUFPLHVCQUF1QjtJQWFsQyxZQUFvQixrQkFBdUMsRUFBVSxPQUF1QixFQUFVLGtCQUFzQztRQUF4SCx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXFCO1FBQVUsWUFBTyxHQUFQLE9BQU8sQ0FBZ0I7UUFBVSx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBTjVJLFdBQU0sR0FBTyxFQUFFLENBQUM7UUFDaEIsa0JBQWEsR0FBRztZQUNkLFVBQVUsRUFBRSxzQkFBc0I7WUFDbEMsVUFBVSxFQUFFLFVBQVU7WUFDdEIsV0FBVyxFQUFFLGVBQWU7U0FDN0IsQ0FBQztJQUdELENBQUM7SUFFRixRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDL0IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ3ZFLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELE9BQU87O1FBQ0wsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN4RSxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN4RixJQUFJLENBQUMsSUFBSSxHQUFHLFlBQVksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7U0FDeEQ7YUFBTTtZQUNMLElBQUksTUFBTSxHQUFHO2dCQUNYLENBQUMsQ0FBQSxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLFdBQVcsRUFBQyxDQUFDLENBQUMsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxXQUFXLENBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHO2FBQ3hHLENBQUE7WUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssaUJBQ2hCLFlBQVksRUFBRSxJQUFJLENBQUMsWUFBWSxJQUM1QixNQUFNLEdBRVQ7Z0JBQ0UsT0FBTyxFQUFFO29CQUNQLFlBQVksRUFBRSxHQUFHO2lCQUNsQjthQUNGLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7O2dCQUNqQixJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFLE1BQUEsR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsMENBQUcsWUFBWSxDQUFDLENBQUMsQ0FBQztnQkFDekYsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFBLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLDBDQUFHLFlBQVksQ0FBQyxDQUFDO1lBRTlDLENBQUMsQ0FBQyxDQUFBO1NBQ0w7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDckUsQ0FBQzs7b0hBcERVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdJQ1hwQyx3TUFFTzsyRkRTTSx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsV0FBVyxFQUFFLG1DQUFtQztvQkFDaEQsU0FBUyxFQUFFLENBQUMsbUNBQW1DLENBQUM7aUJBQ2pEO3dLQUVVLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUtOLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9Db3JlL3NlcnZpY2VzL3RyYW5zbGF0aW9uL3RyYW5zbGF0aW9uLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQ2FsbEFwaVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9Db3JlL3NlcnZpY2VzL2NhbGxBcGkvY2FsbC1hcGkuc2VydmljZSc7XHJcbmltcG9ydCB7IER5bmFtaWNWaWV3ZVNlcnZpY2UgfSBmcm9tICcuLi9keW5hbWljLXZpZXdlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItY3VzdG9tLXBwLXZpZXdlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1wcC12aWV3ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS1wcC12aWV3ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VzdG9tUHBWaWV3ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHBhZ2VQcm92aWRlcjtcclxuICBASW5wdXQoKSBncm91cDtcclxuICBkYXRhO1xyXG4gIGxhbmdTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcclxuICBpc0FyYWJpYztcclxuICBASW5wdXQoKVxyXG4gIGNvbmZpZzphbnkgPSB7fTtcclxuICBkZWZhdWx0Q29uZmlnID0ge1xyXG4gICAgcHJvcGVydHlBcjogJ2NhdGVnb3J5OmFyYWJpY1RpdGxlJyxcclxuICAgIHByb3BlcnR5RW46ICdkYzp0aXRsZScsXHJcbiAgICBmaWx0ZXJQYXJhbTogJ2NhdGVnb3J5X2NvZGUnXHJcbiAgfTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGR5bmFtaWNWaWV3U2VydmljZTogRHluYW1pY1ZpZXdlU2VydmljZSwgcHJpdmF0ZSBjYWxsQXBpOiBDYWxsQXBpU2VydmljZSwgcHJpdmF0ZSB0cmFuc2xhdGlvblNlcnZpY2U6IFRyYW5zbGF0aW9uU2VydmljZSkge1xyXG4gIFxyXG4gICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2codGhpcy5wYWdlUHJvdmlkZXIpO1xyXG4gICAgY29uc29sZS5sb2codGhpcy5ncm91cCk7XHJcbiAgICB0aGlzLmdldERhdGEoKTtcclxuICAgIHRoaXMubGFuZ1N1YnNjcmlwdGlvbiA9IHRoaXMudHJhbnNsYXRpb25TZXJ2aWNlLmlzQXJhYmljLnN1YnNjcmliZShyZXMgPT4ge1xyXG4gICAgICB0aGlzLmlzQXJhYmljID0gcmVzO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIGdldERhdGEoKSB7XHJcbiAgICBpZiAodGhpcy5keW5hbWljVmlld1NlcnZpY2UuZ2V0RGF0YUZyb21TdG9yZWRBZ2dyZWdhdGlvbih0aGlzLmdyb3VwLmtleSkpIHtcclxuICAgICAgbGV0IHN0b3JlZEFnZ3JlZyA9IHRoaXMuZHluYW1pY1ZpZXdTZXJ2aWNlLmdldERhdGFGcm9tU3RvcmVkQWdncmVnYXRpb24odGhpcy5ncm91cC5rZXkpO1xyXG4gICAgICB0aGlzLmRhdGEgPSBzdG9yZWRBZ2dyZWcgPyBzdG9yZWRBZ2dyZWdbJ2RhdGEnXSA6IG51bGw7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBsZXQgcGFyYW1zID0ge1xyXG4gICAgICAgIFt0aGlzLmNvbmZpZz8uZmlsdGVyUGFyYW0gPyB0aGlzLmNvbmZpZz8uZmlsdGVyUGFyYW0gIDogdGhpcy5kZWZhdWx0Q29uZmlnLmZpbHRlclBhcmFtXTogdGhpcy5ncm91cC5rZXlcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmNhbGxBcGkucXVlcnkoe1xyXG4gICAgICAgIHBhZ2VQcm92aWRlcjogdGhpcy5wYWdlUHJvdmlkZXIsXHJcbiAgICAgICAgLi4ucGFyYW1zLFxyXG4gICAgICB9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgIGhlYWRlcnM6IHtcclxuICAgICAgICAgICAgXCJwcm9wZXJ0aWVzXCI6IFwiKlwiLFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICB9KS5zdWJzY3JpYmUocmVzID0+IHtcclxuICAgICAgICAgIHRoaXMuZHluYW1pY1ZpZXdTZXJ2aWNlLnNldERhdGFUb1N0b3JhZyh0aGlzLmdyb3VwLmtleSwgcmVzPy5lbnRyaWVzWzBdPy5bJ3Byb3BlcnRpZXMnXSk7XHJcbiAgICAgICAgICB0aGlzLmRhdGEgPSByZXM/LmVudHJpZXNbMF0/LlsncHJvcGVydGllcyddO1xyXG5cclxuICAgICAgICB9KVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLmxhbmdTdWJzY3JpcHRpb24gPyB0aGlzLmxhbmdTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKSA6IG51bGw7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuICpuZ0lmPVwiZGF0YVwiPlxyXG4gICAge3tpc0FyYWJpYyA/IGRhdGFbY29uZmlnLnByb3BlcnR5QXIgPyBjb25maWcucHJvcGVydHlBciA6IGRlZmF1bHRDb25maWcucHJvcGVydHlBcl0gOiBkYXRhW2NvbmZpZy5wcm9wZXJ0eUVuID8gY29uZmlnLnByb3BlcnR5RW4gOiBkZWZhdWx0Q29uZmlnLnByb3BlcnR5RW5dfX1cclxuPC9zcGFuPiJdfQ==

package/esm2015/lib/components/dynamic-view/cutome-voc-viewer/cutome-voc-viewer.component.js

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../Core/services/translation/translation.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+export class CutomeVocViewerComponent {
+    constructor(translationService) {
+        this.translationService = translationService;
+    }
+    ngOnInit() {
+        this.langSubscription = this.translationService.isArabic.subscribe(res => {
+            this.isArabic = res;
+        });
+    }
+    ngOnDestroy() {
+        this.langSubscription ? this.langSubscription.unsubscribe() : null;
+    }
+}
+CutomeVocViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CutomeVocViewerComponent, deps: [{ token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
+CutomeVocViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: { type: "type", group: "group" }, ngImport: i0, template: "<span *ngIf=\"group\">\r\n    <span *ngIf=\"type === 'vocabulary'\">\r\n        {{\r\n          \"vocabulary.\" + group.fetchedKey.directoryName + \".\" + group.key | translate\r\n        }}\r\n      </span>\r\n      <span  *ngIf=\"type === 'custom-voc'\">\r\n        {{\r\n          isArabic\r\n            ? group.fetchedKey.properties.label_ar\r\n            : group.fetchedKey.properties.label_en\r\n        }}\r\n      </span>\r\n</span>\r\n", styles: [""], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CutomeVocViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-cutome-voc-viewer',
+                    templateUrl: './cutome-voc-viewer.component.html',
+                    styleUrls: ['./cutome-voc-viewer.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslationService }]; }, propDecorators: { type: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3V0b21lLXZvYy12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvY3V0b21lLXZvYy12aWV3ZXIvY3V0b21lLXZvYy12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvY3V0b21lLXZvYy12aWV3ZXIvY3V0b21lLXZvYy12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU3pELE1BQU0sT0FBTyx3QkFBd0I7SUFNbkMsWUFBb0Isa0JBQXVDO1FBQXZDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBcUI7SUFBSSxDQUFDO0lBRWhFLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkUsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDckUsQ0FBQzs7cUhBaEJVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHVHQ1RyQyxnY0FjQTsyRkRMYSx3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsV0FBVyxFQUFFLG9DQUFvQztvQkFDakQsU0FBUyxFQUFFLENBQUMsb0NBQW9DLENBQUM7aUJBQ2xEO3lHQUdVLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vQ29yZS9zZXJ2aWNlcy90cmFuc2xhdGlvbi90cmFuc2xhdGlvbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1jdXRvbWUtdm9jLXZpZXdlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N1dG9tZS12b2Mtdmlld2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jdXRvbWUtdm9jLXZpZXdlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXRvbWVWb2NWaWV3ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSB0eXBlO1xyXG4gIEBJbnB1dCgpIGdyb3VwO1xyXG4gIGxhbmdTdWJzY3JpcHRpb24gOiBTdWJzY3JpcHRpb247XHJcbiAgaXNBcmFiaWMgO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdHJhbnNsYXRpb25TZXJ2aWNlIDogVHJhbnNsYXRpb25TZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmxhbmdTdWJzY3JpcHRpb24gPSB0aGlzLnRyYW5zbGF0aW9uU2VydmljZS5pc0FyYWJpYy5zdWJzY3JpYmUocmVzID0+IHtcclxuICAgICAgdGhpcy5pc0FyYWJpYyA9IHJlcztcclxuICAgIH0pXHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpe1xyXG4gICAgdGhpcy5sYW5nU3Vic2NyaXB0aW9uID8gdGhpcy5sYW5nU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCkgOiBudWxsO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPHNwYW4gKm5nSWY9XCJncm91cFwiPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJ0eXBlID09PSAndm9jYWJ1bGFyeSdcIj5cclxuICAgICAgICB7e1xyXG4gICAgICAgICAgXCJ2b2NhYnVsYXJ5LlwiICsgZ3JvdXAuZmV0Y2hlZEtleS5kaXJlY3RvcnlOYW1lICsgXCIuXCIgKyBncm91cC5rZXkgfCB0cmFuc2xhdGVcclxuICAgICAgICB9fVxyXG4gICAgICA8L3NwYW4+XHJcbiAgICAgIDxzcGFuICAqbmdJZj1cInR5cGUgPT09ICdjdXN0b20tdm9jJ1wiPlxyXG4gICAgICAgIHt7XHJcbiAgICAgICAgICBpc0FyYWJpY1xyXG4gICAgICAgICAgICA/IGdyb3VwLmZldGNoZWRLZXkucHJvcGVydGllcy5sYWJlbF9hclxyXG4gICAgICAgICAgICA6IGdyb3VwLmZldGNoZWRLZXkucHJvcGVydGllcy5sYWJlbF9lblxyXG4gICAgICAgIH19XHJcbiAgICAgIDwvc3Bhbj5cclxuPC9zcGFuPlxyXG4iXX0=

package/esm2015/lib/components/dynamic-view/data-viewer/data-viewer.component.js

@@ -12,7 +12,7 @@ export class DataViewerComponent {
     }
 }
 DataViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DataViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DataViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DataViewerComponent, selector: "cts-data-viewer", inputs: { label: "label", value: "value", vertical: "vertical", customClass: "customClass" }, ngImport: i0, template: "<div class=\"my-dynamic-viewer {{customClass}}\" \r\n[ngClass]=\"{'vertical' : vertical === true}\">\r\n  <div class=\"my-label\">{{label | translate}}</div>\r\n  <div class=\"my-value\"> \r\n    <span class=\"direction-img\">\r\n      <i class=\"bi bi-box-arrow-down incoming\"></i>\r\n      <i class=\"bi bi-box-arrow-up outgoing\"></i>\r\n    </span>\r\n    <span class=\"text\">\r\n      {{value ? value : '-'}}\r\n    </span>\r\n    \r\n    </div> \r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i2.TranslatePipe } });
+DataViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DataViewerComponent, selector: "cts-data-viewer", inputs: { label: "label", value: "value", vertical: "vertical", customClass: "customClass" }, ngImport: i0, template: "<div class=\"my-dynamic-viewer {{customClass}}\" \r\n[ngClass]=\"{'vertical' : vertical === true}\">\r\n  <div class=\"my-label\">{{label | translate}}</div>\r\n  <div class=\"my-value\"> \r\n    <span class=\"direction-img\">\r\n      <i class=\"bi bi-box-arrow-down incoming\"></i>\r\n      <i class=\"bi bi-box-arrow-up outgoing\"></i>\r\n      <i class=\"bi bi-box-arrow-right internal\"></i>\r\n    </span>\r\n    <span class=\"text\">\r\n      {{value ? value : '-'}}\r\n    </span>\r\n    \r\n    </div> \r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i2.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DataViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
             }], customClass: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0YS12aWV3ZXIvZGF0YS12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0YS12aWV3ZXIvZGF0YS12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QjtRQUpTLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUVWLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O2dIQVJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHFKQ1BoQyxxZEFjQTsyRkRQYSxtQkFBbUI7a0JBTC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsV0FBVyxFQUFFLDhCQUE4QjtvQkFDM0MsU0FBUyxFQUFFLENBQUMsOEJBQThCLENBQUM7aUJBQzVDOzBFQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N0cy1kYXRhLXZpZXdlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtdmlld2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kYXRhLXZpZXdlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRhVmlld2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIHZhbHVlID0gJyc7XHJcbiAgQElucHV0KCkgdmVydGljYWwgPSBmYWxzZTtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzcztcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJteS1keW5hbWljLXZpZXdlciB7e2N1c3RvbUNsYXNzfX1cIiBcclxuW25nQ2xhc3NdPVwieyd2ZXJ0aWNhbCcgOiB2ZXJ0aWNhbCA9PT0gdHJ1ZX1cIj5cclxuICA8ZGl2IGNsYXNzPVwibXktbGFiZWxcIj57e2xhYmVsIHwgdHJhbnNsYXRlfX08L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwibXktdmFsdWVcIj4gXHJcbiAgICA8c3BhbiBjbGFzcz1cImRpcmVjdGlvbi1pbWdcIj5cclxuICAgICAgPGkgY2xhc3M9XCJiaSBiaS1ib3gtYXJyb3ctZG93biBpbmNvbWluZ1wiPjwvaT5cclxuICAgICAgPGkgY2xhc3M9XCJiaSBiaS1ib3gtYXJyb3ctdXAgb3V0Z29pbmdcIj48L2k+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInRleHRcIj5cclxuICAgICAge3t2YWx1ZSA/IHZhbHVlIDogJy0nfX1cclxuICAgIDwvc3Bhbj5cclxuICAgIFxyXG4gICAgPC9kaXY+IFxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0YS12aWV3ZXIvZGF0YS12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0YS12aWV3ZXIvZGF0YS12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QjtRQUpTLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUVWLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O2dIQVJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHFKQ1BoQywrZ0JBZUE7MkZEUmEsbUJBQW1CO2tCQUwvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFdBQVcsRUFBRSw4QkFBOEI7b0JBQzNDLFNBQVMsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2lCQUM1QzswRUFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdHMtZGF0YS12aWV3ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS12aWV3ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YVZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHZlcnRpY2FsID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3M7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXktZHluYW1pYy12aWV3ZXIge3tjdXN0b21DbGFzc319XCIgXHJcbltuZ0NsYXNzXT1cInsndmVydGljYWwnIDogdmVydGljYWwgPT09IHRydWV9XCI+XHJcbiAgPGRpdiBjbGFzcz1cIm15LWxhYmVsXCI+e3tsYWJlbCB8IHRyYW5zbGF0ZX19PC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIm15LXZhbHVlXCI+IFxyXG4gICAgPHNwYW4gY2xhc3M9XCJkaXJlY3Rpb24taW1nXCI+XHJcbiAgICAgIDxpIGNsYXNzPVwiYmkgYmktYm94LWFycm93LWRvd24gaW5jb21pbmdcIj48L2k+XHJcbiAgICAgIDxpIGNsYXNzPVwiYmkgYmktYm94LWFycm93LXVwIG91dGdvaW5nXCI+PC9pPlxyXG4gICAgICA8aSBjbGFzcz1cImJpIGJpLWJveC1hcnJvdy1yaWdodCBpbnRlcm5hbFwiPjwvaT5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPlxyXG4gICAgICB7e3ZhbHVlID8gdmFsdWUgOiAnLSd9fVxyXG4gICAgPC9zcGFuPlxyXG4gICAgXHJcbiAgICA8L2Rpdj4gXHJcbjwvZGl2PlxyXG4iXX0=

package/esm2015/lib/components/dynamic-view/date-viewer/date-viewer.component.js

@@ -1,20 +1,26 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../configuration/app-config.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@ngx-translate/core";
-import * as i4 from "../../../pipes/localized-date.pipe";
-import * as i5 from "../../../pipes/hijri-date.pipe";
+import * as i2 from "../../../Core/services/translation/translation.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "../../../pipes/localized-date.pipe";
+import * as i6 from "../../../pipes/hijri-date.pipe";
 export class DateViewerComponent {
-    constructor(appConfig) {
+    constructor(appConfig, translation) {
         this.appConfig = appConfig;
+        this.translation = translation;
         this.label = '';
         this.value = '';
         this.vertical = false;
-        this.formate = "EEEE, MMMM d, y";
+        this.format = "EEEE, MMMM d, y";
         this.hijri = false;
         this.withOutLabel = false;
-        this.formate = this.appConfig.myConfiguration['dateFormate'];
+        this.isArabic = false;
+        this.format = this.appConfig.myConfiguration['dateFormate'];
+        this.langSubscription = this.translation.isArabic.subscribe(res => {
+            this.isArabic = res;
+        });
     }
     ngOnInit() {
         // if(this.hijri){
@@ -24,8 +30,8 @@ export class DateViewerComponent {
         // }
     }
 }
-DateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DateViewerComponent, deps: [{ token: i1.AppConfigService }], target: i0.ɵɵFactoryTarget.Component });
-DateViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DateViewerComponent, selector: "cts-date-viewer", inputs: { label: "label", value: "value", vertical: "vertical", formate: "formate", hijri: "hijri", withOutLabel: "withOutLabel" }, ngImport: i0, template: "<div class=\"my-dynamic-viewer\" [ngClass]=\"{'vertical' : vertical === true  , 'with-out-label': withOutLabel}\">\r\n    <div class=\"my-label\"  *ngIf=\"!withOutLabel\">{{label | translate}}</div>\r\n    <div class=\"my-value\" *ngIf=\"!hijri\"> {{value | localizedDate : formate}}</div>\r\n    <div class=\"my-value\" *ngIf=\"hijri\">{{value | hijriDate}}</div>\r\n</div>", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe, "localizedDate": i4.LocalizedDatePipe, "hijriDate": i5.HijriDatePipe } });
+DateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DateViewerComponent, deps: [{ token: i1.AppConfigService }, { token: i2.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
+DateViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DateViewerComponent, selector: "cts-date-viewer", inputs: { label: "label", value: "value", vertical: "vertical", format: "format", hijri: "hijri", withOutLabel: "withOutLabel" }, ngImport: i0, template: "<div class=\"my-dynamic-viewer\" [ngClass]=\"{'vertical' : vertical === true  , 'with-out-label': withOutLabel}\">\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\">{{label | translate}}</div>\r\n    <div class=\"my-value\" *ngIf=\"!hijri\"> {{value | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}</div>\r\n    <div class=\"my-value\" *ngIf=\"hijri\">{{value | hijriDate}}</div>\r\n</div>", styles: [""], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i4.TranslatePipe, "localizedDate": i5.LocalizedDatePipe, "hijriDate": i6.HijriDatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DateViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -33,17 +39,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                     templateUrl: './date-viewer.component.html',
                     styleUrls: ['./date-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: i1.AppConfigService }]; }, propDecorators: { label: [{
+        }], ctorParameters: function () { return [{ type: i1.AppConfigService }, { type: i2.TranslationService }]; }, propDecorators: { label: [{
                 type: Input
             }], value: [{
                 type: Input
             }], vertical: [{
                 type: Input
-            }], formate: [{
+            }], format: [{
                 type: Input
             }], hijri: [{
                 type: Input
             }], withOutLabel: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0ZS12aWV3ZXIvZGF0ZS12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0ZS12aWV3ZXIvZGF0ZS12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFVekQsTUFBTSxPQUFPLG1CQUFtQjtJQVE5QixZQUFvQixTQUE0QjtRQUE1QixjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQVB2QyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLGlCQUFpQixDQUFDO1FBQzVCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUc1QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCxRQUFRO1FBQ04sa0JBQWtCO1FBQ2xCLDJGQUEyRjtRQUMzRiwwRUFBMEU7UUFDMUUsa0VBQWtFO1FBQ2xFLElBQUk7SUFDTixDQUFDOztnSEFsQlUsbUJBQW1CO29HQUFuQixtQkFBbUIsMkxDVmhDLHdYQUlNOzJGRE1PLG1CQUFtQjtrQkFML0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsOEJBQThCO29CQUMzQyxTQUFTLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztpQkFDNUM7dUdBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyBtb21lbnQgZnJvbSAnbW9tZW50JztcclxuaW1wb3J0ICogYXMgbW9tZW50XyBmcm9tICdtb21lbnQtaGlqcmknO1xyXG5pbXBvcnQgeyBBcHBDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29uZmlndXJhdGlvbi9hcHAtY29uZmlnLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdHMtZGF0ZS12aWV3ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS12aWV3ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZVZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHZlcnRpY2FsID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZm9ybWF0ZSA9IFwiRUVFRSwgTU1NTSBkLCB5XCI7XHJcbiAgQElucHV0KCkgaGlqcmkgPSBmYWxzZTtcclxuICBASW5wdXQoKSB3aXRoT3V0TGFiZWwgPSBmYWxzZTtcclxuICBoaWpyaURhdGU7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhcHBDb25maWcgOiBBcHBDb25maWdTZXJ2aWNlKSB7IFxyXG4gICAgdGhpcy5mb3JtYXRlID0gdGhpcy5hcHBDb25maWcubXlDb25maWd1cmF0aW9uWydkYXRlRm9ybWF0ZSddO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyBpZih0aGlzLmhpanJpKXtcclxuICAgIC8vICAgbGV0IG0gPSBtb21lbnRfKCcxNDQyLTExLTdUMTI6MDA6MDAuMDAwKzAyOjAwJywgJ2lZWVlZL2lNL2lEJyk7IC8vIFBhcnNlIGEgSGlqcmkgZGF0ZS5cclxuICAgIC8vIHRoaXMuaGlqcmlEYXRlID0gIG0uZm9ybWF0KFwiaVlZWVkgaU1NTU0gaURcIik7IC8vIDE0MTAvOC8yOCBpcyAxOTkwLzMvMjVcclxuICAgIC8vICAgLy8gdGhpcy5oaWpyaURhdGUgPSBtb21lbnQodGhpcy52YWx1ZSkuZm9ybWF0KCdpWVlZWS1pTS1pRCcpO1xyXG4gICAgLy8gfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm15LWR5bmFtaWMtdmlld2VyXCIgW25nQ2xhc3NdPVwieyd2ZXJ0aWNhbCcgOiB2ZXJ0aWNhbCA9PT0gdHJ1ZSAgLCAnd2l0aC1vdXQtbGFiZWwnOiB3aXRoT3V0TGFiZWx9XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXktbGFiZWxcIiAgKm5nSWY9XCIhd2l0aE91dExhYmVsXCI+e3tsYWJlbCB8IHRyYW5zbGF0ZX19PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXktdmFsdWVcIiAqbmdJZj1cIiFoaWpyaVwiPiB7e3ZhbHVlIHwgbG9jYWxpemVkRGF0ZSA6IGZvcm1hdGV9fTwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm15LXZhbHVlXCIgKm5nSWY9XCJoaWpyaVwiPnt7dmFsdWUgfCBoaWpyaURhdGV9fTwvZGl2PlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0ZS12aWV3ZXIvZGF0ZS12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGF0ZS12aWV3ZXIvZGF0ZS12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBWXpELE1BQU0sT0FBTyxtQkFBbUI7SUFVOUIsWUFBb0IsU0FBNEIsRUFBUyxXQUErQjtRQUFwRSxjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQUFTLGdCQUFXLEdBQVgsV0FBVyxDQUFvQjtRQVQvRSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLGlCQUFpQixDQUFDO1FBQzNCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUM5QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSWYsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQy9ELElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELFFBQVE7UUFDTixrQkFBa0I7UUFDbEIsMkZBQTJGO1FBQzNGLDBFQUEwRTtRQUMxRSxrRUFBa0U7UUFDbEUsSUFBSTtJQUNOLENBQUM7O2dIQXZCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix5TENaaEMsa1pBSU07MkZEUU8sbUJBQW1CO2tCQUwvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFdBQVcsRUFBRSw4QkFBOEI7b0JBQzNDLFNBQVMsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2lCQUM1Qzt3SUFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCAqIGFzIG1vbWVudCBmcm9tICdtb21lbnQnO1xyXG5pbXBvcnQgKiBhcyBtb21lbnRfIGZyb20gJ21vbWVudC1oaWpyaSc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBcHBDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29uZmlndXJhdGlvbi9hcHAtY29uZmlnLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9Db3JlL3NlcnZpY2VzL3RyYW5zbGF0aW9uL3RyYW5zbGF0aW9uLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdHMtZGF0ZS12aWV3ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS12aWV3ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZVZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHZlcnRpY2FsID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZm9ybWF0ID0gXCJFRUVFLCBNTU1NIGQsIHlcIjtcclxuICBASW5wdXQoKSBoaWpyaSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHdpdGhPdXRMYWJlbCA9IGZhbHNlO1xyXG4gIGlzQXJhYmljID0gZmFsc2U7XHJcbiAgbGFuZ1N1YnNjcmlwdGlvbiA6IFN1YnNjcmlwdGlvbjtcclxuICBoaWpyaURhdGU7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhcHBDb25maWcgOiBBcHBDb25maWdTZXJ2aWNlLHByaXZhdGUgdHJhbnNsYXRpb246IFRyYW5zbGF0aW9uU2VydmljZSkgeyBcclxuICAgIHRoaXMuZm9ybWF0ID0gdGhpcy5hcHBDb25maWcubXlDb25maWd1cmF0aW9uWydkYXRlRm9ybWF0ZSddO1xyXG4gICAgdGhpcy5sYW5nU3Vic2NyaXB0aW9uPSB0aGlzLnRyYW5zbGF0aW9uLmlzQXJhYmljLnN1YnNjcmliZShyZXMgPT4ge1xyXG4gICAgICB0aGlzLmlzQXJhYmljID0gcmVzO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy8gaWYodGhpcy5oaWpyaSl7XHJcbiAgICAvLyAgIGxldCBtID0gbW9tZW50XygnMTQ0Mi0xMS03VDEyOjAwOjAwLjAwMCswMjowMCcsICdpWVlZWS9pTS9pRCcpOyAvLyBQYXJzZSBhIEhpanJpIGRhdGUuXHJcbiAgICAvLyB0aGlzLmhpanJpRGF0ZSA9ICBtLmZvcm1hdChcImlZWVlZIGlNTU1NIGlEXCIpOyAvLyAxNDEwLzgvMjggaXMgMTk5MC8zLzI1XHJcbiAgICAvLyAgIC8vIHRoaXMuaGlqcmlEYXRlID0gbW9tZW50KHRoaXMudmFsdWUpLmZvcm1hdCgnaVlZWVktaU0taUQnKTtcclxuICAgIC8vIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJteS1keW5hbWljLXZpZXdlclwiIFtuZ0NsYXNzXT1cInsndmVydGljYWwnIDogdmVydGljYWwgPT09IHRydWUgICwgJ3dpdGgtb3V0LWxhYmVsJzogd2l0aE91dExhYmVsfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm15LWxhYmVsXCIgKm5nSWY9XCIhd2l0aE91dExhYmVsXCI+e3tsYWJlbCB8IHRyYW5zbGF0ZX19PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXktdmFsdWVcIiAqbmdJZj1cIiFoaWpyaVwiPiB7e3ZhbHVlIHwgbG9jYWxpemVkRGF0ZTpmb3JtYXQ6KGlzQXJhYmljPyAnYXItQVInIDogJ2VuLVVTJyl9fTwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm15LXZhbHVlXCIgKm5nSWY9XCJoaWpyaVwiPnt7dmFsdWUgfCBoaWpyaURhdGV9fTwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2015/lib/components/dynamic-view/department-viewer/department-viewer.component.js

@@ -1,14 +1,15 @@
 import { Component, Input } from '@angular/core';
-import { switchMap, tap } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../Core/services/translation/translation.service";
 import * as i2 from "../../../components/dynamic-form/components/dynamic-form-department/services/department-api.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@ngx-translate/core";
+import * as i3 from "../dynamic-viewe.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@ngx-translate/core";
 export class DepartmentViewerComponent {
-    constructor(translation, DepartmentApiService) {
+    constructor(translation, DepartmentApiService, dynamicViewService) {
         this.translation = translation;
         this.DepartmentApiService = DepartmentApiService;
+        this.dynamicViewService = dynamicViewService;
         /** Label of field */
         this.label = '';
         /** Value of field */
@@ -23,31 +24,48 @@ export class DepartmentViewerComponent {
         this.noStyle = false;
     }
     ngOnInit() {
-        this.translation.isArabic
-            .pipe(tap((res) => (this.isArabic = res)), switchMap((res) => {
-            return this.getDepartment(this.value);
-        }))
-            .subscribe((res) => {
-            console.log('results', res);
-            if (res.entries.length > 0) {
-                this.departmentName = this.isArabic
-                    ? res.entries[0].properties['dept:arabicName']
-                    : res.entries[0].properties['dept:englishName'];
-            }
-            else {
-                this.departmentName = this.value;
-            }
-        }, (err) => {
-            this.departmentName = this.value;
+        this.translation.isArabic.subscribe(res => {
+            this.isArabic = res;
+            this.getDepartment(this.value);
         });
     }
     getDepartment(id) {
-        // return this.documentsService.getDocument(id);
-        return this.DepartmentApiService.getDepartmentDetails(id);
+        if (this.dynamicViewService.getDataFromStoredAggregation(this.value)) {
+            let storedDepartmentName = this.dynamicViewService.getDataFromStoredAggregation(this.value);
+            this.departmentName = this.isArabic ? storedDepartmentName['data']['arabicName'] : storedDepartmentName['data']['englishName'];
+        }
+        else {
+            this.DepartmentApiService.getDepartmentDetails(this.value).subscribe((res) => {
+                var _a, _b, _c, _d;
+                console.log('results', res);
+                if (res.entries.length > 0) {
+                    this.departmentName = this.isArabic
+                        ? (_a = res === null || res === void 0 ? void 0 : res.entries[0]) === null || _a === void 0 ? void 0 : _a.properties['dept:arabicName']
+                        : (_b = res === null || res === void 0 ? void 0 : res.entries[0]) === null || _b === void 0 ? void 0 : _b.properties['dept:englishName'];
+                    this.dynamicViewService.setDataToStorag(this.value, {
+                        arabicName: (_c = res === null || res === void 0 ? void 0 : res.entries[0]) === null || _c === void 0 ? void 0 : _c.properties['dept:arabicName'],
+                        englishName: (_d = res === null || res === void 0 ? void 0 : res.entries[0]) === null || _d === void 0 ? void 0 : _d.properties['dept:englishName']
+                    });
+                }
+                else {
+                    this.departmentName = this.value;
+                    this.dynamicViewService.setDataToStorag(this.value, {
+                        arabicName: this.departmentName,
+                        englishName: this.departmentName
+                    });
+                }
+            }, (err) => {
+                this.departmentName = this.value;
+                this.dynamicViewService.setDataToStorag(this.value, {
+                    arabicName: this.departmentName,
+                    englishName: this.departmentName
+                });
+            });
+        }
     }
 }
-DepartmentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DepartmentViewerComponent, deps: [{ token: i1.TranslationService }, { token: i2.DepartmentApiService }], target: i0.ɵɵFactoryTarget.Component });
-DepartmentViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: { label: "label", value: "value", dropdownId: "dropdownId", vertical: "vertical", withOutLabel: "withOutLabel", noStyle: "noStyle" }, ngImport: i0, template: "<ng-container *ngIf=\"!noStyle\">\r\n  <div\r\n    class=\"my-dynamic-viewer\"\r\n    [ngClass]=\"{ vertical: vertical === true, 'with-out-label': withOutLabel }\"\r\n  >\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\">{{ label | translate }}</div>\r\n    <div *ngIf=\"departmentName\" class=\"my-value\">\r\n      {{ departmentName }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"noStyle\">\r\n  {{ departmentName }}\r\n</ng-container>\r\n", styles: [""], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i4.TranslatePipe } });
+DepartmentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DepartmentViewerComponent, deps: [{ token: i1.TranslationService }, { token: i2.DepartmentApiService }, { token: i3.DynamicVieweService }], target: i0.ɵɵFactoryTarget.Component });
+DepartmentViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: { label: "label", value: "value", dropdownId: "dropdownId", vertical: "vertical", withOutLabel: "withOutLabel", noStyle: "noStyle" }, ngImport: i0, template: "<ng-container *ngIf=\"!noStyle\">\r\n  <div\r\n    class=\"my-dynamic-viewer\"\r\n    [ngClass]=\"{ vertical: vertical === true, 'with-out-label': withOutLabel }\"\r\n  >\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\">{{ label | translate }}</div>\r\n    <div *ngIf=\"departmentName\" class=\"my-value\">\r\n      {{ departmentName }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"noStyle\">\r\n  {{ departmentName }}\r\n</ng-container>\r\n", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i5.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DepartmentViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -55,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                     templateUrl: './department-viewer.component.html',
                     styleUrls: ['./department-viewer.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: i1.TranslationService }, { type: i2.DepartmentApiService }]; }, propDecorators: { label: [{
+        }], ctorParameters: function () { return [{ type: i1.TranslationService }, { type: i2.DepartmentApiService }, { type: i3.DynamicVieweService }]; }, propDecorators: { label: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -68,4 +86,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
             }], noStyle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGVwYXJ0bWVudC12aWV3ZXIvZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGVwYXJ0bWVudC12aWV3ZXIvZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBZWhELE1BQU0sT0FBTyx5QkFBeUI7SUFnQnBDLFlBQ1UsV0FBK0IsRUFDL0Isb0JBQTBDO1FBRDFDLGdCQUFXLEdBQVgsV0FBVyxDQUFvQjtRQUMvQix5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBZHBELHFCQUFxQjtRQUNaLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDcEIscUJBQXFCO1FBQ1osVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNwQixxQkFBcUI7UUFDWixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLGtCQUFrQjtRQUNULGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIscUJBQXFCO1FBQ1osaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDOUIsY0FBYztRQUNMLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFJdEIsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVE7YUFDdEIsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQ25DLFNBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ2hCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFDLENBQ0g7YUFDQSxTQUFTLENBQ1IsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQzVCLElBQUksR0FBRyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRO29CQUNqQyxDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUM7b0JBQzlDLENBQUMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2FBQ25EO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQzthQUNsQztRQUNILENBQUMsRUFDRCxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ25DLENBQUMsQ0FDRixDQUFDO0lBQ04sQ0FBQztJQUVELGFBQWEsQ0FBQyxFQUFFO1FBQ2QsZ0RBQWdEO1FBQ2hELE9BQU8sSUFBSSxDQUFDLG9CQUFvQixDQUFDLG9CQUFvQixDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVELENBQUM7O3NIQWpEVSx5QkFBeUI7MEdBQXpCLHlCQUF5QiwyTUNqQnRDLDBkQWNBOzJGREdhLHlCQUF5QjtrQkFMckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxXQUFXLEVBQUUsb0NBQW9DO29CQUNqRCxTQUFTLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQztpQkFDbEQ7NElBTVUsS0FBSztzQkFBYixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBzd2l0Y2hNYXAsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgVHJhbnNsYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vQ29yZS9zZXJ2aWNlcy90cmFuc2xhdGlvbi90cmFuc2xhdGlvbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ2FjaGVhYmxlLCBMb2NhbFN0b3JhZ2VTdHJhdGVneSB9IGZyb20gJ3RzLWNhY2hlYWJsZSc7XHJcbmltcG9ydCB7IERvY3VtZW50c1NlcnZpY2UgfSBmcm9tICcuLi8uLi9kb2N1bWVudHMvc2VydmljZXMvZG9jdW1lbnRzLnNlcnZpY2UnO1xyXG5pbXBvcnQge1xyXG4gIERlcGFydG1lbnRBcGlTZXJ2aWNlLFxyXG4gIGRlcGFydG1lbnRDYWNoZUJ1c3RlciQsXHJcbiAgbWludXRlLFxyXG59IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLWRlcGFydG1lbnQvc2VydmljZXMvZGVwYXJ0bWVudC1hcGkuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N0cy1kZXBhcnRtZW50LXZpZXdlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RlcGFydG1lbnQtdmlld2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kZXBhcnRtZW50LXZpZXdlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVwYXJ0bWVudFZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgZGVwYXJ0bWVudE5hbWU6IHN0cmluZztcclxuICBpc0FyYWJpYzogYm9vbGVhbjtcclxuICBsb2FkaW5nOiBib29sZWFuO1xyXG4gIC8qKiBMYWJlbCBvZiBmaWVsZCAqL1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XHJcbiAgLyoqIFZhbHVlIG9mIGZpZWxkICovXHJcbiAgQElucHV0KCkgdmFsdWUgPSAnJztcclxuICAvKiogVm9jYWJ1bGFyeSBLZXkgKi9cclxuICBASW5wdXQoKSBkcm9wZG93bklkID0gJyc7XHJcbiAgLyoqIGlzIHZlcnRpY2FsICovXHJcbiAgQElucHV0KCkgdmVydGljYWwgPSBmYWxzZTtcclxuICAvKiogaGlkZSB0aGUgbGFiZWwgKi9cclxuICBASW5wdXQoKSB3aXRoT3V0TGFiZWwgPSBmYWxzZTtcclxuICAvKipvbmx5IHRleHQqL1xyXG4gIEBJbnB1dCgpIG5vU3R5bGUgPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgdHJhbnNsYXRpb246IFRyYW5zbGF0aW9uU2VydmljZSxcclxuICAgIHByaXZhdGUgRGVwYXJ0bWVudEFwaVNlcnZpY2U6IERlcGFydG1lbnRBcGlTZXJ2aWNlXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudHJhbnNsYXRpb24uaXNBcmFiaWNcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgdGFwKChyZXMpID0+ICh0aGlzLmlzQXJhYmljID0gcmVzKSksXHJcbiAgICAgICAgc3dpdGNoTWFwKChyZXMpID0+IHtcclxuICAgICAgICAgIHJldHVybiB0aGlzLmdldERlcGFydG1lbnQodGhpcy52YWx1ZSk7XHJcbiAgICAgICAgfSlcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKFxyXG4gICAgICAgIChyZXMpID0+IHtcclxuICAgICAgICAgIGNvbnNvbGUubG9nKCdyZXN1bHRzJywgcmVzKTtcclxuICAgICAgICAgIGlmIChyZXMuZW50cmllcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZGVwYXJ0bWVudE5hbWUgPSB0aGlzLmlzQXJhYmljXHJcbiAgICAgICAgICAgICAgPyByZXMuZW50cmllc1swXS5wcm9wZXJ0aWVzWydkZXB0OmFyYWJpY05hbWUnXVxyXG4gICAgICAgICAgICAgIDogcmVzLmVudHJpZXNbMF0ucHJvcGVydGllc1snZGVwdDplbmdsaXNoTmFtZSddO1xyXG4gICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5kZXBhcnRtZW50TmFtZSA9IHRoaXMudmFsdWU7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSxcclxuICAgICAgICAoZXJyKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLmRlcGFydG1lbnROYW1lID0gdGhpcy52YWx1ZTtcclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgfVxyXG5cclxuICBnZXREZXBhcnRtZW50KGlkKTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIC8vIHJldHVybiB0aGlzLmRvY3VtZW50c1NlcnZpY2UuZ2V0RG9jdW1lbnQoaWQpO1xyXG4gICAgcmV0dXJuIHRoaXMuRGVwYXJ0bWVudEFwaVNlcnZpY2UuZ2V0RGVwYXJ0bWVudERldGFpbHMoaWQpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIW5vU3R5bGVcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cIm15LWR5bmFtaWMtdmlld2VyXCJcclxuICAgIFtuZ0NsYXNzXT1cInsgdmVydGljYWw6IHZlcnRpY2FsID09PSB0cnVlLCAnd2l0aC1vdXQtbGFiZWwnOiB3aXRoT3V0TGFiZWwgfVwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cIm15LWxhYmVsXCIgKm5nSWY9XCIhd2l0aE91dExhYmVsXCI+e3sgbGFiZWwgfCB0cmFuc2xhdGUgfX08L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJkZXBhcnRtZW50TmFtZVwiIGNsYXNzPVwibXktdmFsdWVcIj5cclxuICAgICAge3sgZGVwYXJ0bWVudE5hbWUgfX1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vU3R5bGVcIj5cclxuICB7eyBkZXBhcnRtZW50TmFtZSB9fVxyXG48L25nLWNvbnRhaW5lcj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGVwYXJ0bWVudC12aWV3ZXIvZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZGVwYXJ0bWVudC12aWV3ZXIvZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFrQnpELE1BQU0sT0FBTyx5QkFBeUI7SUFnQnBDLFlBQ1UsV0FBK0IsRUFDL0Isb0JBQTBDLEVBQzFDLGtCQUF3QztRQUZ4QyxnQkFBVyxHQUFYLFdBQVcsQ0FBb0I7UUFDL0IseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFzQjtRQUMxQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXNCO1FBZmxELHFCQUFxQjtRQUNaLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDcEIscUJBQXFCO1FBQ1osVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNwQixxQkFBcUI7UUFDWixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLGtCQUFrQjtRQUNULGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIscUJBQXFCO1FBQ1osaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDOUIsY0FBYztRQUNMLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFLdEIsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDeEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7WUFDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsYUFBYSxDQUFDLEVBQUU7UUFDZCxJQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyw0QkFBNEIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUM7WUFDbEUsSUFBSSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzVGLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFBO1NBQy9IO2FBQUk7WUFDSCxJQUFJLENBQUMsb0JBQW9CLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FDbEUsQ0FBQyxHQUFHLEVBQUUsRUFBRTs7Z0JBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLENBQUM7Z0JBQzVCLElBQUksR0FBRyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO29CQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRO3dCQUNqQyxDQUFDLENBQUMsTUFBQSxHQUFHLGFBQUgsR0FBRyx1QkFBSCxHQUFHLENBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQywwQ0FBRSxVQUFVLENBQUMsaUJBQWlCLENBQUM7d0JBQ2hELENBQUMsQ0FBQyxNQUFBLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLDBDQUFFLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO29CQUNsRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUc7d0JBQ25ELFVBQVUsRUFBRyxNQUFBLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLDBDQUFFLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQzt3QkFDM0QsV0FBVyxFQUFHLE1BQUEsR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsMENBQUUsVUFBVSxDQUFDLGtCQUFrQixDQUFDO3FCQUM5RCxDQUFDLENBQUE7aUJBQ0w7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO29CQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7d0JBQ2xELFVBQVUsRUFBRyxJQUFJLENBQUMsY0FBYzt3QkFDaEMsV0FBVyxFQUFHLElBQUksQ0FBQyxjQUFjO3FCQUNsQyxDQUFDLENBQUE7aUJBQ0g7WUFFSCxDQUFDLEVBQ0QsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDTixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7Z0JBQ2pDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtvQkFDbEQsVUFBVSxFQUFHLElBQUksQ0FBQyxjQUFjO29CQUNoQyxXQUFXLEVBQUcsSUFBSSxDQUFDLGNBQWM7aUJBQ2xDLENBQUMsQ0FBQTtZQUVKLENBQUMsQ0FDRixDQUFDO1NBQ0g7SUFDSCxDQUFDOztzSEFoRVUseUJBQXlCOzBHQUF6Qix5QkFBeUIsMk1DbEJ0QywwZEFjQTsyRkRJYSx5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsV0FBVyxFQUFFLG9DQUFvQztvQkFDakQsU0FBUyxFQUFFLENBQUMsb0NBQW9DLENBQUM7aUJBQ2xEOzhLQU1VLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgc3dpdGNoTWFwLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFRyYW5zbGF0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL0NvcmUvc2VydmljZXMvdHJhbnNsYXRpb24vdHJhbnNsYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7IENhY2hlYWJsZSwgTG9jYWxTdG9yYWdlU3RyYXRlZ3kgfSBmcm9tICd0cy1jYWNoZWFibGUnO1xyXG5pbXBvcnQgeyBEb2N1bWVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vZG9jdW1lbnRzL3NlcnZpY2VzL2RvY3VtZW50cy5zZXJ2aWNlJztcclxuaW1wb3J0IHtcclxuICBEZXBhcnRtZW50QXBpU2VydmljZSxcclxuICBkZXBhcnRtZW50Q2FjaGVCdXN0ZXIkLFxyXG4gIG1pbnV0ZSxcclxufSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1kZXBhcnRtZW50L3NlcnZpY2VzL2RlcGFydG1lbnQtYXBpLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBEeW5hbWljVmlld2VTZXJ2aWNlIH0gZnJvbSAnLi4vZHluYW1pYy12aWV3ZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RzLWRlcGFydG1lbnQtdmlld2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGVwYXJ0bWVudC12aWV3ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RlcGFydG1lbnQtdmlld2VyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEZXBhcnRtZW50Vmlld2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBkZXBhcnRtZW50TmFtZTogc3RyaW5nO1xyXG4gIGlzQXJhYmljOiBib29sZWFuO1xyXG4gIGxvYWRpbmc6IGJvb2xlYW47XHJcbiAgLyoqIExhYmVsIG9mIGZpZWxkICovXHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICAvKiogVmFsdWUgb2YgZmllbGQgKi9cclxuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xyXG4gIC8qKiBWb2NhYnVsYXJ5IEtleSAqL1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duSWQgPSAnJztcclxuICAvKiogaXMgdmVydGljYWwgKi9cclxuICBASW5wdXQoKSB2ZXJ0aWNhbCA9IGZhbHNlO1xyXG4gIC8qKiBoaWRlIHRoZSBsYWJlbCAqL1xyXG4gIEBJbnB1dCgpIHdpdGhPdXRMYWJlbCA9IGZhbHNlO1xyXG4gIC8qKm9ubHkgdGV4dCovXHJcbiAgQElucHV0KCkgbm9TdHlsZSA9IGZhbHNlO1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSB0cmFuc2xhdGlvbjogVHJhbnNsYXRpb25TZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBEZXBhcnRtZW50QXBpU2VydmljZTogRGVwYXJ0bWVudEFwaVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGR5bmFtaWNWaWV3U2VydmljZSA6IER5bmFtaWNWaWV3ZVNlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy50cmFuc2xhdGlvbi5pc0FyYWJpYy5zdWJzY3JpYmUocmVzID0+e1xyXG4gICAgICB0aGlzLmlzQXJhYmljID0gcmVzO1xyXG4gICAgICB0aGlzLmdldERlcGFydG1lbnQodGhpcy52YWx1ZSk7XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgZ2V0RGVwYXJ0bWVudChpZCkge1xyXG4gICAgaWYodGhpcy5keW5hbWljVmlld1NlcnZpY2UuZ2V0RGF0YUZyb21TdG9yZWRBZ2dyZWdhdGlvbih0aGlzLnZhbHVlKSl7XHJcbiAgICAgIGxldCBzdG9yZWREZXBhcnRtZW50TmFtZSA9IHRoaXMuZHluYW1pY1ZpZXdTZXJ2aWNlLmdldERhdGFGcm9tU3RvcmVkQWdncmVnYXRpb24odGhpcy52YWx1ZSk7XHJcbiAgICAgIHRoaXMuZGVwYXJ0bWVudE5hbWUgPSB0aGlzLmlzQXJhYmljID8gc3RvcmVkRGVwYXJ0bWVudE5hbWVbJ2RhdGEnXVsnYXJhYmljTmFtZSddIDogc3RvcmVkRGVwYXJ0bWVudE5hbWVbJ2RhdGEnXVsnZW5nbGlzaE5hbWUnXVxyXG4gICAgfWVsc2V7XHJcbiAgICAgIHRoaXMuRGVwYXJ0bWVudEFwaVNlcnZpY2UuZ2V0RGVwYXJ0bWVudERldGFpbHModGhpcy52YWx1ZSkuc3Vic2NyaWJlKFxyXG4gICAgICAgIChyZXMpID0+IHtcclxuICAgICAgICAgIGNvbnNvbGUubG9nKCdyZXN1bHRzJywgcmVzKTtcclxuICAgICAgICAgIGlmIChyZXMuZW50cmllcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZGVwYXJ0bWVudE5hbWUgPSB0aGlzLmlzQXJhYmljXHJcbiAgICAgICAgICAgICAgPyByZXM/LmVudHJpZXNbMF0/LnByb3BlcnRpZXNbJ2RlcHQ6YXJhYmljTmFtZSddXHJcbiAgICAgICAgICAgICAgOiByZXM/LmVudHJpZXNbMF0/LnByb3BlcnRpZXNbJ2RlcHQ6ZW5nbGlzaE5hbWUnXTtcclxuICAgICAgICAgICAgICB0aGlzLmR5bmFtaWNWaWV3U2VydmljZS5zZXREYXRhVG9TdG9yYWcodGhpcy52YWx1ZSAsIHtcclxuICAgICAgICAgICAgICAgIGFyYWJpY05hbWUgOiByZXM/LmVudHJpZXNbMF0/LnByb3BlcnRpZXNbJ2RlcHQ6YXJhYmljTmFtZSddLFxyXG4gICAgICAgICAgICAgICAgZW5nbGlzaE5hbWUgOiByZXM/LmVudHJpZXNbMF0/LnByb3BlcnRpZXNbJ2RlcHQ6ZW5nbGlzaE5hbWUnXVxyXG4gICAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmRlcGFydG1lbnROYW1lID0gdGhpcy52YWx1ZTtcclxuICAgICAgICAgICAgdGhpcy5keW5hbWljVmlld1NlcnZpY2Uuc2V0RGF0YVRvU3RvcmFnKHRoaXMudmFsdWUgLHtcclxuICAgICAgICAgICAgICBhcmFiaWNOYW1lIDogdGhpcy5kZXBhcnRtZW50TmFtZSxcclxuICAgICAgICAgICAgICBlbmdsaXNoTmFtZSA6IHRoaXMuZGVwYXJ0bWVudE5hbWVcclxuICAgICAgICAgICAgfSlcclxuICAgICAgICAgIH1cclxuICBcclxuICAgICAgICB9LFxyXG4gICAgICAgIChlcnIpID0+IHtcclxuICAgICAgICAgIHRoaXMuZGVwYXJ0bWVudE5hbWUgPSB0aGlzLnZhbHVlO1xyXG4gICAgICAgICAgdGhpcy5keW5hbWljVmlld1NlcnZpY2Uuc2V0RGF0YVRvU3RvcmFnKHRoaXMudmFsdWUgLHtcclxuICAgICAgICAgICAgYXJhYmljTmFtZSA6IHRoaXMuZGVwYXJ0bWVudE5hbWUsXHJcbiAgICAgICAgICAgIGVuZ2xpc2hOYW1lIDogdGhpcy5kZXBhcnRtZW50TmFtZVxyXG4gICAgICAgICAgfSlcclxuICBcclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCIhbm9TdHlsZVwiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwibXktZHluYW1pYy12aWV3ZXJcIlxyXG4gICAgW25nQ2xhc3NdPVwieyB2ZXJ0aWNhbDogdmVydGljYWwgPT09IHRydWUsICd3aXRoLW91dC1sYWJlbCc6IHdpdGhPdXRMYWJlbCB9XCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXktbGFiZWxcIiAqbmdJZj1cIiF3aXRoT3V0TGFiZWxcIj57eyBsYWJlbCB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cImRlcGFydG1lbnROYW1lXCIgY2xhc3M9XCJteS12YWx1ZVwiPlxyXG4gICAgICB7eyBkZXBhcnRtZW50TmFtZSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctY29udGFpbmVyICpuZ0lmPVwibm9TdHlsZVwiPlxyXG4gIHt7IGRlcGFydG1lbnROYW1lIH19XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2015/lib/components/dynamic-view/dynamic-view.module.js

@@ -9,6 +9,9 @@ import { DateViewerComponent } from './date-viewer/date-viewer.component';
 import { PipesModule } from '../../pipes/pipes.module';
 import { ListViewerComponent } from './list-viewer/list-viewer.component';
 import { DepartmentViewerComponent } from './department-viewer/department-viewer.component';
+import { CutomeVocViewerComponent } from './cutome-voc-viewer/cutome-voc-viewer.component';
+import { CustomPpViewerComponent } from './custom-pp-viewer/custom-pp-viewer.component';
+import { CustomDocumentViewerComponent } from './custom-document-viewer/custom-document-viewer.component';
 import * as i0 from "@angular/core";
 /**
  * @title
@@ -22,12 +25,18 @@ DynamicViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         DropdownViewerComponent,
         DateViewerComponent,
         ListViewerComponent,
-        DepartmentViewerComponent], imports: [CommonModule, TranslateModule, PipesModule, AvatarModule], exports: [DataViewerComponent,
+        DepartmentViewerComponent,
+        CutomeVocViewerComponent,
+        CustomPpViewerComponent,
+        CustomDocumentViewerComponent], imports: [CommonModule, TranslateModule, PipesModule, AvatarModule], exports: [DataViewerComponent,
         BooleanViewerComponent,
         DateViewerComponent,
         DropdownViewerComponent,
         ListViewerComponent,
-        DepartmentViewerComponent] });
+        DepartmentViewerComponent,
+        CutomeVocViewerComponent,
+        CustomPpViewerComponent,
+        CustomDocumentViewerComponent] });
 DynamicViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicViewModule, imports: [[CommonModule, TranslateModule, PipesModule, AvatarModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicViewModule, decorators: [{
             type: NgModule,
@@ -39,6 +48,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                         DateViewerComponent,
                         ListViewerComponent,
                         DepartmentViewerComponent,
+                        CutomeVocViewerComponent,
+                        CustomPpViewerComponent,
+                        CustomDocumentViewerComponent,
                     ],
                     imports: [CommonModule, TranslateModule, PipesModule, AvatarModule],
                     exports: [
@@ -47,8 +59,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                         DateViewerComponent,
                         DropdownViewerComponent,
                         ListViewerComponent,
-                        DepartmentViewerComponent
+                        DepartmentViewerComponent,
+                        CutomeVocViewerComponent,
+                        CustomPpViewerComponent,
+                        CustomDocumentViewerComponent
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy12aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy12aWV3L2R5bmFtaWMtdmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7O0FBQzVGOzs7R0FHRztBQW9CSCxNQUFNLE9BQU8saUJBQWlCOzs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBakIxQixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLHlCQUF5QixhQUVqQixZQUFZLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxZQUFZLGFBRWhFLG1CQUFtQjtRQUNuQixzQkFBc0I7UUFDdEIsbUJBQW1CO1FBQ25CLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIseUJBQXlCOytHQUdoQixpQkFBaUIsWUFWbkIsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUM7MkZBVXhELGlCQUFpQjtrQkFuQjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0Qix1QkFBdUI7d0JBQ3ZCLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQix5QkFBeUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLFlBQVksQ0FBQztvQkFDbkUsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsbUJBQW1CO3dCQUNuQix5QkFBeUI7cUJBQzFCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgRGF0YVZpZXdlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0YS12aWV3ZXIvZGF0YS12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQm9vbGVhblZpZXdlckNvbXBvbmVudCB9IGZyb20gJy4vYm9vbGVhbi12aWV3ZXIvYm9vbGVhbi12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRHJvcGRvd25WaWV3ZXJDb21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLXZpZXdlci9kcm9wZG93bi12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGF0ZVZpZXdlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS12aWV3ZXIvZGF0ZS12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUGlwZXNNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlcy9waXBlcy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBMaXN0Vmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi9saXN0LXZpZXdlci9saXN0LXZpZXdlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBEZXBhcnRtZW50Vmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kZXBhcnRtZW50LXZpZXdlci9kZXBhcnRtZW50LXZpZXdlci5jb21wb25lbnQnO1xyXG4vKipcclxuICogQHRpdGxlXHJcbiAqIER5bmFtaWMgdmlldyBtb2R1bGVcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBEYXRhVmlld2VyQ29tcG9uZW50LFxyXG4gICAgQm9vbGVhblZpZXdlckNvbXBvbmVudCxcclxuICAgIERyb3Bkb3duVmlld2VyQ29tcG9uZW50LFxyXG4gICAgRGF0ZVZpZXdlckNvbXBvbmVudCxcclxuICAgIExpc3RWaWV3ZXJDb21wb25lbnQsXHJcbiAgICBEZXBhcnRtZW50Vmlld2VyQ29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBQaXBlc01vZHVsZSwgQXZhdGFyTW9kdWxlXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBEYXRhVmlld2VyQ29tcG9uZW50LFxyXG4gICAgQm9vbGVhblZpZXdlckNvbXBvbmVudCxcclxuICAgIERhdGVWaWV3ZXJDb21wb25lbnQsXHJcbiAgICBEcm9wZG93blZpZXdlckNvbXBvbmVudCxcclxuICAgIExpc3RWaWV3ZXJDb21wb25lbnQsXHJcbiAgICBEZXBhcnRtZW50Vmlld2VyQ29tcG9uZW50XHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNWaWV3TW9kdWxlIHt9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy12aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy12aWV3L2R5bmFtaWMtdmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDNUYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkRBQTJELENBQUM7O0FBQzFHOzs7R0FHRztBQTBCSCxNQUFNLE9BQU8saUJBQWlCOzs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBdkIxQixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLHlCQUF5QjtRQUN6Qix3QkFBd0I7UUFDeEIsdUJBQXVCO1FBQ3ZCLDZCQUE2QixhQUVyQixZQUFZLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxZQUFZLGFBRWhFLG1CQUFtQjtRQUNuQixzQkFBc0I7UUFDdEIsbUJBQW1CO1FBQ25CLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4Qix1QkFBdUI7UUFDdkIsNkJBQTZCOytHQUdwQixpQkFBaUIsWUFibkIsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUM7MkZBYXhELGlCQUFpQjtrQkF6QjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0Qix1QkFBdUI7d0JBQ3ZCLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsdUJBQXVCO3dCQUN2Qiw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLFlBQVksQ0FBQztvQkFDbkUsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsdUJBQXVCO3dCQUN2Qiw2QkFBNkI7cUJBQzlCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgRGF0YVZpZXdlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0YS12aWV3ZXIvZGF0YS12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQm9vbGVhblZpZXdlckNvbXBvbmVudCB9IGZyb20gJy4vYm9vbGVhbi12aWV3ZXIvYm9vbGVhbi12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRHJvcGRvd25WaWV3ZXJDb21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLXZpZXdlci9kcm9wZG93bi12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGF0ZVZpZXdlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS12aWV3ZXIvZGF0ZS12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUGlwZXNNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlcy9waXBlcy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBMaXN0Vmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi9saXN0LXZpZXdlci9saXN0LXZpZXdlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBEZXBhcnRtZW50Vmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kZXBhcnRtZW50LXZpZXdlci9kZXBhcnRtZW50LXZpZXdlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDdXRvbWVWb2NWaWV3ZXJDb21wb25lbnQgfSBmcm9tICcuL2N1dG9tZS12b2Mtdmlld2VyL2N1dG9tZS12b2Mtdmlld2VyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEN1c3RvbVBwVmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi9jdXN0b20tcHAtdmlld2VyL2N1c3RvbS1wcC12aWV3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3VzdG9tRG9jdW1lbnRWaWV3ZXJDb21wb25lbnQgfSBmcm9tICcuL2N1c3RvbS1kb2N1bWVudC12aWV3ZXIvY3VzdG9tLWRvY3VtZW50LXZpZXdlci5jb21wb25lbnQnO1xyXG4vKipcclxuICogQHRpdGxlXHJcbiAqIER5bmFtaWMgdmlldyBtb2R1bGVcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBEYXRhVmlld2VyQ29tcG9uZW50LFxyXG4gICAgQm9vbGVhblZpZXdlckNvbXBvbmVudCxcclxuICAgIERyb3Bkb3duVmlld2VyQ29tcG9uZW50LFxyXG4gICAgRGF0ZVZpZXdlckNvbXBvbmVudCxcclxuICAgIExpc3RWaWV3ZXJDb21wb25lbnQsXHJcbiAgICBEZXBhcnRtZW50Vmlld2VyQ29tcG9uZW50LFxyXG4gICAgQ3V0b21lVm9jVmlld2VyQ29tcG9uZW50LFxyXG4gICAgQ3VzdG9tUHBWaWV3ZXJDb21wb25lbnQsXHJcbiAgICBDdXN0b21Eb2N1bWVudFZpZXdlckNvbXBvbmVudCxcclxuICBdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZSwgUGlwZXNNb2R1bGUsIEF2YXRhck1vZHVsZV0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgRGF0YVZpZXdlckNvbXBvbmVudCxcclxuICAgIEJvb2xlYW5WaWV3ZXJDb21wb25lbnQsXHJcbiAgICBEYXRlVmlld2VyQ29tcG9uZW50LFxyXG4gICAgRHJvcGRvd25WaWV3ZXJDb21wb25lbnQsXHJcbiAgICBMaXN0Vmlld2VyQ29tcG9uZW50LFxyXG4gICAgRGVwYXJ0bWVudFZpZXdlckNvbXBvbmVudCxcclxuICAgIEN1dG9tZVZvY1ZpZXdlckNvbXBvbmVudCxcclxuICAgIEN1c3RvbVBwVmlld2VyQ29tcG9uZW50LFxyXG4gICAgQ3VzdG9tRG9jdW1lbnRWaWV3ZXJDb21wb25lbnRcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHluYW1pY1ZpZXdNb2R1bGUge31cclxuIl19

package/esm2015/lib/components/dynamic-view/dynamic-viewe.service.js

@@ -0,0 +1,62 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DynamicVieweService {
+    constructor() {
+        this.storedAggregations = {};
+        this.loadStoredAggregations();
+    }
+    loadStoredAggregations() {
+        if (localStorage.getItem('storedAgregations')) {
+            this.storedAggregations = JSON.parse(localStorage.getItem('storedAgregations'));
+        }
+        else {
+            this.storedAggregations = {};
+        }
+    }
+    addingTimeStamp(data) {
+        return {
+            data: data,
+            time: new Date()
+        };
+    }
+    checkTimeStamp(time) {
+        let now = new Date();
+        let oldTime = new Date(time);
+        let days = Math.floor((now - oldTime) / (1000 * 60 * 60 * 24));
+        if (days < 2) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    getDataFromStoredAggregation(id) {
+        // check if there is data with certain id
+        if (this.storedAggregations[id]) {
+            // check if stored data dosn;t exceed 2 days of storing
+            if (this.checkTimeStamp(this.storedAggregations[id]['time'])) {
+                return this.storedAggregations[id];
+            }
+            else {
+                return null;
+            }
+        }
+        else {
+            return null;
+        }
+    }
+    setDataToStorag(id, data) {
+        let updatedData = this.addingTimeStamp(data);
+        this.storedAggregations[id] = Object.assign({}, updatedData);
+        localStorage.setItem('storedAgregations', JSON.stringify(this.storedAggregations));
+    }
+}
+DynamicVieweService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicVieweService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicVieweService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicVieweService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicVieweService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy12aWV3ZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLXZpZXcvZHluYW1pYy12aWV3ZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzNDLE1BQU0sT0FBTyxtQkFBbUI7SUFHOUI7UUFEQSx1QkFBa0IsR0FBRyxFQUFFLENBQUE7UUFFckIsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFzQjtRQUNwQixJQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsRUFBQztZQUMzQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQztTQUNqRjthQUFJO1lBQ0gsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztTQUM5QjtJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsSUFBSTtRQUNsQixPQUFPO1lBQ0wsSUFBSSxFQUFHLElBQUk7WUFDWCxJQUFJLEVBQUcsSUFBSSxJQUFJLEVBQUU7U0FDbEIsQ0FBQTtJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsSUFBSTtRQUNqQixJQUFJLEdBQUcsR0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQzNCLElBQUksT0FBTyxHQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xDLElBQUksSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQy9ELElBQUcsSUFBSSxHQUFFLENBQUMsRUFBQztZQUNULE9BQU8sSUFBSSxDQUFBO1NBQ1o7YUFBSTtZQUNILE9BQU8sS0FBSyxDQUFBO1NBQ2I7SUFDSCxDQUFDO0lBRUQsNEJBQTRCLENBQUMsRUFBRTtRQUM3Qix5Q0FBeUM7UUFDekMsSUFBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFBRSxDQUFDLEVBQUM7WUFDN0IsdURBQXVEO1lBQ3ZELElBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBQztnQkFDMUQsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDcEM7aUJBQUk7Z0JBQ0gsT0FBTyxJQUFJLENBQUE7YUFDWjtTQUNGO2FBQUk7WUFDSCxPQUFPLElBQUksQ0FBQTtTQUNaO0lBQ0gsQ0FBQztJQUVELGVBQWUsQ0FBQyxFQUFFLEVBQUcsSUFBSTtRQUN2QixJQUFJLFdBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzdDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxFQUFFLENBQUMscUJBQU8sV0FBVyxDQUFDLENBQUM7UUFDL0MsWUFBWSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUE7SUFDckYsQ0FBQzs7Z0hBbkRVLG1CQUFtQjtvSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07MkZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNWaWV3ZVNlcnZpY2Uge1xyXG5cclxuICBzdG9yZWRBZ2dyZWdhdGlvbnMgPSB7fVxyXG4gIGNvbnN0cnVjdG9yKCkgeyBcclxuICAgIHRoaXMubG9hZFN0b3JlZEFnZ3JlZ2F0aW9ucygpO1xyXG4gIH1cclxuXHJcbiAgbG9hZFN0b3JlZEFnZ3JlZ2F0aW9ucygpe1xyXG4gICAgaWYobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3N0b3JlZEFncmVnYXRpb25zJykpe1xyXG4gICAgICB0aGlzLnN0b3JlZEFnZ3JlZ2F0aW9ucyA9IEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3N0b3JlZEFncmVnYXRpb25zJykpOyBcclxuICAgIH1lbHNle1xyXG4gICAgICB0aGlzLnN0b3JlZEFnZ3JlZ2F0aW9ucyA9IHt9O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYWRkaW5nVGltZVN0YW1wKGRhdGEpe1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgZGF0YSA6IGRhdGEsXHJcbiAgICAgIHRpbWUgOiBuZXcgRGF0ZSgpXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjaGVja1RpbWVTdGFtcCh0aW1lKXtcclxuICAgIGxldCBub3cgOiBhbnkgPSBuZXcgRGF0ZSgpO1xyXG4gICAgbGV0IG9sZFRpbWU6IGFueSA9IG5ldyBEYXRlKHRpbWUpO1xyXG4gICAgbGV0IGRheXMgPSBNYXRoLmZsb29yKChub3cgLSBvbGRUaW1lKSAvICgxMDAwICogNjAgKiA2MCAqIDI0KSk7XHJcbiAgICBpZihkYXlzIDwyKXtcclxuICAgICAgcmV0dXJuIHRydWVcclxuICAgIH1lbHNle1xyXG4gICAgICByZXR1cm4gZmFsc2VcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldERhdGFGcm9tU3RvcmVkQWdncmVnYXRpb24oaWQpe1xyXG4gICAgLy8gY2hlY2sgaWYgdGhlcmUgaXMgZGF0YSB3aXRoIGNlcnRhaW4gaWRcclxuICAgIGlmKHRoaXMuc3RvcmVkQWdncmVnYXRpb25zW2lkXSl7XHJcbiAgICAgIC8vIGNoZWNrIGlmIHN0b3JlZCBkYXRhIGRvc247dCBleGNlZWQgMiBkYXlzIG9mIHN0b3JpbmdcclxuICAgICAgaWYodGhpcy5jaGVja1RpbWVTdGFtcCh0aGlzLnN0b3JlZEFnZ3JlZ2F0aW9uc1tpZF1bJ3RpbWUnXSkpe1xyXG4gICAgICAgIHJldHVybiB0aGlzLnN0b3JlZEFnZ3JlZ2F0aW9uc1tpZF07XHJcbiAgICAgIH1lbHNle1xyXG4gICAgICAgIHJldHVybiBudWxsXHJcbiAgICAgIH1cclxuICAgIH1lbHNle1xyXG4gICAgICByZXR1cm4gbnVsbFxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2V0RGF0YVRvU3RvcmFnKGlkICwgZGF0YSl7XHJcbiAgICBsZXQgdXBkYXRlZERhdGEgPSB0aGlzLmFkZGluZ1RpbWVTdGFtcChkYXRhKTtcclxuICAgIHRoaXMuc3RvcmVkQWdncmVnYXRpb25zW2lkXSA9IHsuLi51cGRhdGVkRGF0YX07XHJcbiAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSgnc3RvcmVkQWdyZWdhdGlvbnMnICwgSlNPTi5zdHJpbmdpZnkodGhpcy5zdG9yZWRBZ2dyZWdhdGlvbnMpKVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/filter/filter/filter.component.js

@@ -76,7 +76,7 @@ export class FilterComponent {
     }
 }
 FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: FilterComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FilterComponent, selector: "cts-filter", inputs: { fields: "fields", filterTitle: "filterTitle" }, outputs: { onFiltering: "onFiltering" }, ngImport: i0, template: "<div class=\"filter-wrapper\">\r\n    <div class=\"filter-title\">\r\n        <!-- {{filterTitle | translate}} -->\r\n    </div>\r\n    <div class=\"iner-filter-wrapper\" *ngIf=\"filterForm\">\r\n        <form [formGroup]=\"filterForm\">\r\n            <div class=\"single-control-wrapper\" *ngFor=\"let field of fields\">\r\n\r\n                <div class=\"control\" *ngIf=\"field.type === 'text'\">\r\n                    <app-dynamic-form-textitem\r\n                    [label]=\"field.label\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                    placeholder=\"{{ 'CREATE.PLACE_HOLDER' | translate }} {{\r\n                        field.placeholder | translate\r\n                      }}\"\r\n                  >\r\n                  </app-dynamic-form-textitem>\r\n                </div>\r\n\r\n                <div class=\"control\" *ngIf=\"field.type === 'dropdown'\">\r\n                    <app-dynamic-form-vocabulary-item\r\n                    [shwoAllValues]=\"false\"\r\n                    [label]=\"field.label\"\r\n                    [bindLabel]=\"field.bindLabel\"\r\n                    [bindValue]=\"field.bindValue\"\r\n                    [placeholder]=\"field.placeholder | translate\"\r\n                    [multiple]=\"field.multiple\"\r\n                    [searchable]=\"field.searchable\"\r\n                    [closeOnSelect]=\"field.closeOnSelect\"\r\n                    [hideSelectedItems]=\"field.hideSelectedItems\"\r\n                    [vocabularyType]=\"field.vocabularyType\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                  >\r\n                  </app-dynamic-form-vocabulary-item>\r\n                </div>\r\n\r\n                <div class=\"control\" *ngIf=\"field.type === 'rang'\">\r\n                    <cts-dynamic-form-hijri-dateitem [label]=\"field.label\" [formControlName]=\"field.formControlName\"[range]=\"true\" [vertical]=\"false\" >\r\n                    </cts-dynamic-form-hijri-dateitem>\r\n                </div>\r\n\r\n                <div  class=\"control\" *ngIf=\"field.type === 'department'\">\r\n                    <app-dynamic-form-department\r\n                    [label]=\"field.label\"\r\n                    placeholder=\"{{ 'CREATE.PLACE_HOLDER' | translate }} {{\r\n                        field.placeholder | translate\r\n                    }}\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                  >\r\n                  </app-dynamic-form-department>\r\n                </div>\r\n\r\n                <div  class=\"control\" *ngIf=\"field.type === 'toggle'\">\r\n                    <cts-dynamic-form-slide-toggleitem\r\n                    [label]=\"field.label\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                  ></cts-dynamic-form-slide-toggleitem>\r\n                </div>\r\n\r\n                <div   class=\"control\" *ngIf=\"field.type === 'date'\">\r\n                    <cts-dynamic-form-hijri-dateitem\r\n                    [formControlName]=\"field.formControlName\"\r\n                    [label]=\"field.label\"\r\n                  >\r\n                  </cts-dynamic-form-hijri-dateitem>\r\n                </div>\r\n  \r\n\r\n            </div>\r\n\r\n        </form>\r\n           \r\n    </div>\r\n    <div class=\"form-actions\">\r\n        <button class=\"my-button mx-2\" type=\"button\" (click)=\"filter()\"> {{'FILTER' | translate}}</button>\r\n        <button class=\"my-button reset mx-2\" type=\"button\" (click)=\"reset()\"> {{'reset' | translate}}</button>\r\n    </div>\r\n</div>\r\n\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.filter-wrapper .filter-title{font-size:18px;font-weight:bold;margin-bottom:15px}.filter-wrapper .iner-filter-wrapper{height:320px;overflow:auto;scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;padding:15px 15px 0}.filter-wrapper .iner-filter-wrapper .single-control-wrapper{margin-bottom:15px}.filter-wrapper .form-actions{display:flex;justify-content:flex-start;align-content:center;padding:10px 15px}.filter-wrapper .form-actions .filter{border:none;background-color:transparent;font-weight:bold;width:80px;height:40px;background-image:linear-gradient(to bottom,#0dbab5,#2e62df);color:#fff;border-radius:5px}\n"], components: [{ type: i2.DynamicFormTextItemComponent, selector: "app-dynamic-form-textitem", inputs: ["autoComplete", "autoComplete_pageProvider", "autoComplete_propertyName", "autoComplete_propertyKey", "autoCompleteValueKey", "type", "property", "label", "editable", "placeholder", "disabled", "displayEmpty", "preventSpace", "id"] }, { type: i3.DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i4.DynamicFormHijriDateitemComponent, selector: "cts-dynamic-form-hijri-dateitem", inputs: ["minHijri", "maxHijri", "minGreg", "maxGreg", "label", "isDisabled", "range", "vertical", "isReadOnly"], outputs: ["valueChanged"] }, { type: i5.DynamicFormDepartmentComponent, selector: "app-dynamic-form-department", inputs: ["treeview", "treeViewAsFormControl", "placeholder", "multiple", "searchable", "label", "defaultSelect", "pp_departmentNestedTree", "pp_departmentTree", "customPrefix", "useCustomAddEditAction", "customParentProperty"], outputs: ["onSelecting", "actionClicked"] }, { type: i6.DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i8.TranslatePipe } });
+FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FilterComponent, selector: "cts-filter", inputs: { fields: "fields", filterTitle: "filterTitle" }, outputs: { onFiltering: "onFiltering" }, ngImport: i0, template: "<div class=\"filter-wrapper\">\r\n    <div class=\"filter-title\">\r\n        <!-- {{filterTitle | translate}} -->\r\n    </div>\r\n    <div class=\"iner-filter-wrapper\" *ngIf=\"filterForm\">\r\n        <form [formGroup]=\"filterForm\">\r\n            <div class=\"single-control-wrapper\" *ngFor=\"let field of fields\">\r\n\r\n                <div class=\"control\" *ngIf=\"field.type === 'text'\">\r\n                    <app-dynamic-form-textitem\r\n                    [label]=\"field.label\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                    placeholder=\"{{ 'CREATE.PLACE_HOLDER' | translate }} {{\r\n                        field.placeholder | translate\r\n                      }}\"\r\n                  >\r\n                  </app-dynamic-form-textitem>\r\n                </div>\r\n\r\n                <div class=\"control\" *ngIf=\"field.type === 'dropdown'\">\r\n                    <app-dynamic-form-vocabulary-item\r\n                    [shwoAllValues]=\"false\"\r\n                    [label]=\"field.label\"\r\n                    [bindLabel]=\"field.bindLabel\"\r\n                    [bindValue]=\"field.bindValue\"\r\n                    [placeholder]=\"field.placeholder | translate\"\r\n                    [multiple]=\"field.multiple\"\r\n                    [searchable]=\"field.searchable\"\r\n                    [closeOnSelect]=\"field.closeOnSelect\"\r\n                    [hideSelectedItems]=\"field.hideSelectedItems\"\r\n                    [vocabularyType]=\"field.vocabularyType\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                  >\r\n                  </app-dynamic-form-vocabulary-item>\r\n                </div>\r\n\r\n                <div class=\"control\" *ngIf=\"field.type === 'rang'\">\r\n                    <cts-dynamic-form-hijri-dateitem [label]=\"field.label\" [formControlName]=\"field.formControlName\"[range]=\"true\" [vertical]=\"false\" >\r\n                    </cts-dynamic-form-hijri-dateitem>\r\n                </div>\r\n\r\n                <div  class=\"control\" *ngIf=\"field.type === 'department'\">\r\n                    <app-dynamic-form-department\r\n                    [label]=\"field.label\"\r\n                    placeholder=\"{{ 'CREATE.PLACE_HOLDER' | translate }} {{\r\n                        field.placeholder | translate\r\n                    }}\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                  >\r\n                  </app-dynamic-form-department>\r\n                </div>\r\n\r\n                <div  class=\"control\" *ngIf=\"field.type === 'toggle'\">\r\n                    <cts-dynamic-form-slide-toggleitem\r\n                    [label]=\"field.label\"\r\n                    [formControlName]=\"field.formControlName\"\r\n                  ></cts-dynamic-form-slide-toggleitem>\r\n                </div>\r\n\r\n                <div   class=\"control\" *ngIf=\"field.type === 'date'\">\r\n                    <cts-dynamic-form-hijri-dateitem\r\n                    [formControlName]=\"field.formControlName\"\r\n                    [label]=\"field.label\"\r\n                  >\r\n                  </cts-dynamic-form-hijri-dateitem>\r\n                </div>\r\n  \r\n\r\n            </div>\r\n\r\n        </form>\r\n           \r\n    </div>\r\n    <div class=\"form-actions\">\r\n        <button class=\"my-button mx-2\" type=\"button\" (click)=\"filter()\"> {{'FILTER' | translate}}</button>\r\n        <button class=\"my-button reset mx-2\" type=\"button\" (click)=\"reset()\"> {{'reset' | translate}}</button>\r\n    </div>\r\n</div>\r\n\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.filter-wrapper .filter-title{font-size:18px;font-weight:bold;margin-bottom:15px}.filter-wrapper .iner-filter-wrapper{height:320px;overflow:auto;scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;padding:15px 15px 0}.filter-wrapper .iner-filter-wrapper .single-control-wrapper{margin-bottom:15px}.filter-wrapper .form-actions{display:flex;justify-content:flex-start;align-content:center;padding:10px 15px}.filter-wrapper .form-actions .filter{border:none;background-color:transparent;font-weight:bold;width:80px;height:40px;background-image:linear-gradient(to bottom,#0dbab5,#2e62df);color:#fff;border-radius:5px}\n"], components: [{ type: i2.DynamicFormTextItemComponent, selector: "app-dynamic-form-textitem", inputs: ["autoComplete", "nativeAutoComplete", "autoComplete_pageProvider", "autoComplete_propertyName", "autoComplete_propertyKey", "autoCompleteValueKey", "type", "property", "label", "editable", "placeholder", "disabled", "displayEmpty", "preventSpace", "id"] }, { type: i3.DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i4.DynamicFormHijriDateitemComponent, selector: "cts-dynamic-form-hijri-dateitem", inputs: ["minHijri", "maxHijri", "minGreg", "maxGreg", "label", "isDisabled", "range", "vertical", "isReadOnly", "placeholder"], outputs: ["valueChanged"] }, { type: i5.DynamicFormDepartmentComponent, selector: "app-dynamic-form-department", inputs: ["treeview", "treeViewAsFormControl", "placeholder", "multiple", "searchable", "label", "defaultSelect", "pp_departmentNestedTree", "pp_departmentTree", "customPrefix", "useCustomAddEditAction", "customParentProperty"], outputs: ["onSelecting", "actionClicked"] }, { type: i6.DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i8.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
             args: [{