@pepperi-addons/ngx-composite-lib 0.4.1-beta.12 → 0.4.1-beta.13

package/esm2020/data-view-builder/data-view-builder.component.mjs

@@ -1,117 +1,117 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./data-view-builder.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@pepperi-addons/ngx-lib/page-layout";
-import * as i4 from "@pepperi-addons/ngx-lib/draggable-items";
-import * as i5 from "./menu-data-view/menu-data-view.component";
-import * as i6 from "@ngx-translate/core";
-export class DataViewBuilderComponent {
-    constructor(dataViewBuilderService) {
-        this.dataViewBuilderService = dataViewBuilderService;
-        // @Input() title: string = '';
-        this.builderTitle = '';
-        this.builderTitleHint = '';
-        this._availableFields = [];
-        this.dataViewChange = new EventEmitter();
-        this.type = 'not-supported';
-        this.emptyDropAreaId = 'emptyDropArea';
-        this.mappedFieldsId = 'mappedFields';
-        this.availableFieldsTitles = new Map();
-        //
-    }
-    set availableFields(value) {
-        this._availableFields = value;
-        this.setTitlesMap();
-    }
-    get availableFields() {
-        return this._availableFields;
-    }
-    set dataView(value) {
-        this._dataView = value;
-        this.setType();
-        this.refreshAvailableFields();
-    }
-    get dataView() {
-        return this._dataView;
-    }
-    setType() {
-        if (this._dataView.Type === 'Menu') {
-            this.type = 'menu';
-        }
-        else if (this._dataView.Type === 'Grid') {
-            this.type = 'list';
-        }
-        else if ((this._dataView.Type === 'Card') ||
-            (this._dataView.Type === 'Form') ||
-            (this._dataView.Type === 'Large') ||
-            (this._dataView.Type === 'Line')) {
-            this.type = 'card';
-        }
-        else {
-            this.type = 'not-supported';
-        }
-    }
-    setAvailableFieldPermission(field, disable) {
-        // Find the item in the available fields
-        const item = this.availableFields.find(as => as.data.key === field);
-        // If exist disable or enable it.
-        if (item) {
-            item.disabled = disable;
-        }
-    }
-    refreshAvailableFields() {
-        this.availableFields.forEach(af => af.disabled = false);
-        if (this.dataView && this.dataView.Fields) {
-            for (let index = 0; index < this.dataView.Fields.length; index++) {
-                this.setAvailableFieldPermission(this.dataView.Fields[index].FieldID, true);
-            }
-        }
-    }
-    setTitlesMap() {
-        this.availableFieldsTitles.clear();
-        if (this.availableFields?.length > 0) {
-            for (let index = 0; index < this.availableFields.length; index++) {
-                const availableField = this.availableFields[index];
-                if (availableField?.data?.key.length > 0) {
-                    this.availableFieldsTitles.set(availableField.data.key, availableField.title);
-                }
-            }
-        }
-    }
-    notifyDataViewChange() {
-        this.dataViewChange.emit(this.dataView);
-        // console.log(this.dataView);
-    }
-    ngOnInit() {
-        //
-    }
-    onDragStart(event) {
-        this.dataViewBuilderService.onDragStart(event);
-    }
-    onDragEnd(event) {
-        this.dataViewBuilderService.onDragEnd(event);
-    }
-    onFieldsChanged(fields) {
-        this.dataView.Fields = fields;
-        this.refreshAvailableFields();
-        this.notifyDataViewChange();
-    }
-}
-DataViewBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderComponent, deps: [{ token: i1.DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-DataViewBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: DataViewBuilderComponent, selector: "pep-data-view-builder", inputs: { builderTitle: "builderTitle", builderTitleHint: "builderTitleHint", availableFields: "availableFields", dataView: "dataView" }, outputs: { dataViewChange: "dataViewChange" }, ngImport: i0, template: "<pep-page-layout >\n    <!-- <ng-container pep-top-area>\n        <pep-top-bar [title]=\"title\">\n            <div header-end-content>\n            </div>\n        </pep-top-bar>\n    </ng-container> -->\n    <ng-container pep-main-area>\n        <ng-container *ngIf=\"type === 'not-supported' ; then notSupportedTemplate; else supportedTemplate\"></ng-container>\n        <ng-template #notSupportedTemplate>\n            <span class=\"body-sm ellipsis\">\n                {{ 'DATA_VIEW_BUILDER.TYPE_NOT_SUPPORTED' | translate }}\n            </span> \n        </ng-template>\n        <ng-template #supportedTemplate>\n            <div *ngIf=\"dataView && availableFields\" class=\"mapped-fields-container\">\n                <div class=\"available-fields-side-area\">\n                    <pep-draggable-items [items]=\"availableFields\" [title]=\"'DATA_VIEW_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                        itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                    </pep-draggable-items>\n                </div>\n                <div pep-main-area class=\"mapped-fields-main-area\">\n                    <div class=\"mapped-fields-top-area pep-border-bottom\"\n                        [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                        <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                        <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                    </div>\n                    \n                    <div class=\"data-view-by-type-area\" [ngSwitch]=\"type\">\n                        <ng-container *ngSwitchCase=\"'menu'\">\n                            <menu-data-view [fields]=\"dataView?.Fields || []\" [availableFieldsTitles]=\"availableFieldsTitles\" [emptyDropAreaId]=\"emptyDropAreaId\"\n                                [mappedFieldsId]=\"mappedFieldsId\" (fieldsChange)=\"onFieldsChanged($event)\">\n                            </menu-data-view>\n                        </ng-container>\n                        <!-- <ng-container *ngSwitchDefault>\n                        </ng-container> -->\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </ng-container>\n</pep-page-layout>\n\n", styles: [".mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .data-view-by-type-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { kind: "component", type: i4.DraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { kind: "component", type: i5.MenuDataViewComponent, selector: "menu-data-view", inputs: ["fields", "availableFieldsTitles", "emptyDropAreaId", "mappedFieldsId"], outputs: ["fieldsChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-data-view-builder', template: "<pep-page-layout >\n    <!-- <ng-container pep-top-area>\n        <pep-top-bar [title]=\"title\">\n            <div header-end-content>\n            </div>\n        </pep-top-bar>\n    </ng-container> -->\n    <ng-container pep-main-area>\n        <ng-container *ngIf=\"type === 'not-supported' ; then notSupportedTemplate; else supportedTemplate\"></ng-container>\n        <ng-template #notSupportedTemplate>\n            <span class=\"body-sm ellipsis\">\n                {{ 'DATA_VIEW_BUILDER.TYPE_NOT_SUPPORTED' | translate }}\n            </span> \n        </ng-template>\n        <ng-template #supportedTemplate>\n            <div *ngIf=\"dataView && availableFields\" class=\"mapped-fields-container\">\n                <div class=\"available-fields-side-area\">\n                    <pep-draggable-items [items]=\"availableFields\" [title]=\"'DATA_VIEW_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                        itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                    </pep-draggable-items>\n                </div>\n                <div pep-main-area class=\"mapped-fields-main-area\">\n                    <div class=\"mapped-fields-top-area pep-border-bottom\"\n                        [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                        <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                        <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                    </div>\n                    \n                    <div class=\"data-view-by-type-area\" [ngSwitch]=\"type\">\n                        <ng-container *ngSwitchCase=\"'menu'\">\n                            <menu-data-view [fields]=\"dataView?.Fields || []\" [availableFieldsTitles]=\"availableFieldsTitles\" [emptyDropAreaId]=\"emptyDropAreaId\"\n                                [mappedFieldsId]=\"mappedFieldsId\" (fieldsChange)=\"onFieldsChanged($event)\">\n                            </menu-data-view>\n                        </ng-container>\n                        <!-- <ng-container *ngSwitchDefault>\n                        </ng-container> -->\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </ng-container>\n</pep-page-layout>\n\n", styles: [".mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .data-view-by-type-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.DataViewBuilderService }]; }, propDecorators: { builderTitle: [{
-                type: Input
-            }], builderTitleHint: [{
-                type: Input
-            }], availableFields: [{
-                type: Input
-            }], dataView: [{
-                type: Input
-            }], dataViewChange: [{
-                type: Output
-            }] } });
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./data-view-builder.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/page-layout";
+import * as i4 from "@pepperi-addons/ngx-lib/draggable-items";
+import * as i5 from "./menu-data-view/menu-data-view.component";
+import * as i6 from "@ngx-translate/core";
+export class DataViewBuilderComponent {
+    constructor(dataViewBuilderService) {
+        this.dataViewBuilderService = dataViewBuilderService;
+        // @Input() title: string = '';
+        this.builderTitle = '';
+        this.builderTitleHint = '';
+        this._availableFields = [];
+        this.dataViewChange = new EventEmitter();
+        this.type = 'not-supported';
+        this.emptyDropAreaId = 'emptyDropArea';
+        this.mappedFieldsId = 'mappedFields';
+        this.availableFieldsTitles = new Map();
+        //
+    }
+    set availableFields(value) {
+        this._availableFields = value;
+        this.setTitlesMap();
+    }
+    get availableFields() {
+        return this._availableFields;
+    }
+    set dataView(value) {
+        this._dataView = value;
+        this.setType();
+        this.refreshAvailableFields();
+    }
+    get dataView() {
+        return this._dataView;
+    }
+    setType() {
+        if (this._dataView.Type === 'Menu') {
+            this.type = 'menu';
+        }
+        else if (this._dataView.Type === 'Grid') {
+            this.type = 'list';
+        }
+        else if ((this._dataView.Type === 'Card') ||
+            (this._dataView.Type === 'Form') ||
+            (this._dataView.Type === 'Large') ||
+            (this._dataView.Type === 'Line')) {
+            this.type = 'card';
+        }
+        else {
+            this.type = 'not-supported';
+        }
+    }
+    setAvailableFieldPermission(field, disable) {
+        // Find the item in the available fields
+        const item = this.availableFields.find(as => as.data.key === field);
+        // If exist disable or enable it.
+        if (item) {
+            item.disabled = disable;
+        }
+    }
+    refreshAvailableFields() {
+        this.availableFields.forEach(af => af.disabled = false);
+        if (this.dataView && this.dataView.Fields) {
+            for (let index = 0; index < this.dataView.Fields.length; index++) {
+                this.setAvailableFieldPermission(this.dataView.Fields[index].FieldID, true);
+            }
+        }
+    }
+    setTitlesMap() {
+        this.availableFieldsTitles.clear();
+        if (this.availableFields?.length > 0) {
+            for (let index = 0; index < this.availableFields.length; index++) {
+                const availableField = this.availableFields[index];
+                if (availableField?.data?.key.length > 0) {
+                    this.availableFieldsTitles.set(availableField.data.key, availableField.title);
+                }
+            }
+        }
+    }
+    notifyDataViewChange() {
+        this.dataViewChange.emit(this.dataView);
+        // console.log(this.dataView);
+    }
+    ngOnInit() {
+        //
+    }
+    onDragStart(event) {
+        this.dataViewBuilderService.onDragStart(event);
+    }
+    onDragEnd(event) {
+        this.dataViewBuilderService.onDragEnd(event);
+    }
+    onFieldsChanged(fields) {
+        this.dataView.Fields = fields;
+        this.refreshAvailableFields();
+        this.notifyDataViewChange();
+    }
+}
+DataViewBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderComponent, deps: [{ token: i1.DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
+DataViewBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: DataViewBuilderComponent, selector: "pep-data-view-builder", inputs: { builderTitle: "builderTitle", builderTitleHint: "builderTitleHint", availableFields: "availableFields", dataView: "dataView" }, outputs: { dataViewChange: "dataViewChange" }, ngImport: i0, template: "<pep-page-layout >\n    <!-- <ng-container pep-top-area>\n        <pep-top-bar [title]=\"title\">\n            <div header-end-content>\n            </div>\n        </pep-top-bar>\n    </ng-container> -->\n    <ng-container pep-main-area>\n        <ng-container *ngIf=\"type === 'not-supported' ; then notSupportedTemplate; else supportedTemplate\"></ng-container>\n        <ng-template #notSupportedTemplate>\n            <span class=\"body-sm ellipsis\">\n                {{ 'DATA_VIEW_BUILDER.TYPE_NOT_SUPPORTED' | translate }}\n            </span> \n        </ng-template>\n        <ng-template #supportedTemplate>\n            <div *ngIf=\"dataView && availableFields\" class=\"mapped-fields-container\">\n                <div class=\"available-fields-side-area\">\n                    <pep-draggable-items [items]=\"availableFields\" [title]=\"'DATA_VIEW_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                        itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                    </pep-draggable-items>\n                </div>\n                <div pep-main-area class=\"mapped-fields-main-area\">\n                    <div class=\"mapped-fields-top-area pep-border-bottom\"\n                        [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                        <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                        <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                    </div>\n                    \n                    <div class=\"data-view-by-type-area\" [ngSwitch]=\"type\">\n                        <ng-container *ngSwitchCase=\"'menu'\">\n                            <menu-data-view [fields]=\"dataView?.Fields || []\" [availableFieldsTitles]=\"availableFieldsTitles\" [emptyDropAreaId]=\"emptyDropAreaId\"\n                                [mappedFieldsId]=\"mappedFieldsId\" (fieldsChange)=\"onFieldsChanged($event)\">\n                            </menu-data-view>\n                        </ng-container>\n                        <!-- <ng-container *ngSwitchDefault>\n                        </ng-container> -->\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </ng-container>\n</pep-page-layout>\n\n", styles: [".mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .data-view-by-type-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { kind: "component", type: i4.DraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { kind: "component", type: i5.MenuDataViewComponent, selector: "menu-data-view", inputs: ["fields", "availableFieldsTitles", "emptyDropAreaId", "mappedFieldsId"], outputs: ["fieldsChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-data-view-builder', template: "<pep-page-layout >\n    <!-- <ng-container pep-top-area>\n        <pep-top-bar [title]=\"title\">\n            <div header-end-content>\n            </div>\n        </pep-top-bar>\n    </ng-container> -->\n    <ng-container pep-main-area>\n        <ng-container *ngIf=\"type === 'not-supported' ; then notSupportedTemplate; else supportedTemplate\"></ng-container>\n        <ng-template #notSupportedTemplate>\n            <span class=\"body-sm ellipsis\">\n                {{ 'DATA_VIEW_BUILDER.TYPE_NOT_SUPPORTED' | translate }}\n            </span> \n        </ng-template>\n        <ng-template #supportedTemplate>\n            <div *ngIf=\"dataView && availableFields\" class=\"mapped-fields-container\">\n                <div class=\"available-fields-side-area\">\n                    <pep-draggable-items [items]=\"availableFields\" [title]=\"'DATA_VIEW_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                        itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                    </pep-draggable-items>\n                </div>\n                <div pep-main-area class=\"mapped-fields-main-area\">\n                    <div class=\"mapped-fields-top-area pep-border-bottom\"\n                        [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                        <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                        <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                    </div>\n                    \n                    <div class=\"data-view-by-type-area\" [ngSwitch]=\"type\">\n                        <ng-container *ngSwitchCase=\"'menu'\">\n                            <menu-data-view [fields]=\"dataView?.Fields || []\" [availableFieldsTitles]=\"availableFieldsTitles\" [emptyDropAreaId]=\"emptyDropAreaId\"\n                                [mappedFieldsId]=\"mappedFieldsId\" (fieldsChange)=\"onFieldsChanged($event)\">\n                            </menu-data-view>\n                        </ng-container>\n                        <!-- <ng-container *ngSwitchDefault>\n                        </ng-container> -->\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </ng-container>\n</pep-page-layout>\n\n", styles: [".mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .data-view-by-type-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DataViewBuilderService }]; }, propDecorators: { builderTitle: [{
+                type: Input
+            }], builderTitleHint: [{
+                type: Input
+            }], availableFields: [{
+                type: Input
+            }], dataView: [{
+                type: Input
+            }], dataViewChange: [{
+                type: Output
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV3ZHLE1BQU0sT0FBTyx3QkFBd0I7SUFvQ2pDLFlBQ1ksc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFwQzFELCtCQUErQjtRQUN0QixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFFdkIscUJBQWdCLEdBQTZCLEVBQUUsQ0FBQztRQXNCeEQsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFFOUUsU0FBSSxHQUEyQixlQUFlLENBQUM7UUFFL0Msb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFFaEMsMEJBQXFCLEdBQXdCLElBQUksR0FBRyxFQUFrQixDQUFDO1FBS25FLEVBQUU7SUFDTixDQUFDO0lBbENELElBQ0ksZUFBZSxDQUFDLEtBQStCO1FBQy9DLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLGVBQWU7UUFDZixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lBR0QsSUFDSSxRQUFRLENBQUMsS0FBbUI7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMxQixDQUFDO0lBa0JPLE9BQU87UUFDWCxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sRUFBRTtZQUNoQyxJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztTQUN0QjthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEtBQUssTUFBTSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDO1NBQ3RCO2FBQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztZQUNoQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztZQUNoQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQztZQUNqQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxFQUFFO1lBQ3pDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDO1NBQ3RCO2FBQU07WUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLGVBQWUsQ0FBQztTQUMvQjtJQUNMLENBQUM7SUFFTywyQkFBMkIsQ0FBQyxLQUFhLEVBQUUsT0FBZ0I7UUFDL0Qsd0NBQXdDO1FBQ3hDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssS0FBSyxDQUFDLENBQUM7UUFFcEUsaUNBQWlDO1FBQ2pDLElBQUksSUFBSSxFQUFFO1lBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7U0FDM0I7SUFDTCxDQUFDO0lBRU8sc0JBQXNCO1FBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQztRQUV4RCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUU7WUFDdkMsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDOUQsSUFBSSxDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQzthQUMvRTtTQUNKO0lBQ0wsQ0FBQztJQUVPLFlBQVk7UUFDaEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBRW5DLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2xDLEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDOUQsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFFbkQsSUFBSSxjQUFjLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO29CQUN0QyxJQUFJLENBQUMscUJBQXFCLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDakY7YUFDSjtTQUNKO0lBQ0wsQ0FBQztJQUVPLG9CQUFvQjtRQUN4QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDeEMsOEJBQThCO0lBQ2xDLENBQUM7SUFFRCxRQUFRO1FBQ0osRUFBRTtJQUNOLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBbUI7UUFDM0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWlCO1FBQ3ZCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELGVBQWUsQ0FBQyxNQUE0QjtRQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDOUIsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDaEMsQ0FBQzs7cUhBaEhRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHNQQ1pyQyx5OEVBMkNBOzJGRC9CYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksdUJBQXVCOzZHQU14QixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFJRixlQUFlO3NCQURsQixLQUFLO2dCQVdGLFFBQVE7c0JBRFgsS0FBSztnQkFXTixjQUFjO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRW5kLCBDZGtEcmFnU3RhcnQgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElQZXBEcmFnZ2FibGVJdGVtIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zJztcbmltcG9ydCB7IEJhc2VEYXRhVmlldywgRGF0YVZpZXdGaWVsZCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9wYXBpLXNkayc7XG5pbXBvcnQgeyBQZXBEYXRhVmlld0J1aWxkZXJUeXBlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5tb2RlbCc7XG5pbXBvcnQgeyBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtZGF0YS12aWV3LWJ1aWxkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXZpZXctYnVpbGRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhVmlld0J1aWxkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8vIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBidWlsZGVyVGl0bGUgPSAnJztcbiAgICBASW5wdXQoKSBidWlsZGVyVGl0bGVIaW50ID0gJyc7XG4gICAgXG4gICAgcHJpdmF0ZSBfYXZhaWxhYmxlRmllbGRzOiBBcnJheTxJUGVwRHJhZ2dhYmxlSXRlbT4gPSBbXTtcbiAgICBASW5wdXQoKVxuICAgIHNldCBhdmFpbGFibGVGaWVsZHModmFsdWU6IEFycmF5PElQZXBEcmFnZ2FibGVJdGVtPikge1xuICAgICAgICB0aGlzLl9hdmFpbGFibGVGaWVsZHMgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5zZXRUaXRsZXNNYXAoKTtcbiAgICB9XG4gICAgZ2V0IGF2YWlsYWJsZUZpZWxkcygpOiBBcnJheTxJUGVwRHJhZ2dhYmxlSXRlbT4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fYXZhaWxhYmxlRmllbGRzO1xuICAgIH1cbiAgICBcbiAgICBwcml2YXRlIF9kYXRhVmlldyE6IEJhc2VEYXRhVmlldztcbiAgICBASW5wdXQoKVxuICAgIHNldCBkYXRhVmlldyh2YWx1ZTogQmFzZURhdGFWaWV3KSB7XG4gICAgICAgIHRoaXMuX2RhdGFWaWV3ID0gdmFsdWU7XG4gICAgICAgIHRoaXMuc2V0VHlwZSgpO1xuICAgICAgICB0aGlzLnJlZnJlc2hBdmFpbGFibGVGaWVsZHMoKTtcbiAgICB9XG4gICAgZ2V0IGRhdGFWaWV3KCkgOiBCYXNlRGF0YVZpZXcge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGF0YVZpZXc7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgZGF0YVZpZXdDaGFuZ2U6IEV2ZW50RW1pdHRlcjxCYXNlRGF0YVZpZXc+ID0gbmV3IEV2ZW50RW1pdHRlcjxCYXNlRGF0YVZpZXc+KCk7XG4gICAgXG4gICAgdHlwZTogUGVwRGF0YVZpZXdCdWlsZGVyVHlwZSA9ICdub3Qtc3VwcG9ydGVkJztcbiAgICBcbiAgICBlbXB0eURyb3BBcmVhSWQgPSAnZW1wdHlEcm9wQXJlYSc7XG4gICAgbWFwcGVkRmllbGRzSWQgPSAnbWFwcGVkRmllbGRzJztcblxuICAgIGF2YWlsYWJsZUZpZWxkc1RpdGxlczogTWFwPHN0cmluZywgc3RyaW5nPiA9IG5ldyBNYXA8c3RyaW5nLCBzdHJpbmc+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBkYXRhVmlld0J1aWxkZXJTZXJ2aWNlOiBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRUeXBlKCkge1xuICAgICAgICBpZiAodGhpcy5fZGF0YVZpZXcuVHlwZSA9PT0gJ01lbnUnKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnbWVudSc7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5fZGF0YVZpZXcuVHlwZSA9PT0gJ0dyaWQnKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnbGlzdCc7XG4gICAgICAgIH0gZWxzZSBpZiAoKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdDYXJkJykgfHwgXG4gICAgICAgICAgICAgICAgICAgKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdGb3JtJykgfHwgXG4gICAgICAgICAgICAgICAgICAgKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdMYXJnZScpIHx8IFxuICAgICAgICAgICAgICAgICAgICh0aGlzLl9kYXRhVmlldy5UeXBlID09PSAnTGluZScpKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnY2FyZCc7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnbm90LXN1cHBvcnRlZCc7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEF2YWlsYWJsZUZpZWxkUGVybWlzc2lvbihmaWVsZDogc3RyaW5nLCBkaXNhYmxlOiBib29sZWFuKSB7XG4gICAgICAgIC8vIEZpbmQgdGhlIGl0ZW0gaW4gdGhlIGF2YWlsYWJsZSBmaWVsZHNcbiAgICAgICAgY29uc3QgaXRlbSA9IHRoaXMuYXZhaWxhYmxlRmllbGRzLmZpbmQoYXMgPT4gYXMuZGF0YS5rZXkgPT09IGZpZWxkKTtcbiAgICAgICAgXG4gICAgICAgIC8vIElmIGV4aXN0IGRpc2FibGUgb3IgZW5hYmxlIGl0LlxuICAgICAgICBpZiAoaXRlbSkge1xuICAgICAgICAgICAgaXRlbS5kaXNhYmxlZCA9IGRpc2FibGU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHJlZnJlc2hBdmFpbGFibGVGaWVsZHMoKSB7XG4gICAgICAgIHRoaXMuYXZhaWxhYmxlRmllbGRzLmZvckVhY2goYWYgPT4gYWYuZGlzYWJsZWQgPSBmYWxzZSk7XG4gICAgICAgIFxuICAgICAgICBpZiAodGhpcy5kYXRhVmlldyAmJiB0aGlzLmRhdGFWaWV3LkZpZWxkcykge1xuICAgICAgICAgICAgZm9yIChsZXQgaW5kZXggPSAwOyBpbmRleCA8IHRoaXMuZGF0YVZpZXcuRmllbGRzLmxlbmd0aDsgaW5kZXgrKykge1xuICAgICAgICAgICAgICAgIHRoaXMuc2V0QXZhaWxhYmxlRmllbGRQZXJtaXNzaW9uKHRoaXMuZGF0YVZpZXcuRmllbGRzW2luZGV4XS5GaWVsZElELCB0cnVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgc2V0VGl0bGVzTWFwKCkge1xuICAgICAgICB0aGlzLmF2YWlsYWJsZUZpZWxkc1RpdGxlcy5jbGVhcigpO1xuXG4gICAgICAgIGlmICh0aGlzLmF2YWlsYWJsZUZpZWxkcz8ubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgZm9yIChsZXQgaW5kZXggPSAwOyBpbmRleCA8IHRoaXMuYXZhaWxhYmxlRmllbGRzLmxlbmd0aDsgaW5kZXgrKykge1xuICAgICAgICAgICAgICAgIGNvbnN0IGF2YWlsYWJsZUZpZWxkID0gdGhpcy5hdmFpbGFibGVGaWVsZHNbaW5kZXhdO1xuXG4gICAgICAgICAgICAgICAgaWYgKGF2YWlsYWJsZUZpZWxkPy5kYXRhPy5rZXkubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmF2YWlsYWJsZUZpZWxkc1RpdGxlcy5zZXQoYXZhaWxhYmxlRmllbGQuZGF0YS5rZXksIGF2YWlsYWJsZUZpZWxkLnRpdGxlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIG5vdGlmeURhdGFWaWV3Q2hhbmdlKCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3Q2hhbmdlLmVtaXQodGhpcy5kYXRhVmlldyk7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKHRoaXMuZGF0YVZpZXcpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICAvL1xuICAgIH1cblxuICAgIG9uRHJhZ1N0YXJ0KGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICAgICAgdGhpcy5kYXRhVmlld0J1aWxkZXJTZXJ2aWNlLm9uRHJhZ1N0YXJ0KGV2ZW50KTtcbiAgICB9XG5cbiAgICBvbkRyYWdFbmQoZXZlbnQ6IENka0RyYWdFbmQpIHtcbiAgICAgICAgdGhpcy5kYXRhVmlld0J1aWxkZXJTZXJ2aWNlLm9uRHJhZ0VuZChldmVudCk7XG4gICAgfVxuICAgIFxuICAgIG9uRmllbGRzQ2hhbmdlZChmaWVsZHM6IEFycmF5PERhdGFWaWV3RmllbGQ+KSB7XG4gICAgICAgIHRoaXMuZGF0YVZpZXcuRmllbGRzID0gZmllbGRzO1xuICAgICAgICB0aGlzLnJlZnJlc2hBdmFpbGFibGVGaWVsZHMoKTtcbiAgICAgICAgdGhpcy5ub3RpZnlEYXRhVmlld0NoYW5nZSgpO1xuICAgIH1cbn1cbiIsIjxwZXAtcGFnZS1sYXlvdXQgPlxuICAgIDwhLS0gPG5nLWNvbnRhaW5lciBwZXAtdG9wLWFyZWE+XG4gICAgICAgIDxwZXAtdG9wLWJhciBbdGl0bGVdPVwidGl0bGVcIj5cbiAgICAgICAgICAgIDxkaXYgaGVhZGVyLWVuZC1jb250ZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvcGVwLXRvcC1iYXI+XG4gICAgPC9uZy1jb250YWluZXI+IC0tPlxuICAgIDxuZy1jb250YWluZXIgcGVwLW1haW4tYXJlYT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT09ICdub3Qtc3VwcG9ydGVkJyA7IHRoZW4gbm90U3VwcG9ydGVkVGVtcGxhdGU7IGVsc2Ugc3VwcG9ydGVkVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNub3RTdXBwb3J0ZWRUZW1wbGF0ZT5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm9keS1zbSBlbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgIHt7ICdEQVRBX1ZJRVdfQlVJTERFUi5UWVBFX05PVF9TVVBQT1JURUQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICA8L3NwYW4+IFxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctdGVtcGxhdGUgI3N1cHBvcnRlZFRlbXBsYXRlPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRhdGFWaWV3ICYmIGF2YWlsYWJsZUZpZWxkc1wiIGNsYXNzPVwibWFwcGVkLWZpZWxkcy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhaWxhYmxlLWZpZWxkcy1zaWRlLWFyZWFcIj5cbiAgICAgICAgICAgICAgICAgICAgPHBlcC1kcmFnZ2FibGUtaXRlbXMgW2l0ZW1zXT1cImF2YWlsYWJsZUZpZWxkc1wiIFt0aXRsZV09XCInREFUQV9WSUVXX0JVSUxERVIuQVZBSUxBQkxFX0ZJRUxEUycgfCB0cmFuc2xhdGVcIiB0aXRsZVR5cGU9XCJ3aXRoLWJvdHRvbS1ib3JkZXJcIiB0aXRsZVNpemVUeXBlPVwibWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgaXRlbVBsYWNlaG9sZGVyVHlwZT1cIndlYWtcIiBbc2hvd1NlYXJjaF09XCJ0cnVlXCIgW2Ryb3BBcmVhSWRzXT1cIlsnZW1wdHlEcm9wQXJlYScsICdtYXBwZWRGaWVsZHMnXVwiIChpdGVtRHJhZ1N0YXJ0ZWQpPVwib25EcmFnU3RhcnQoJGV2ZW50KVwiIChpdGVtRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZCgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvcGVwLWRyYWdnYWJsZS1pdGVtcz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IHBlcC1tYWluLWFyZWEgY2xhc3M9XCJtYXBwZWQtZmllbGRzLW1haW4tYXJlYVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWFwcGVkLWZpZWxkcy10b3AtYXJlYSBwZXAtYm9yZGVyLWJvdHRvbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiYnVpbGRlclRpdGxlICsgJyAnICsgKGJ1aWxkZXJUaXRsZUhpbnQgPyAoJygnICsgYnVpbGRlclRpdGxlSGludCArICcpJykgOiAnJylcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUtbWRcIj57eyBidWlsZGVyVGl0bGUgfX0mbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImJ1aWxkZXJUaXRsZUhpbnRcIiBjbGFzcz1cImNvbG9yLWRpbW1lZFwiPih7eyBidWlsZGVyVGl0bGVIaW50IH19KTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YS12aWV3LWJ5LXR5cGUtYXJlYVwiIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbWVudSdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWVudS1kYXRhLXZpZXcgW2ZpZWxkc109XCJkYXRhVmlldz8uRmllbGRzIHx8IFtdXCIgW2F2YWlsYWJsZUZpZWxkc1RpdGxlc109XCJhdmFpbGFibGVGaWVsZHNUaXRsZXNcIiBbZW1wdHlEcm9wQXJlYUlkXT1cImVtcHR5RHJvcEFyZWFJZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFttYXBwZWRGaWVsZHNJZF09XCJtYXBwZWRGaWVsZHNJZFwiIChmaWVsZHNDaGFuZ2UpPVwib25GaWVsZHNDaGFuZ2VkKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21lbnUtZGF0YS12aWV3PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiAtLT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvcGVwLXBhZ2UtbGF5b3V0PlxuXG4iXX0=

package/esm2020/data-view-builder/data-view-builder.model.mjs

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWJ1aWxkZXIubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9kYXRhLXZpZXctYnVpbGRlci9kYXRhLXZpZXctYnVpbGRlci5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgUGVwRGF0YVZpZXdCdWlsZGVyVHlwZSA9ICdtZW51JyB8ICdsaXN0JyB8ICdjYXJkJyB8ICdub3Qtc3VwcG9ydGVkJztcclxuIl19

package/esm2020/data-view-builder/data-view-builder.module.mjs

@@ -1,80 +1,80 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { MatIconModule } from '@angular/material/icon';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
-import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
-import { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';
-import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
-import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
-import { PepDraggableItemsModule } from '@pepperi-addons/ngx-lib/draggable-items';
-import { PepIconModule, pepIconSystemClose, pepIconArrowDownAlt, pepIconSystemBin, pepIconNumberPlus } from '@pepperi-addons/ngx-lib/icon';
-import { DataViewBuilderService } from './data-view-builder.service';
-import { DataViewBuilderComponent } from './data-view-builder.component';
-import { MenuDataViewComponent } from './menu-data-view/menu-data-view.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@pepperi-addons/ngx-lib/icon";
-const pepIcons = [
-    pepIconSystemClose,
-    pepIconArrowDownAlt,
-    pepIconSystemBin,
-    pepIconNumberPlus
-];
-export class PepDataViewBuilderModule {
-    constructor(pepIconRegistry) {
-        this.pepIconRegistry = pepIconRegistry;
-        this.pepIconRegistry.registerIcons(pepIcons);
-    }
-}
-PepDataViewBuilderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepDataViewBuilderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, declarations: [DataViewBuilderComponent, MenuDataViewComponent], imports: [CommonModule,
-        DragDropModule,
-        MatIconModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        PepDialogModule,
-        PepIconModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTextboxModule,
-        PepTopBarModule,
-        PepDraggableItemsModule], exports: [DataViewBuilderComponent] });
-PepDataViewBuilderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, providers: [DataViewBuilderService], imports: [CommonModule,
-        DragDropModule,
-        MatIconModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        PepDialogModule,
-        PepIconModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTextboxModule,
-        PepTopBarModule,
-        PepDraggableItemsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DataViewBuilderComponent, MenuDataViewComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        DragDropModule,
-                        MatIconModule,
-                        PepNgxLibModule,
-                        PepButtonModule,
-                        PepDialogModule,
-                        PepIconModule,
-                        PepMenuModule,
-                        PepPageLayoutModule,
-                        PepTextboxModule,
-                        PepTopBarModule,
-                        PepDraggableItemsModule,
-                    ],
-                    exports: [DataViewBuilderComponent],
-                    providers: [DataViewBuilderService]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { MatIconModule } from '@angular/material/icon';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
+import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
+import { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
+import { PepDraggableItemsModule } from '@pepperi-addons/ngx-lib/draggable-items';
+import { PepIconModule, pepIconSystemClose, pepIconArrowDownAlt, pepIconSystemBin, pepIconNumberPlus } from '@pepperi-addons/ngx-lib/icon';
+import { DataViewBuilderService } from './data-view-builder.service';
+import { DataViewBuilderComponent } from './data-view-builder.component';
+import { MenuDataViewComponent } from './menu-data-view/menu-data-view.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/icon";
+const pepIcons = [
+    pepIconSystemClose,
+    pepIconArrowDownAlt,
+    pepIconSystemBin,
+    pepIconNumberPlus
+];
+export class PepDataViewBuilderModule {
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons(pepIcons);
+    }
+}
+PepDataViewBuilderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+PepDataViewBuilderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, declarations: [DataViewBuilderComponent, MenuDataViewComponent], imports: [CommonModule,
+        DragDropModule,
+        MatIconModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepDialogModule,
+        PepIconModule,
+        PepMenuModule,
+        PepPageLayoutModule,
+        PepTextboxModule,
+        PepTopBarModule,
+        PepDraggableItemsModule], exports: [DataViewBuilderComponent] });
+PepDataViewBuilderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, providers: [DataViewBuilderService], imports: [CommonModule,
+        DragDropModule,
+        MatIconModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepDialogModule,
+        PepIconModule,
+        PepMenuModule,
+        PepPageLayoutModule,
+        PepTextboxModule,
+        PepTopBarModule,
+        PepDraggableItemsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataViewBuilderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DataViewBuilderComponent, MenuDataViewComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        DragDropModule,
+                        MatIconModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepDialogModule,
+                        PepIconModule,
+                        PepMenuModule,
+                        PepPageLayoutModule,
+                        PepTextboxModule,
+                        PepTopBarModule,
+                        PepDraggableItemsModule,
+                    ],
+                    exports: [DataViewBuilderComponent],
+                    providers: [DataViewBuilderService]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWJ1aWxkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNsRixPQUFPLEVBQW1CLGFBQWEsRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTVKLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXJFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7QUFFbEYsTUFBTSxRQUFRLEdBQUc7SUFDYixrQkFBa0I7SUFDbEIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixpQkFBaUI7Q0FDcEIsQ0FBQztBQXVCRixNQUFNLE9BQU8sd0JBQXdCO0lBQ2pDLFlBQ1ksZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBRXhDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2pELENBQUM7O3FIQUxRLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQW5CN0Isd0JBQXdCLEVBQUUscUJBQXFCLGFBRy9DLFlBQVk7UUFDWixjQUFjO1FBQ2QsYUFBYTtRQUNiLGVBQWU7UUFDZixlQUFlO1FBQ2YsZUFBZTtRQUNmLGFBQWE7UUFDYixhQUFhO1FBQ2IsbUJBQW1CO1FBQ25CLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsdUJBQXVCLGFBRWpCLHdCQUF3QjtzSEFHekIsd0JBQXdCLGFBRnRCLENBQUMsc0JBQXNCLENBQUMsWUFkL0IsWUFBWTtRQUNaLGNBQWM7UUFDZCxhQUFhO1FBQ2IsZUFBZTtRQUNmLGVBQWU7UUFDZixlQUFlO1FBQ2YsYUFBYTtRQUNiLGFBQWE7UUFDYixtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZix1QkFBdUI7MkZBS2xCLHdCQUF3QjtrQkFyQnBDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLHdCQUF3QixFQUFFLHFCQUFxQjtxQkFDbEQ7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZix1QkFBdUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNuQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcblxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBQZXBCdXR0b25Nb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9idXR0b24nO1xuaW1wb3J0IHsgUGVwRGlhbG9nTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZGlhbG9nJztcbmltcG9ydCB7IFBlcE1lbnVNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9tZW51JztcbmltcG9ydCB7IFBlcFBhZ2VMYXlvdXRNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9wYWdlLWxheW91dCc7XG5pbXBvcnQgeyBQZXBUZXh0Ym94TW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvdGV4dGJveCc7XG5pbXBvcnQgeyBQZXBUb3BCYXJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi90b3AtYmFyJztcbmltcG9ydCB7IFBlcERyYWdnYWJsZUl0ZW1zTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zJztcbmltcG9ydCB7IFBlcEljb25SZWdpc3RyeSwgUGVwSWNvbk1vZHVsZSwgcGVwSWNvblN5c3RlbUNsb3NlLCBwZXBJY29uQXJyb3dEb3duQWx0LCBwZXBJY29uU3lzdGVtQmluLCBwZXBJY29uTnVtYmVyUGx1cyB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2ljb24nO1xuXG5pbXBvcnQgeyBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5zZXJ2aWNlJztcblxuaW1wb3J0IHsgRGF0YVZpZXdCdWlsZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWVudURhdGFWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51LWRhdGEtdmlldy9tZW51LWRhdGEtdmlldy5jb21wb25lbnQnO1xuXG5jb25zdCBwZXBJY29ucyA9IFtcbiAgICBwZXBJY29uU3lzdGVtQ2xvc2UsXG4gICAgcGVwSWNvbkFycm93RG93bkFsdCxcbiAgICBwZXBJY29uU3lzdGVtQmluLFxuICAgIHBlcEljb25OdW1iZXJQbHVzXG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBEYXRhVmlld0J1aWxkZXJDb21wb25lbnQsIE1lbnVEYXRhVmlld0NvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIERyYWdEcm9wTW9kdWxlLFxuICAgICAgICBNYXRJY29uTW9kdWxlLFxuICAgICAgICBQZXBOZ3hMaWJNb2R1bGUsXG4gICAgICAgIFBlcEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgUGVwRGlhbG9nTW9kdWxlLFxuICAgICAgICBQZXBJY29uTW9kdWxlLFxuICAgICAgICBQZXBNZW51TW9kdWxlLFxuICAgICAgICBQZXBQYWdlTGF5b3V0TW9kdWxlLFxuICAgICAgICBQZXBUZXh0Ym94TW9kdWxlLFxuICAgICAgICBQZXBUb3BCYXJNb2R1bGUsXG4gICAgICAgIFBlcERyYWdnYWJsZUl0ZW1zTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW0RhdGFWaWV3QnVpbGRlckNvbXBvbmVudF0sXG4gICAgcHJvdmlkZXJzOiBbRGF0YVZpZXdCdWlsZGVyU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgUGVwRGF0YVZpZXdCdWlsZGVyTW9kdWxlIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBwZXBJY29uUmVnaXN0cnk6IFBlcEljb25SZWdpc3RyeSxcbiAgICApIHtcbiAgICAgICAgdGhpcy5wZXBJY29uUmVnaXN0cnkucmVnaXN0ZXJJY29ucyhwZXBJY29ucyk7XG4gICAgfVxufVxuIl19

package/esm2020/data-view-builder/data-view-builder.service.mjs

@@ -1,39 +1,39 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { distinctUntilChanged } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-export class DataViewBuilderService {
-    constructor() {
-        // This subject is for is grabbing mode.
-        this._isGrabbingSubject = new BehaviorSubject(false);
-        //
-    }
-    get isGrabbingChange$() {
-        return this._isGrabbingSubject.asObservable().pipe(distinctUntilChanged());
-    }
-    changeCursorOnDragStart() {
-        document.body.classList.add('inheritCursors');
-        document.body.style.cursor = 'grabbing';
-        this._isGrabbingSubject.next(true);
-    }
-    changeCursorOnDragEnd() {
-        document.body.classList.remove('inheritCursors');
-        document.body.style.cursor = 'unset';
-        this._isGrabbingSubject.next(false);
-    }
-    onDragStart(event) {
-        this.changeCursorOnDragStart();
-    }
-    onDragEnd(event) {
-        this.changeCursorOnDragEnd();
-    }
-}
-DataViewBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DataViewBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { distinctUntilChanged } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+export class DataViewBuilderService {
+    constructor() {
+        // This subject is for is grabbing mode.
+        this._isGrabbingSubject = new BehaviorSubject(false);
+        //
+    }
+    get isGrabbingChange$() {
+        return this._isGrabbingSubject.asObservable().pipe(distinctUntilChanged());
+    }
+    changeCursorOnDragStart() {
+        document.body.classList.add('inheritCursors');
+        document.body.style.cursor = 'grabbing';
+        this._isGrabbingSubject.next(true);
+    }
+    changeCursorOnDragEnd() {
+        document.body.classList.remove('inheritCursors');
+        document.body.style.cursor = 'unset';
+        this._isGrabbingSubject.next(false);
+    }
+    onDragStart(event) {
+        this.changeCursorOnDragStart();
+    }
+    onDragEnd(event) {
+        this.changeCursorOnDragEnd();
+    }
+}
+DataViewBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DataViewBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DataViewBuilderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWJ1aWxkZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2RhdGEtdmlldy1idWlsZGVyL2RhdGEtdmlldy1idWlsZGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxvQkFBb0IsRUFBVSxNQUFNLGdCQUFnQixDQUFDOztBQUs5RCxNQUFNLE9BQU8sc0JBQXNCO0lBUS9CO1FBTkEsd0NBQXdDO1FBQ2hDLHVCQUFrQixHQUE2QixJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztRQU12RixFQUFFO0lBQ04sQ0FBQztJQU5ELElBQUksaUJBQWlCO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDL0UsQ0FBQztJQU1PLHVCQUF1QjtRQUMzQixRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM5QyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVPLHFCQUFxQjtRQUN6QixRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNqRCxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFtQjtRQUMzQixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWlCO1FBQ3ZCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQ2pDLENBQUM7O21IQTlCUSxzQkFBc0I7dUhBQXRCLHNCQUFzQixjQUZuQixNQUFNOzJGQUVULHNCQUFzQjtrQkFIbEMsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRW5kLCBDZGtEcmFnU3RhcnQgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlIHtcbiAgICBcbiAgICAvLyBUaGlzIHN1YmplY3QgaXMgZm9yIGlzIGdyYWJiaW5nIG1vZGUuXG4gICAgcHJpdmF0ZSBfaXNHcmFiYmluZ1N1YmplY3Q6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuICAgIGdldCBpc0dyYWJiaW5nQ2hhbmdlJCgpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzR3JhYmJpbmdTdWJqZWN0LmFzT2JzZXJ2YWJsZSgpLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoKSB7IFxuICAgICAgICAvL1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hhbmdlQ3Vyc29yT25EcmFnU3RhcnQoKSB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZCgnaW5oZXJpdEN1cnNvcnMnKTtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAnZ3JhYmJpbmcnO1xuICAgICAgICB0aGlzLl9pc0dyYWJiaW5nU3ViamVjdC5uZXh0KHRydWUpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hhbmdlQ3Vyc29yT25EcmFnRW5kKCkge1xuICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoJ2luaGVyaXRDdXJzb3JzJyk7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUuY3Vyc29yID0gJ3Vuc2V0JztcbiAgICAgICAgdGhpcy5faXNHcmFiYmluZ1N1YmplY3QubmV4dChmYWxzZSk7XG4gICAgfVxuICAgIFxuICAgIG9uRHJhZ1N0YXJ0KGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VDdXJzb3JPbkRyYWdTdGFydCgpO1xuICAgIH1cblxuICAgIG9uRHJhZ0VuZChldmVudDogQ2RrRHJhZ0VuZCkge1xuICAgICAgICB0aGlzLmNoYW5nZUN1cnNvck9uRHJhZ0VuZCgpO1xuICAgIH1cbn1cbiJdfQ==