nuxeo-development-framework 0.0.2 → 0.0.6

package/esm2015/lib/components/dynamic-form/components/dynamic-form-item-dispatcher/dynamic-form-item-dispatcher.component.js

@@ -0,0 +1,81 @@
+import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
+import { DynamicFormContentProxyDirective } from '../../directives/dynamic-form-content-proxy.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/card-item-types.service";
+import * as i2 from "../../directives/dynamic-form-content-proxy.directive";
+/** @ignore */
+export class DynamicFormItemDispatcherComponent {
+    constructor(cardItemTypeService, resolver) {
+        this.cardItemTypeService = cardItemTypeService;
+        this.resolver = resolver;
+        this.displayEmpty = true;
+        this.displayNoneOption = true;
+        this.displayClearAction = true;
+        this.loaded = false;
+        this.componentReference = null;
+        const dynamicLifeCycleMethods = [
+            'ngOnInit',
+            'ngDoCheck',
+            'ngAfterContentInit',
+            'ngAfterContentChecked',
+            'ngAfterViewInit',
+            'ngAfterViewChecked',
+            'ngOnDestroy'
+        ];
+        dynamicLifeCycleMethods.forEach(method => {
+            this[method] = this.proxy.bind(this, method);
+        });
+    }
+    ngOnChanges(changes) {
+        if (!this.loaded) {
+            this.loadComponent();
+            this.loaded = true;
+        }
+        Object.keys(changes)
+            .map(changeName => [changeName, changes[changeName]])
+            .forEach(([inputParamName, simpleChange]) => {
+            this.componentReference.instance[inputParamName] =
+                simpleChange.currentValue;
+        });
+        this.proxy('ngOnChanges', changes);
+    }
+    loadComponent() {
+        const factoryClass = this.cardItemTypeService.resolveComponentType(this.property);
+        const factory = this.resolver.resolveComponentFactory(factoryClass);
+        this.componentReference = this.content.viewContainerRef.createComponent(factory);
+        this.componentReference.instance.editable = this.editable;
+        this.componentReference.instance.property = this.property;
+        this.componentReference.instance.displayEmpty = this.displayEmpty;
+        this.componentReference.instance.displayNoneOption = this.displayNoneOption;
+        this.componentReference.instance.displayClearAction = this.displayClearAction;
+    }
+    proxy(methodName, ...args) {
+        if (this.componentReference.instance[methodName]) {
+            this.componentReference.instance[methodName].apply(this.componentReference.instance, args);
+        }
+    }
+}
+DynamicFormItemDispatcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormItemDispatcherComponent, deps: [{ token: i1.CardItemTypeService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormItemDispatcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DynamicFormItemDispatcherComponent, selector: "app-dynamic-form-item-dispatcher", inputs: { property: "property", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction" }, viewQueries: [{ propertyName: "content", first: true, predicate: DynamicFormContentProxyDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<ng-template appDynamicFormContentProxy></ng-template>', isInline: true, directives: [{ type: i2.DynamicFormContentProxyDirective, selector: "[appDynamicFormContentProxy]" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormItemDispatcherComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-dynamic-form-item-dispatcher',
+                    template: '<ng-template appDynamicFormContentProxy></ng-template>',
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i1.CardItemTypeService }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { property: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], displayEmpty: [{
+                type: Input
+            }], displayNoneOption: [{
+                type: Input
+            }], displayClearAction: [{
+                type: Input
+            }], content: [{
+                type: ViewChild,
+                args: [DynamicFormContentProxyDirective, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWl0ZW0tZGlzcGF0Y2hlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1pdGVtLWRpc3BhdGNoZXIvZHluYW1pYy1mb3JtLWl0ZW0tZGlzcGF0Y2hlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBSUwsU0FBUyxFQUNULGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7OztBQUd6RyxjQUFjO0FBTWQsTUFBTSxPQUFPLGtDQUFrQztJQXlCN0MsWUFDVSxtQkFBd0MsRUFDeEMsUUFBa0M7UUFEbEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN4QyxhQUFRLEdBQVIsUUFBUSxDQUEwQjtRQW5CNUMsaUJBQVksR0FBWSxJQUFJLENBQUM7UUFHN0Isc0JBQWlCLEdBQVksSUFBSSxDQUFDO1FBR2xDLHVCQUFrQixHQUFZLElBQUksQ0FBQztRQUszQixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLHVCQUFrQixHQUFRLElBQUksQ0FBQztRQVNyQyxNQUFNLHVCQUF1QixHQUFHO1lBQzlCLFVBQVU7WUFDVixXQUFXO1lBQ1gsb0JBQW9CO1lBQ3BCLHVCQUF1QjtZQUN2QixpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLGFBQWE7U0FDZCxDQUFDO1FBRUYsdUJBQXVCLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztTQUNwQjtRQUVELE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO2FBQ2pCLEdBQUcsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLENBQUMsVUFBVSxFQUFFLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO2FBQ3BELE9BQU8sQ0FBQyxDQUFDLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBeUIsRUFBRSxFQUFFO1lBQ2xFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO2dCQUM5QyxZQUFZLENBQUMsWUFBWSxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO1FBRUwsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVPLGFBQWE7UUFDbkIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLG9CQUFvQixDQUNoRSxJQUFJLENBQUMsUUFBUSxDQUNkLENBQUM7UUFFRixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLHVCQUF1QixDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FDckUsT0FBTyxDQUNSLENBQUM7UUFDRixJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQzFELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDMUQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUNsRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztRQUM1RSxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztJQUNoRixDQUFDO0lBRU8sS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLElBQUk7UUFDL0IsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ2hELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsS0FBSyxDQUNoRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxFQUNoQyxJQUFJLENBQ0wsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7K0hBbkZVLGtDQUFrQzttSEFBbEMsa0NBQWtDLHlSQWdCbEMsZ0NBQWdDLG1GQW5CakMsd0RBQXdEOzJGQUd2RCxrQ0FBa0M7a0JBTDlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtDQUFrQztvQkFDNUMsUUFBUSxFQUFFLHdEQUF3RDtvQkFDbEUsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDO2lKQUdDLFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLGlCQUFpQjtzQkFEaEIsS0FBSztnQkFJTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBSUUsT0FBTztzQkFEZCxTQUFTO3VCQUFDLGdDQUFnQyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENhcmRJdGVtVHlwZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jYXJkLWl0ZW0tdHlwZXMuc2VydmljZSc7XHJcbmltcG9ydCB7IER5bmFtaWNGb3JtQ29udGVudFByb3h5RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9keW5hbWljLWZvcm0tY29udGVudC1wcm94eS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBEeW5hbWljRm9ybUl0ZW0gfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2R5bmFtaWMtZm9ybS1pdGVtLmludGVyZmFjZSc7XHJcblxyXG4vKiogQGlnbm9yZSAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1keW5hbWljLWZvcm0taXRlbS1kaXNwYXRjaGVyJyxcclxuICB0ZW1wbGF0ZTogJzxuZy10ZW1wbGF0ZSBhcHBEeW5hbWljRm9ybUNvbnRlbnRQcm94eT48L25nLXRlbXBsYXRlPicsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHluYW1pY0Zvcm1JdGVtRGlzcGF0Y2hlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KClcclxuICBwcm9wZXJ0eTogRHluYW1pY0Zvcm1JdGVtO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGVkaXRhYmxlOiBib29sZWFuO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGRpc3BsYXlFbXB0eTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZGlzcGxheU5vbmVPcHRpb246IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGRpc3BsYXlDbGVhckFjdGlvbjogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBWaWV3Q2hpbGQoRHluYW1pY0Zvcm1Db250ZW50UHJveHlEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgcHJpdmF0ZSBjb250ZW50OiBEeW5hbWljRm9ybUNvbnRlbnRQcm94eURpcmVjdGl2ZTtcclxuXHJcbiAgcHJpdmF0ZSBsb2FkZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwcml2YXRlIGNvbXBvbmVudFJlZmVyZW5jZTogYW55ID0gbnVsbDtcclxuXHJcbiAgcHVibGljIG5nT25Jbml0O1xyXG4gIHB1YmxpYyBuZ0RvQ2hlY2s7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBjYXJkSXRlbVR5cGVTZXJ2aWNlOiBDYXJkSXRlbVR5cGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSByZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyXHJcbiAgKSB7XHJcbiAgICBjb25zdCBkeW5hbWljTGlmZUN5Y2xlTWV0aG9kcyA9IFtcclxuICAgICAgJ25nT25Jbml0JyxcclxuICAgICAgJ25nRG9DaGVjaycsXHJcbiAgICAgICduZ0FmdGVyQ29udGVudEluaXQnLFxyXG4gICAgICAnbmdBZnRlckNvbnRlbnRDaGVja2VkJyxcclxuICAgICAgJ25nQWZ0ZXJWaWV3SW5pdCcsXHJcbiAgICAgICduZ0FmdGVyVmlld0NoZWNrZWQnLFxyXG4gICAgICAnbmdPbkRlc3Ryb3knXHJcbiAgICBdO1xyXG5cclxuICAgIGR5bmFtaWNMaWZlQ3ljbGVNZXRob2RzLmZvckVhY2gobWV0aG9kID0+IHtcclxuICAgICAgdGhpc1ttZXRob2RdID0gdGhpcy5wcm94eS5iaW5kKHRoaXMsIG1ldGhvZCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmICghdGhpcy5sb2FkZWQpIHtcclxuICAgICAgdGhpcy5sb2FkQ29tcG9uZW50KCk7XHJcbiAgICAgIHRoaXMubG9hZGVkID0gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICBPYmplY3Qua2V5cyhjaGFuZ2VzKVxyXG4gICAgICAubWFwKGNoYW5nZU5hbWUgPT4gW2NoYW5nZU5hbWUsIGNoYW5nZXNbY2hhbmdlTmFtZV1dKVxyXG4gICAgICAuZm9yRWFjaCgoW2lucHV0UGFyYW1OYW1lLCBzaW1wbGVDaGFuZ2VdOiBbc3RyaW5nLCBTaW1wbGVDaGFuZ2VdKSA9PiB7XHJcbiAgICAgICAgdGhpcy5jb21wb25lbnRSZWZlcmVuY2UuaW5zdGFuY2VbaW5wdXRQYXJhbU5hbWVdID1cclxuICAgICAgICAgIHNpbXBsZUNoYW5nZS5jdXJyZW50VmFsdWU7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgIHRoaXMucHJveHkoJ25nT25DaGFuZ2VzJywgY2hhbmdlcyk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGxvYWRDb21wb25lbnQoKSB7XHJcbiAgICBjb25zdCBmYWN0b3J5Q2xhc3MgPSB0aGlzLmNhcmRJdGVtVHlwZVNlcnZpY2UucmVzb2x2ZUNvbXBvbmVudFR5cGUoXHJcbiAgICAgIHRoaXMucHJvcGVydHlcclxuICAgICk7XHJcblxyXG4gICAgY29uc3QgZmFjdG9yeSA9IHRoaXMucmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkoZmFjdG9yeUNsYXNzKTtcclxuICAgIHRoaXMuY29tcG9uZW50UmVmZXJlbmNlID0gdGhpcy5jb250ZW50LnZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KFxyXG4gICAgICBmYWN0b3J5XHJcbiAgICApO1xyXG4gICAgdGhpcy5jb21wb25lbnRSZWZlcmVuY2UuaW5zdGFuY2UuZWRpdGFibGUgPSB0aGlzLmVkaXRhYmxlO1xyXG4gICAgdGhpcy5jb21wb25lbnRSZWZlcmVuY2UuaW5zdGFuY2UucHJvcGVydHkgPSB0aGlzLnByb3BlcnR5O1xyXG4gICAgdGhpcy5jb21wb25lbnRSZWZlcmVuY2UuaW5zdGFuY2UuZGlzcGxheUVtcHR5ID0gdGhpcy5kaXNwbGF5RW1wdHk7XHJcbiAgICB0aGlzLmNvbXBvbmVudFJlZmVyZW5jZS5pbnN0YW5jZS5kaXNwbGF5Tm9uZU9wdGlvbiA9IHRoaXMuZGlzcGxheU5vbmVPcHRpb247XHJcbiAgICB0aGlzLmNvbXBvbmVudFJlZmVyZW5jZS5pbnN0YW5jZS5kaXNwbGF5Q2xlYXJBY3Rpb24gPSB0aGlzLmRpc3BsYXlDbGVhckFjdGlvbjtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcHJveHkobWV0aG9kTmFtZSwgLi4uYXJncykge1xyXG4gICAgaWYgKHRoaXMuY29tcG9uZW50UmVmZXJlbmNlLmluc3RhbmNlW21ldGhvZE5hbWVdKSB7XHJcbiAgICAgIHRoaXMuY29tcG9uZW50UmVmZXJlbmNlLmluc3RhbmNlW21ldGhvZE5hbWVdLmFwcGx5KFxyXG4gICAgICAgIHRoaXMuY29tcG9uZW50UmVmZXJlbmNlLmluc3RhbmNlLFxyXG4gICAgICAgIGFyZ3NcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/dynamic-form/components/dynamic-form-mapitem/dynamic-form-mapitem.component.js

@@ -0,0 +1,36 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/dynamic-form-update.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+/** @ignore */
+export class DynamicFormMapItemComponent {
+    constructor(dynamicFormUpdateService) {
+        this.dynamicFormUpdateService = dynamicFormUpdateService;
+        this.displayEmpty = true;
+    }
+    showProperty() {
+        return this.displayEmpty || !this.property.isEmpty();
+    }
+    isClickable() {
+        return this.property.clickable;
+    }
+    clicked() {
+        this.dynamicFormUpdateService.clicked(this.property);
+    }
+}
+DynamicFormMapItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormMapItemComponent, deps: [{ token: i1.DynamicFormUpdateService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormMapItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DynamicFormMapItemComponent, selector: "app-dynamic-form-mapitem", inputs: { property: "property", displayEmpty: "displayEmpty" }, ngImport: i0, template: "<div\r\n  [attr.data-automation-id]=\"'card-mapitem-label-' + property.key\"\r\n  class=\"app-property-label\"\r\n  *ngIf=\"showProperty()\"\r\n>\r\n  {{ property.label | translate }}\r\n</div>\r\n<div class=\"app-property-value\">\r\n  <div>\r\n    <span\r\n      *ngIf=\"!isClickable(); else elseBlock\"\r\n      [attr.data-automation-id]=\"'card-mapitem-value-' + property.key\"\r\n    >\r\n      <span *ngIf=\"showProperty()\">{{ property.displayValue }}</span>\r\n    </span>\r\n    <ng-template #elseBlock>\r\n      <span\r\n        class=\"app-mapitem-clickable-value\"\r\n        (click)=\"clicked()\"\r\n        [attr.data-automation-id]=\"'card-mapitem-value-' + property.key\"\r\n      >\r\n        <span *ngIf=\"showProperty(); else elseEmptyValueBlock\">{{\r\n          property.displayValue\r\n        }}</span>\r\n      </span>\r\n    </ng-template>\r\n  </div>\r\n  <ng-template #elseEmptyValueBlock>\r\n    {{ property.default | translate }}\r\n  </ng-template>\r\n</div>\r\n", styles: [".app-mapitem-clickable-value{cursor:pointer!important}\n"], 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: DynamicFormMapItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-dynamic-form-mapitem',
+                    templateUrl: './dynamic-form-mapitem.component.html',
+                    styleUrls: ['./dynamic-form-mapitem.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DynamicFormUpdateService }]; }, propDecorators: { property: [{
+                type: Input
+            }], displayEmpty: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLW1hcGl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZvcm0tbWFwaXRlbS9keW5hbWljLWZvcm0tbWFwaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1tYXBpdGVtL2R5bmFtaWMtZm9ybS1tYXBpdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQUlqRCxjQUFjO0FBT2QsTUFBTSxPQUFPLDJCQUEyQjtJQU90QyxZQUFvQix3QkFBa0Q7UUFBbEQsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQUZ0RSxpQkFBWSxHQUFZLElBQUksQ0FBQztJQUU0QyxDQUFDO0lBRTFFLFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3ZELENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7O3dIQW5CVSwyQkFBMkI7NEdBQTNCLDJCQUEyQixnSUNYeEMsaytCQStCQTsyRkRwQmEsMkJBQTJCO2tCQUx2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFdBQVcsRUFBRSx1Q0FBdUM7b0JBQ3BELFNBQVMsRUFBRSxDQUFDLHVDQUF1QyxDQUFDO2lCQUNyRDsrR0FHQyxRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEeW5hbWljRm9ybVVwZGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9keW5hbWljLWZvcm0tdXBkYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBEeW5hbWljRm9ybU1hcEl0ZW1Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9keW5hbWljLWZvcm0ubW9kZWxzJztcclxuXHJcbi8qKiBAaWdub3JlICovXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1keW5hbWljLWZvcm0tbWFwaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2R5bmFtaWMtZm9ybS1tYXBpdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9keW5hbWljLWZvcm0tbWFwaXRlbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEeW5hbWljRm9ybU1hcEl0ZW1Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgcHJvcGVydHk6IER5bmFtaWNGb3JtTWFwSXRlbU1vZGVsO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGRpc3BsYXlFbXB0eTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZHluYW1pY0Zvcm1VcGRhdGVTZXJ2aWNlOiBEeW5hbWljRm9ybVVwZGF0ZVNlcnZpY2UpIHt9XHJcblxyXG4gIHNob3dQcm9wZXJ0eSgpIHtcclxuICAgIHJldHVybiB0aGlzLmRpc3BsYXlFbXB0eSB8fCAhdGhpcy5wcm9wZXJ0eS5pc0VtcHR5KCk7XHJcbiAgfVxyXG5cclxuICBpc0NsaWNrYWJsZSgpIHtcclxuICAgIHJldHVybiB0aGlzLnByb3BlcnR5LmNsaWNrYWJsZTtcclxuICB9XHJcblxyXG4gIGNsaWNrZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmR5bmFtaWNGb3JtVXBkYXRlU2VydmljZS5jbGlja2VkKHRoaXMucHJvcGVydHkpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgW2F0dHIuZGF0YS1hdXRvbWF0aW9uLWlkXT1cIidjYXJkLW1hcGl0ZW0tbGFiZWwtJyArIHByb3BlcnR5LmtleVwiXHJcbiAgY2xhc3M9XCJhcHAtcHJvcGVydHktbGFiZWxcIlxyXG4gICpuZ0lmPVwic2hvd1Byb3BlcnR5KClcIlxyXG4+XHJcbiAge3sgcHJvcGVydHkubGFiZWwgfCB0cmFuc2xhdGUgfX1cclxuPC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJhcHAtcHJvcGVydHktdmFsdWVcIj5cclxuICA8ZGl2PlxyXG4gICAgPHNwYW5cclxuICAgICAgKm5nSWY9XCIhaXNDbGlja2FibGUoKTsgZWxzZSBlbHNlQmxvY2tcIlxyXG4gICAgICBbYXR0ci5kYXRhLWF1dG9tYXRpb24taWRdPVwiJ2NhcmQtbWFwaXRlbS12YWx1ZS0nICsgcHJvcGVydHkua2V5XCJcclxuICAgID5cclxuICAgICAgPHNwYW4gKm5nSWY9XCJzaG93UHJvcGVydHkoKVwiPnt7IHByb3BlcnR5LmRpc3BsYXlWYWx1ZSB9fTwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxuZy10ZW1wbGF0ZSAjZWxzZUJsb2NrPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIGNsYXNzPVwiYXBwLW1hcGl0ZW0tY2xpY2thYmxlLXZhbHVlXCJcclxuICAgICAgICAoY2xpY2spPVwiY2xpY2tlZCgpXCJcclxuICAgICAgICBbYXR0ci5kYXRhLWF1dG9tYXRpb24taWRdPVwiJ2NhcmQtbWFwaXRlbS12YWx1ZS0nICsgcHJvcGVydHkua2V5XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic2hvd1Byb3BlcnR5KCk7IGVsc2UgZWxzZUVtcHR5VmFsdWVCbG9ja1wiPnt7XHJcbiAgICAgICAgICBwcm9wZXJ0eS5kaXNwbGF5VmFsdWVcclxuICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuICA8bmctdGVtcGxhdGUgI2Vsc2VFbXB0eVZhbHVlQmxvY2s+XHJcbiAgICB7eyBwcm9wZXJ0eS5kZWZhdWx0IHwgdHJhbnNsYXRlIH19XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2015/lib/components/dynamic-form/components/dynamic-form-options/dynamic-form-options.component.js

@@ -0,0 +1,106 @@
+import { Component, Input, Optional, Self, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/radio";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngx-translate/core";
+/**
+ * Options group input that can be used inside reactive or template driven forms
+ * @title
+ * Options Group
+ * @example
+ *   <cts-dynamic-form-options
+ *    [label]="'Choose an item'"
+ *    [data]="arrayOfItems"
+ *    [bindLabel]="'name'"
+ *    [bindValue]="'id'"
+ *    [multiple]="false"
+ *    formControlName="option">
+ * </cts-dynamic-form-options>
+ */
+export class DynamicFormOptionsComponent {
+    constructor(control) {
+        this.control = control;
+        /** can select multiple (checkboxes) or (radios) */
+        this.multiple = false;
+        // @Output() onSelectItems = new EventEmitter();
+        this.selection = [];
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.control.valueAccessor = this;
+    }
+    ngOnInit() { }
+    writeValue(value) {
+        if (value && this.multiple) {
+            this.selection = [...value];
+        }
+        if (value && !this.multiple) {
+            this.selectedItem = value;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        throw new Error('Method not implemented.');
+    }
+    isRequired() {
+        if (!this.control || !this.control.control.validator) {
+            return false;
+        }
+        const validator = this.control.control.validator({});
+        return validator && validator.required;
+    }
+    //multiple functions
+    emitSelection(value, isChecked) {
+        if (isChecked) {
+            this.selection.push(value);
+        }
+        else {
+            this.selection = this.selection.filter((item) => {
+                return typeof value === 'object'
+                    ? JSON.stringify(value) != JSON.stringify(item)
+                    : value != item;
+            });
+        }
+        this.onChange(this.selection);
+    }
+    containsValue(value, list) {
+        return typeof value === 'object'
+            ? list.some((elem) => JSON.stringify(elem) === JSON.stringify(value))
+            : list.includes(value);
+    }
+    // !multiple functions
+    onSelectedItemChanged(event) {
+        this.onChange(this.selectedItem);
+    }
+}
+DynamicFormOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormOptionsComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DynamicFormOptionsComponent, selector: "cts-dynamic-form-options", inputs: { label: "label", data: "data", bindLabel: "bindLabel", bindValue: "bindValue", multiple: "multiple" }, ngImport: i0, template: "<!-- template for viewing single select selected value -->\r\n<ng-container *ngIf=\"multiple\">\r\n  <ng-container *ngIf=\"label\">\r\n    <div>\r\n      <label class=\"radio-label\"\r\n        >{{ label | translate\r\n        }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n      >\r\n    </div>\r\n  </ng-container>\r\n  <div class=\"option-wrapper\" *ngFor=\"let item of data ; let i = index\">\r\n    <span>\r\n      <input\r\n        id=\"item-{{ i }}\"\r\n        type=\"checkbox\"\r\n        (change)=\"\r\n          emitSelection(\r\n            bindValue ? item[bindValue] : item,\r\n            $event.target.checked\r\n          )\r\n        \"\r\n        [checked]=\"containsValue(bindValue ? item[bindValue] : item, selection)\"\r\n      />\r\n    </span>\r\n    <span class=\"label-wrapper\">\r\n      {{ (bindLabel ? item[bindLabel] : item) | translate }}\r\n    </span>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"!multiple\">\r\n  <ng-container *ngIf=\"label\">\r\n    <div>\r\n      <label class=\"radio-label\"\r\n        >{{ label | translate\r\n        }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n      >\r\n    </div>\r\n  </ng-container>\r\n  <div class=\"radio-option\">\r\n    <mat-radio-group\r\n      [(ngModel)]=\"selectedItem\"\r\n      (ngModelChange)=\"onSelectedItemChanged($event)\"\r\n      class=\"radio-group\"\r\n    >\r\n      <mat-radio-button\r\n        class=\"radio-button\"\r\n        *ngFor=\"let item of data\"\r\n        [value]=\"bindValue ? item[bindValue] : item\"\r\n      >\r\n        {{ (bindLabel ? item[bindLabel] : item) | translate }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n  </div>\r\n</ng-container>\r\n<!-- template for viewing multi select selected values -->\r\n<!-- [checked]=\"containsValue(bindValue ? item[bindValue] : item,selectedItem)\" -->\r\n", styles: [".radio-label{font-size:17px;margin-bottom:1px}.radio-option{display:flex;grid-column-gap:4px;column-gap:4px}.radio-option .radio-group{display:flex;grid-column-gap:10px;column-gap:10px}.radio-option .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element{opacity:0!important;background-color:#00dca5!important}.radio-option .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#00dca5!important}.radio-option .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#00dca5!important}\n"], components: [{ type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i4.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormOptionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cts-dynamic-form-options',
+                    templateUrl: './dynamic-form-options.component.html',
+                    styleUrls: ['./dynamic-form-options.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { label: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], bindLabel: [{
+                type: Input
+            }], bindValue: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLW9wdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZvcm0tb3B0aW9ucy9keW5hbWljLWZvcm0tb3B0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1vcHRpb25zL2R5bmFtaWMtZm9ybS1vcHRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFFBQVEsRUFFUixJQUFJLEVBQ0osaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPdkI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQU9ILE1BQU0sT0FBTywyQkFBMkI7SUFtQnRDLFlBQXdDLE9BQWtCO1FBQWxCLFlBQU8sR0FBUCxPQUFPLENBQVc7UUFSMUQsbURBQW1EO1FBQzFDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsZ0RBQWdEO1FBRWhELGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ3BDLENBQUM7SUFDRCxRQUFRLEtBQVcsQ0FBQztJQUVwQixVQUFVLENBQUMsS0FBSztRQUNkLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxRQUFR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ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgT3V0cHV0LFxyXG4gIFNlbGYsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgQWJzdHJhY3RDb250cm9sLFxyXG4gIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxyXG4gIE5nQ29udHJvbCxcclxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IGpzb24gfSBmcm9tICdAcnh3ZWIvcmVhY3RpdmUtZm9ybS12YWxpZGF0b3JzJztcclxuLyoqXHJcbiAqIE9wdGlvbnMgZ3JvdXAgaW5wdXQgdGhhdCBjYW4gYmUgdXNlZCBpbnNpZGUgcmVhY3RpdmUgb3IgdGVtcGxhdGUgZHJpdmVuIGZvcm1zXHJcbiAqIEB0aXRsZVxyXG4gKiBPcHRpb25zIEdyb3VwXHJcbiAqIEBleGFtcGxlXHJcbiAqICAgPGN0cy1keW5hbWljLWZvcm0tb3B0aW9uc1xyXG4gKiAgICBbbGFiZWxdPVwiJ0Nob29zZSBhbiBpdGVtJ1wiXHJcbiAqICAgIFtkYXRhXT1cImFycmF5T2ZJdGVtc1wiXHJcbiAqICAgIFtiaW5kTGFiZWxdPVwiJ25hbWUnXCJcclxuICogICAgW2JpbmRWYWx1ZV09XCInaWQnXCJcclxuICogICAgW211bHRpcGxlXT1cImZhbHNlXCJcclxuICogICAgZm9ybUNvbnRyb2xOYW1lPVwib3B0aW9uXCI+XHJcbiAqIDwvY3RzLWR5bmFtaWMtZm9ybS1vcHRpb25zPlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdHMtZHluYW1pYy1mb3JtLW9wdGlvbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9keW5hbWljLWZvcm0tb3B0aW9ucy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZHluYW1pYy1mb3JtLW9wdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHluYW1pY0Zvcm1PcHRpb25zQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIC8qKiBSYWRpbyBncm91cCBsYWJlbCAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgbGFiZWw7XHJcbiAgLyoqIGFycmF5IG9mIG9wdGlvbnMgKi9cclxuICBASW5wdXQoKVxyXG4gIGRhdGE7XHJcbiAgLyoqIGJpbmQgbGFiZWwgdG8gb3B0aW9uIG9iamVjdCBwcm9wZXJ0eSAqL1xyXG4gIEBJbnB1dCgpIGJpbmRMYWJlbDogc3RyaW5nO1xyXG4gIC8qKiBiaW5kIHZhbHVlIHRvIG9wdGlvbiBvYmplY3QgcHJvcGVydHkgKi9cclxuICBASW5wdXQoKSBiaW5kVmFsdWU6IHN0cmluZztcclxuICAvKiogY2FuIHNlbGVjdCBtdWx0aXBsZSAoY2hlY2tib3hlcykgb3IgKHJhZGlvcykgKi9cclxuICBASW5wdXQoKSBtdWx0aXBsZSA9IGZhbHNlO1xyXG4gIC8vIEBPdXRwdXQoKSBvblNlbGVjdEl0ZW1zID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzZWxlY3Rpb24gPSBbXTtcclxuICBzZWxlY3RlZEl0ZW06IGFueTtcclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcclxuICBjb25zdHJ1Y3RvcihAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgY29udHJvbDogTmdDb250cm9sKSB7XHJcbiAgICB0aGlzLmNvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWUpIHtcclxuICAgIGlmICh2YWx1ZSAmJiB0aGlzLm11bHRpcGxlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0aW9uID0gWy4uLnZhbHVlXTtcclxuICAgIH1cclxuICAgIGlmICh2YWx1ZSAmJiAhdGhpcy5tdWx0aXBsZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhyb3cgbmV3IEVycm9yKCdNZXRob2Qgbm90IGltcGxlbWVudGVkLicpO1xyXG4gIH1cclxuICBpc1JlcXVpcmVkKCkge1xyXG4gICAgaWYgKCF0aGlzLmNvbnRyb2wgfHwgIXRoaXMuY29udHJvbC5jb250cm9sLnZhbGlkYXRvcikge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgdmFsaWRhdG9yID0gdGhpcy5jb250cm9sLmNvbnRyb2wudmFsaWRhdG9yKHt9IGFzIEFic3RyYWN0Q29udHJvbCk7XHJcbiAgICByZXR1cm4gdmFsaWRhdG9yICYmIHZhbGlkYXRvci5yZXF1aXJlZDtcclxuICB9XHJcblxyXG4gIC8vbXVsdGlwbGUgZnVuY3Rpb25zXHJcbiAgZW1pdFNlbGVjdGlvbih2YWx1ZSwgaXNDaGVja2VkOiBib29sZWFuKSB7XHJcbiAgICBpZiAoaXNDaGVja2VkKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0aW9uLnB1c2godmFsdWUpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zZWxlY3Rpb24gPSB0aGlzLnNlbGVjdGlvbi5maWx0ZXIoKGl0ZW0pID0+IHtcclxuICAgICAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0J1xyXG4gICAgICAgICAgPyBKU09OLnN0cmluZ2lmeSh2YWx1ZSkgIT0gSlNPTi5zdHJpbmdpZnkoaXRlbSlcclxuICAgICAgICAgIDogdmFsdWUgIT0gaXRlbTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuc2VsZWN0aW9uKTtcclxuICB9XHJcbiAgY29udGFpbnNWYWx1ZSh2YWx1ZSwgbGlzdDogYW55W10pIHtcclxuICAgIHJldHVybiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnXHJcbiAgICAgID8gbGlzdC5zb21lKChlbGVtKSA9PiBKU09OLnN0cmluZ2lmeShlbGVtKSA9PT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpKVxyXG4gICAgICA6IGxpc3QuaW5jbHVkZXModmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgLy8gIW11bHRpcGxlIGZ1bmN0aW9uc1xyXG4gIG9uU2VsZWN0ZWRJdGVtQ2hhbmdlZChldmVudCkge1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnNlbGVjdGVkSXRlbSk7XHJcbiAgfVxyXG59XHJcbiIsIjwhLS0gdGVtcGxhdGUgZm9yIHZpZXdpbmcgc2luZ2xlIHNlbGVjdCBzZWxlY3RlZCB2YWx1ZSAtLT5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm11bHRpcGxlXCI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsXCI+XHJcbiAgICA8ZGl2PlxyXG4gICAgICA8bGFiZWwgY2xhc3M9XCJyYWRpby1sYWJlbFwiXHJcbiAgICAgICAgPnt7IGxhYmVsIHwgdHJhbnNsYXRlXHJcbiAgICAgICAgfX08c3BhbiAqbmdJZj1cImlzUmVxdWlyZWQoKVwiIGNsYXNzPVwidGV4dC1kYW5nZXIgbS0xXCI+Kjwvc3Bhbj48L2xhYmVsXHJcbiAgICAgID5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxkaXYgY2xhc3M9XCJvcHRpb24td3JhcHBlclwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEgOyBsZXQgaSA9IGluZGV4XCI+XHJcbiAgICA8c3Bhbj5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgaWQ9XCJpdGVtLXt7IGkgfX1cIlxyXG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgICAgKGNoYW5nZSk9XCJcclxuICAgICAgICAgIGVtaXRTZWxlY3Rpb24oXHJcbiAgICAgICAgICAgIGJpbmRWYWx1ZSA/IGl0ZW1bYmluZFZhbHVlXSA6IGl0ZW0sXHJcbiAgICAgICAgICAgICRldmVudC50YXJnZXQuY2hlY2tlZFxyXG4gICAgICAgICAgKVxyXG4gICAgICAgIFwiXHJcbiAgICAgICAgW2NoZWNrZWRdPVwiY29udGFpbnNWYWx1ZShiaW5kVmFsdWUgPyBpdGVtW2JpbmRWYWx1ZV0gOiBpdGVtLCBzZWxlY3Rpb24pXCJcclxuICAgICAgLz5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwibGFiZWwtd3JhcHBlclwiPlxyXG4gICAgICB7eyAoYmluZExhYmVsID8gaXRlbVtiaW5kTGFiZWxdIDogaXRlbSkgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCIhbXVsdGlwbGVcIj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibGFiZWxcIj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxsYWJlbCBjbGFzcz1cInJhZGlvLWxhYmVsXCJcclxuICAgICAgICA+e3sgbGFiZWwgfCB0cmFuc2xhdGVcclxuICAgICAgICB9fTxzcGFuICpuZ0lmPVwiaXNSZXF1aXJlZCgpXCIgY2xhc3M9XCJ0ZXh0LWRhbmdlciBtLTFcIj4qPC9zcGFuPjwvbGFiZWxcclxuICAgICAgPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPGRpdiBjbGFzcz1cInJhZGlvLW9wdGlvblwiPlxyXG4gICAgPG1hdC1yYWRpby1ncm91cFxyXG4gICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkSXRlbVwiXHJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VsZWN0ZWRJdGVtQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgICAgY2xhc3M9XCJyYWRpby1ncm91cFwiXHJcbiAgICA+XHJcbiAgICAgIDxtYXQtcmFkaW8tYnV0dG9uXHJcbiAgICAgICAgY2xhc3M9XCJyYWRpby1idXR0b25cIlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFcIlxyXG4gICAgICAgIFt2YWx1ZV09XCJiaW5kVmFsdWUgPyBpdGVtW2JpbmRWYWx1ZV0gOiBpdGVtXCJcclxuICAgICAgPlxyXG4gICAgICAgIHt7IChiaW5kTGFiZWwgPyBpdGVtW2JpbmRMYWJlbF0gOiBpdGVtKSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L21hdC1yYWRpby1idXR0b24+XHJcbiAgICA8L21hdC1yYWRpby1ncm91cD5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbjwhLS0gdGVtcGxhdGUgZm9yIHZpZXdpbmcgbXVsdGkgc2VsZWN0IHNlbGVjdGVkIHZhbHVlcyAtLT5cclxuPCEtLSBbY2hlY2tlZF09XCJjb250YWluc1ZhbHVlKGJpbmRWYWx1ZSA/IGl0ZW1bYmluZFZhbHVlXSA6IGl0ZW0sc2VsZWN0ZWRJdGVtKVwiIC0tPlxyXG4iXX0=

package/esm2015/lib/components/dynamic-form/components/dynamic-form-select-tag/dynamic-form-select-tag.component.js

@@ -0,0 +1,93 @@
+import { Component, Input, Optional, Self, ViewEncapsulation, } from '@angular/core';
+import { concat, of, Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap, switchMap, catchError, } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../../../cts-tags/services/tags-api.service";
+import * as i3 from "@ng-select/ng-select";
+import * as i4 from "@angular/common";
+import * as i5 from "@ngx-translate/core";
+/**
+ * A tags dropdown input integrated with tags API,
+ *  that can be used inside reactive or template driven forms
+ * @title
+ * tags dropdown
+ * @example
+ * <cts-dynamic-form-select-tag
+ *     formControlName="controlName"
+ *     [label]="'PATH.TO.TRANSLATION'"
+ * ></cts-dynamic-form-select-tag>
+ */
+export class DynamicFormSelectTagComponent {
+    constructor(control, tagsApiService) {
+        this.control = control;
+        this.tagsApiService = tagsApiService;
+        this.tagsLoading = false;
+        this.tagsInput$ = new Subject();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        if (this.control) {
+            this.control.valueAccessor = this;
+        }
+    }
+    writeValue(value) {
+        if (value) {
+            this.selectedTags = this.buildTagObj(value);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) { }
+    ngOnInit() {
+        this.loadTags();
+    }
+    emitSelection(event) {
+        let tags = [];
+        this.selectedTags.forEach((tagObj) => {
+            tags.push(tagObj.id || tagObj.displayLabel);
+        });
+        this.onChange(tags);
+    }
+    loadTags() {
+        this.tags$ = concat(of([]), // default items
+        this.tagsInput$.pipe(debounceTime(200), distinctUntilChanged(), tap(() => (this.tagsLoading = true)), switchMap((term) => this.tagsApiService.tagsSuggestion(term).pipe(catchError(() => of([])), // empty list on error
+        tap(() => (this.tagsLoading = false))))));
+    }
+    isRequired() {
+        if (!this.control || !this.control.control.validator) {
+            return false;
+        }
+        const validator = this.control.control.validator({});
+        return validator && validator.required;
+    }
+    buildTagObj(value) {
+        let arrayOfTags = [];
+        value.forEach((tag) => {
+            arrayOfTags.push({ id: tag, displayLabel: tag });
+        });
+        console.log("arrayOfTags", arrayOfTags);
+        return arrayOfTags;
+    }
+}
+DynamicFormSelectTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormSelectTagComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i2.TagsApiService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormSelectTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DynamicFormSelectTagComponent, selector: "cts-dynamic-form-select-tag", inputs: { label: "label" }, ngImport: i0, template: "<ng-container *ngIf=\"label\">\r\n  <div>\r\n    <label class=\"select-label\"\r\n      >{{ label | translate\r\n      }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n    >\r\n  </div>\r\n</ng-container>\r\n<div class=\"tags\">\r\n  <ng-select\r\n    [items]=\"tags$ | async\"\r\n    bindLabel=\"displayLabel\"\r\n    [addTag]=\"true\"\r\n    [addTagText]=\"'Tags.add' | translate\"\r\n    [multiple]=\"true\"\r\n    [hideSelected]=\"true\"\r\n    [minTermLength]=\"2\"\r\n    [loading]=\"tagsLoading\"\r\n    [typeToSearchText]=\"'Tags.typeToSearchText' | translate\"\r\n    [typeahead]=\"tagsInput$\"\r\n    [(ngModel)]=\"selectedTags\"\r\n    (change)=\"emitSelection($event)\"\r\n    required\r\n    [placeholder]=\"'Tags.placeholder' | translate\"\r\n  >\r\n  </ng-select>\r\n</div>\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}.select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.tags .ng-select-container{border:1px solid #ccc!important;border-radius:5px!important;background-color:#8f98aa1a!important;height:40px!important;box-shadow:none!important}.tags .ng-select-container .ng-value-container{padding:5px 7px 0!important}.tags .ng-select-container .ng-value-container .ng-placeholder{padding:0 5px;font-size:12px;margin-top:6px}.tags .ng-select-container .ng-value-container .ng-value{color:#495057}.tags .ng-select-container .ng-arrow-wrapper{padding:0 20px}.tags .ng-select-container .ng-input{left:10px;right:10px;width:auto}.ng-select-disabled .ng-select-container{background-color:#e9ecef!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper{position:relative}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper input{visibility:hidden;width:20px;height:20px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper{position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #2e62df;display:flex;justify-content:center;align-items:center}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper .icon{color:#2e62df;display:none;justify-content:center;align-items:center;font-weight:bold}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .check-box-wrapper .icon-wrapper .icon{display:flex}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .label-wrapper{color:#2e62df}.ng-select .ng-select-focused:not(.ng-select-opened) .ng-select-container{border-color:#ccc;box-shadow:none}\n"], components: [{ type: i3.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i5.TranslatePipe, "async": i4.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormSelectTagComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cts-dynamic-form-select-tag',
+                    templateUrl: './dynamic-form-select-tag.component.html',
+                    styleUrls: ['./dynamic-form-select-tag.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i2.TagsApiService }]; }, propDecorators: { label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLXNlbGVjdC10YWcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZvcm0tc2VsZWN0LXRhZy9keW5hbWljLWZvcm0tc2VsZWN0LXRhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1zZWxlY3QtdGFnL2R5bmFtaWMtZm9ybS1zZWxlY3QtdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLFFBQVEsRUFDUixJQUFJLEVBQ0osaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBTXZCLE9BQU8sRUFBRSxNQUFNLEVBQWMsRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLG9CQUFvQixFQUNwQixHQUFHLEVBQ0gsU0FBUyxFQUNULFVBQVUsR0FDWCxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBR3hCOzs7Ozs7Ozs7O0dBVUc7QUFPSCxNQUFNLE9BQU8sNkJBQTZCO0lBYXhDLFlBQzhCLE9BQWtCLEVBQ3RDLGNBQThCO1FBRFYsWUFBTyxHQUFQLE9BQU8sQ0FBVztRQUN0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFSeEMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZUFBVSxHQUFHLElBQUksT0FBTyxFQUFVLENBQUM7UUFHbkMsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFF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QkFBNkI7a0JBTnpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsV0FBVyxFQUFFLDBDQUEwQztvQkFDdkQsU0FBUyxFQUFFLENBQUMsMENBQTBDLENBQUM7b0JBQ3ZELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7MEJBZUksSUFBSTs7MEJBQUksUUFBUTt5RUFWVixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgU2VsZixcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBBYnN0cmFjdENvbnRyb2wsXHJcbiAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXHJcbiAgTmdDb250cm9sLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgY29uY2F0LCBPYnNlcnZhYmxlLCBvZiwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge1xyXG4gIGRlYm91bmNlVGltZSxcclxuICBkaXN0aW5jdFVudGlsQ2hhbmdlZCxcclxuICB0YXAsXHJcbiAgc3dpdGNoTWFwLFxyXG4gIGNhdGNoRXJyb3IsXHJcbn0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBUYWdzQXBpU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2N0cy10YWdzL3NlcnZpY2VzL3RhZ3MtYXBpLnNlcnZpY2UnO1xyXG5cclxuLyoqXHJcbiAqIEEgdGFncyBkcm9wZG93biBpbnB1dCBpbnRlZ3JhdGVkIHdpdGggdGFncyBBUEksXHJcbiAqICB0aGF0IGNhbiBiZSB1c2VkIGluc2lkZSByZWFjdGl2ZSBvciB0ZW1wbGF0ZSBkcml2ZW4gZm9ybXNcclxuICogQHRpdGxlXHJcbiAqIHRhZ3MgZHJvcGRvd25cclxuICogQGV4YW1wbGVcclxuICogPGN0cy1keW5hbWljLWZvcm0tc2VsZWN0LXRhZ1xyXG4gKiAgICAgZm9ybUNvbnRyb2xOYW1lPVwiY29udHJvbE5hbWVcIlxyXG4gKiAgICAgW2xhYmVsXT1cIidQQVRILlRPLlRSQU5TTEFUSU9OJ1wiXHJcbiAqID48L2N0cy1keW5hbWljLWZvcm0tc2VsZWN0LXRhZz5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RzLWR5bmFtaWMtZm9ybS1zZWxlY3QtdGFnJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLXNlbGVjdC10YWcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2R5bmFtaWMtZm9ybS1zZWxlY3QtdGFnLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNGb3JtU2VsZWN0VGFnQ29tcG9uZW50XHJcbiAgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yXHJcbntcclxuICAvKiogRmllbGQgTGFiZWwgKi9cclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG5cclxuICB0YWdzJDogT2JzZXJ2YWJsZTxhbnlbXT47XHJcbiAgdGFnc0xvYWRpbmcgPSBmYWxzZTtcclxuICB0YWdzSW5wdXQkID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xyXG4gIHNlbGVjdGVkVGFncztcclxuICB0YWdzTGlzdDogYW55W107XHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgY29udHJvbDogTmdDb250cm9sLFxyXG4gICAgcHJpdmF0ZSB0YWdzQXBpU2VydmljZTogVGFnc0FwaVNlcnZpY2VcclxuICApIHtcclxuICAgIGlmICh0aGlzLmNvbnRyb2wpIHtcclxuICAgICAgdGhpcy5jb250cm9sLnZhbHVlQWNjZXNzb3IgPSB0aGlzO1xyXG4gICAgfVxyXG4gIH1cclxuICB3cml0ZVZhbHVlKHZhbHVlKSB7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFRhZ3MgPSB0aGlzLmJ1aWxkVGFnT2JqKHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkVGFncygpO1xyXG4gIH1cclxuICBlbWl0U2VsZWN0aW9uKGV2ZW50KSB7XHJcbiAgICBsZXQgdGFncyA9IFtdO1xyXG4gICAgdGhpcy5zZWxlY3RlZFRhZ3MuZm9yRWFjaCgodGFnT2JqKSA9PiB7XHJcbiAgICAgIHRhZ3MucHVzaCh0YWdPYmouaWQgfHwgdGFnT2JqLmRpc3BsYXlMYWJlbCk7XHJcbiAgICB9KTtcclxuICAgIHRoaXMub25DaGFuZ2UodGFncyk7XHJcbiAgfVxyXG4gIHByaXZhdGUgbG9hZFRhZ3MoKSB7XHJcbiAgICB0aGlzLnRhZ3MkID0gY29uY2F0KFxyXG4gICAgICBvZihbXSksIC8vIGRlZmF1bHQgaXRlbXNcclxuICAgICAgdGhpcy50YWdzSW5wdXQkLnBpcGUoXHJcbiAgICAgICAgZGVib3VuY2VUaW1lKDIwMCksXHJcbiAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcclxuICAgICAgICB0YXAoKCkgPT4gKHRoaXMudGFnc0xvYWRpbmcgPSB0cnVlKSksXHJcbiAgICAgICAgc3dpdGNoTWFwKCh0ZXJtKSA9PlxyXG4gICAgICAgICAgdGhpcy50YWdzQXBpU2VydmljZS50YWdzU3VnZ2VzdGlvbih0ZXJtKS5waXBlKFxyXG4gICAgICAgICAgICBjYXRjaEVycm9yKCgpID0+IG9mKFtdKSksIC8vIGVtcHR5IGxpc3Qgb24gZXJyb3JcclxuICAgICAgICAgICAgdGFwKCgpID0+ICh0aGlzLnRhZ3NMb2FkaW5nID0gZmFsc2UpKVxyXG4gICAgICAgICAgKVxyXG4gICAgICAgIClcclxuICAgICAgKVxyXG4gICAgKTtcclxuICB9XHJcbiAgaXNSZXF1aXJlZCgpIHtcclxuICAgIGlmICghdGhpcy5jb250cm9sIHx8ICF0aGlzLmNvbnRyb2wuY29udHJvbC52YWxpZGF0b3IpIHtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IHZhbGlkYXRvciA9IHRoaXMuY29udHJvbC5jb250cm9sLnZhbGlkYXRvcih7fSBhcyBBYnN0cmFjdENvbnRyb2wpO1xyXG4gICAgcmV0dXJuIHZhbGlkYXRvciAmJiB2YWxpZGF0b3IucmVxdWlyZWQ7XHJcbiAgfVxyXG4gIGJ1aWxkVGFnT2JqKHZhbHVlKSB7XHJcbiAgICBsZXQgYXJyYXlPZlRhZ3MgPSBbXTtcclxuICAgIHZhbHVlLmZvckVhY2goKHRhZykgPT4ge1xyXG4gICAgICBhcnJheU9mVGFncy5wdXNoKHsgaWQ6IHRhZywgZGlzcGxheUxhYmVsOiB0YWcgfSk7XHJcbiAgICB9KTtcclxuICAgIGNvbnNvbGUubG9nKFwiYXJyYXlPZlRhZ3NcIixhcnJheU9mVGFncylcclxuICAgIHJldHVybiBhcnJheU9mVGFncztcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsXCI+XHJcbiAgPGRpdj5cclxuICAgIDxsYWJlbCBjbGFzcz1cInNlbGVjdC1sYWJlbFwiXHJcbiAgICAgID57eyBsYWJlbCB8IHRyYW5zbGF0ZVxyXG4gICAgICB9fTxzcGFuICpuZ0lmPVwiaXNSZXF1aXJlZCgpXCIgY2xhc3M9XCJ0ZXh0LWRhbmdlciBtLTFcIj4qPC9zcGFuPjwvbGFiZWxcclxuICAgID5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxkaXYgY2xhc3M9XCJ0YWdzXCI+XHJcbiAgPG5nLXNlbGVjdFxyXG4gICAgW2l0ZW1zXT1cInRhZ3MkIHwgYXN5bmNcIlxyXG4gICAgYmluZExhYmVsPVwiZGlzcGxheUxhYmVsXCJcclxuICAgIFthZGRUYWddPVwidHJ1ZVwiXHJcbiAgICBbYWRkVGFnVGV4dF09XCInVGFncy5hZGQnIHwgdHJhbnNsYXRlXCJcclxuICAgIFttdWx0aXBsZV09XCJ0cnVlXCJcclxuICAgIFtoaWRlU2VsZWN0ZWRdPVwidHJ1ZVwiXHJcbiAgICBbbWluVGVybUxlbmd0aF09XCIyXCJcclxuICAgIFtsb2FkaW5nXT1cInRhZ3NMb2FkaW5nXCJcclxuICAgIFt0eXBlVG9TZWFyY2hUZXh0XT1cIidUYWdzLnR5cGVUb1NlYXJjaFRleHQnIHwgdHJhbnNsYXRlXCJcclxuICAgIFt0eXBlYWhlYWRdPVwidGFnc0lucHV0JFwiXHJcbiAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkVGFnc1wiXHJcbiAgICAoY2hhbmdlKT1cImVtaXRTZWxlY3Rpb24oJGV2ZW50KVwiXHJcbiAgICByZXF1aXJlZFxyXG4gICAgW3BsYWNlaG9sZGVyXT1cIidUYWdzLnBsYWNlaG9sZGVyJyB8IHRyYW5zbGF0ZVwiXHJcbiAgPlxyXG4gIDwvbmctc2VsZWN0PlxyXG48L2Rpdj5cclxuIl19