@pepperi-addons/ngx-composite-lib 0.0.16-beta.26 → 0.0.16-beta.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/bundles/pepperi-addons-ngx-composite-lib-data-view-builder.umd.js +43 -19
  2. package/bundles/pepperi-addons-ngx-composite-lib-data-view-builder.umd.js.map +1 -1
  3. package/data-view-builder/data-view-builder.component.d.ts +6 -3
  4. package/data-view-builder/menu-data-view/menu-data-view.component.d.ts +2 -1
  5. package/esm2015/data-view-builder/data-view-builder.component.js +31 -14
  6. package/esm2015/data-view-builder/menu-data-view/menu-data-view.component.js +7 -4
  7. package/fesm2015/pepperi-addons-ngx-composite-lib-data-view-builder.js +33 -13
  8. package/fesm2015/pepperi-addons-ngx-composite-lib-data-view-builder.js.map +1 -1
  9. package/package.json +2 -2
  10. package/src/assets/i18n/en.ngx-composite-lib.json +1 -1
package/esm2015/data-view-builder/data-view-builder.component.js CHANGED
@@ -2,24 +2,31 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "./data-view-builder.service";
4
4
  import * as i2 from "@pepperi-addons/ngx-lib/page-layout";
5
- import * as i3 from "@pepperi-addons/ngx-lib/top-bar";
6
- import * as i4 from "@pepperi-addons/ngx-lib/draggable-items";
7
- import * as i5 from "./menu-data-view/menu-data-view.component";
8
- import * as i6 from "@angular/common";
9
- import * as i7 from "@ngx-translate/core";
5
+ import * as i3 from "@pepperi-addons/ngx-lib/draggable-items";
6
+ import * as i4 from "./menu-data-view/menu-data-view.component";
7
+ import * as i5 from "@angular/common";
8
+ import * as i6 from "@ngx-translate/core";
10
9
  export class DataViewBuilderComponent {
11
10
  constructor(dataViewBuilderService) {
12
11
  this.dataViewBuilderService = dataViewBuilderService;
13
- this.title = '';
12
+ // @Input() title: string = '';
14
13
  this.builderTitle = '';
15
14
  this.builderTitleHint = '';
16
- this.availableFields = [];
15
+ this._availableFields = [];
17
16
  this.dataViewChange = new EventEmitter();
18
17
  this.type = 'not-supported';
19
18
  this.emptyDropAreaId = 'emptyDropArea';
20
19
  this.mappedFieldsId = 'mappedFields';
20
+ this.availableFieldsTitles = new Map();
21
21
  //
22
22
  }
23
+ set availableFields(value) {
24
+ this._availableFields = value;
25
+ this.setTitlesMap();
26
+ }
27
+ get availableFields() {
28
+ return this._availableFields;
29
+ }
23
30
  set dataView(value) {
24
31
  this._dataView = value;
25
32
  this.setType();
@@ -47,7 +54,7 @@ export class DataViewBuilderComponent {
47
54
  }
48
55
  setAvailableFieldPermission(field, disable) {
49
56
  // Find the item in the available fields
50
- const item = this.availableFields.find(as => as.data === field);
57
+ const item = this.availableFields.find(as => as.data.key === field);
51
58
  // If exist disable or enable it.
52
59
  if (item) {
53
60
  item.disabled = disable;
@@ -61,9 +68,21 @@ export class DataViewBuilderComponent {
61
68
  }
62
69
  }
63
70
  }
71
+ setTitlesMap() {
72
+ var _a, _b;
73
+ this.availableFieldsTitles.clear();
74
+ if (((_a = this.availableFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
75
+ for (let index = 0; index < this.availableFields.length; index++) {
76
+ const availableField = this.availableFields[index];
77
+ if (((_b = availableField === null || availableField === void 0 ? void 0 : availableField.data) === null || _b === void 0 ? void 0 : _b.key.length) > 0) {
78
+ this.availableFieldsTitles.set(availableField.data.key, availableField.title);
79
+ }
80
+ }
81
+ }
82
+ }
64
83
  notifyDataViewChange() {
65
84
  this.dataViewChange.emit(this.dataView);
66
- console.log(this.dataView);
85
+ // console.log(this.dataView);
67
86
  }
68
87
  ngOnInit() {
69
88
  }
@@ -80,7 +99,7 @@ export class DataViewBuilderComponent {
80
99
  }
81
100
  }
82
101
  DataViewBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DataViewBuilderComponent, deps: [{ token: i1.DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
83
- DataViewBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DataViewBuilderComponent, selector: "pep-data-view-builder", inputs: { title: "title", 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 <!-- <pep-button class=\"pep-spacing-element\" [value]=\"'Cancel' | translate\" (buttonClick)=\"backClicked()\"></pep-button> -->\n <!-- <pep-button class=\"pep-spacing-element\" [value]=\"'Save' | translate\" styleType=\"strong\" (buttonClick)=\"saveClicked()\"></pep-button> -->\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 <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'menu'\">\n <menu-data-view [fields]=\"dataView?.Fields || []\" [emptyDropAreaId]=\"emptyDropAreaId\" [mappedFieldsId]=\"mappedFieldsId\" (fieldsChange)=\"onFieldsChanged($event)\"></menu-data-view>\n </ng-container>\n <!-- <ng-container *ngSwitchDefault>\n </ng-container> -->\n </ng-container>\n </div>\n </div>\n </ng-template>\n </ng-container>\n</pep-page-layout>\n\n", styles: [".mapped-fields-container{display:grid;grid-template-columns:auto 1fr;grid-template-rows: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;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem)}.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 .mapped-fields-top-area.pep-border-bottom{margin-bottom:var(--pep-spacing-lg, 1rem)}\n"], components: [{ type: i2.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i3.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }, { type: i4.DraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { type: i5.MenuDataViewComponent, selector: "menu-data-view", inputs: ["fields", "emptyDropAreaId", "mappedFieldsId"], outputs: ["fieldsChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "translate": i7.TranslatePipe } });
102
+ DataViewBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", 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"], components: [{ type: i2.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i3.DraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { type: i4.MenuDataViewComponent, selector: "menu-data-view", inputs: ["fields", "availableFieldsTitles", "emptyDropAreaId", "mappedFieldsId"], outputs: ["fieldsChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "translate": i6.TranslatePipe } });
84
103
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DataViewBuilderComponent, decorators: [{
85
104
  type: Component,
86
105
  args: [{
@@ -88,9 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
88
107
  templateUrl: './data-view-builder.component.html',
89
108
  styleUrls: ['./data-view-builder.component.scss']
90
109
  }]
91
- }], ctorParameters: function () { return [{ type: i1.DataViewBuilderService }]; }, propDecorators: { title: [{
92
- type: Input
93
- }], builderTitle: [{
110
+ }], ctorParameters: function () { return [{ type: i1.DataViewBuilderService }]; }, propDecorators: { builderTitle: [{
94
111
  type: Input
95
112
  }], builderTitleHint: [{
96
113
  type: Input
@@ -101,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
101
118
  }], dataViewChange: [{
102
119
  type: Output
103
120
  }] } });
104
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVd2RyxNQUFNLE9BQU8sd0JBQXdCO0lBMEJqQyxZQUNZLHNCQUE4QztRQUE5QywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBMUJqRCxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBQzFCLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztRQUU5QixvQkFBZSxHQUE2QixFQUFFLENBQUM7UUFjeEQsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFFOUUsU0FBSSxHQUEyQixlQUFlLENBQUM7UUFFL0Msb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFLNUIsRUFBRTtJQUNOLENBQUM7SUF0QkQsSUFDSSxRQUFRLENBQUMsS0FBbUI7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMxQixDQUFDO0lBZ0JPLE9BQU87UUFDWCxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sRUFBRTtZQUNoQyxJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztTQUN0QjthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEtBQUssTUFBTSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDO1NBQ3RCO2FBQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztZQUNoQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztZQUNoQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQztZQUNqQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxFQUFFO1lBQ3pDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDO1NBQ3RCO2FBQU07WUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLGVBQWUsQ0FBQztTQUMvQjtJQUNMLENBQUM7SUFFTywyQkFBMkIsQ0FBQyxLQUFhLEVBQUUsT0FBZ0I7UUFDL0Qsd0NBQXdDO1FBQ3hDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQztRQUVoRSxpQ0FBaUM7UUFDakMsSUFBSSxJQUFJLEVBQUU7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFFTyxzQkFBc0I7UUFDMUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBRXhELElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRTtZQUN2QyxLQUFLLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUM5RCxJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDO2FBQy9FO1NBQ0o7SUFDTCxDQUFDO0lBRU8sb0JBQW9CO1FBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4QyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsUUFBUTtJQUVSLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBbUI7UUFDM0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWlCO1FBQ3ZCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELGVBQWUsQ0FBQyxNQUE0QjtRQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDOUIsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDaEMsQ0FBQzs7cUhBeEZRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHNRQ1pyQyx5bkZBMkNBOzJGRC9CYSx3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsV0FBVyxFQUFFLG9DQUFvQztvQkFDakQsU0FBUyxFQUFFLENBQUMsb0NBQW9DLENBQUM7aUJBQ3BEOzZHQUVZLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlGLFFBQVE7c0JBRFgsS0FBSztnQkFXTixjQUFjO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRW5kLCBDZGtEcmFnU3RhcnQgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElQZXBEcmFnZ2FibGVJdGVtIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zJztcbmltcG9ydCB7IEJhc2VEYXRhVmlldywgRGF0YVZpZXdGaWVsZCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9wYXBpLXNkayc7XG5pbXBvcnQgeyBQZXBEYXRhVmlld0J1aWxkZXJUeXBlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5tb2RlbCc7XG5pbXBvcnQgeyBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtZGF0YS12aWV3LWJ1aWxkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXZpZXctYnVpbGRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhVmlld0J1aWxkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBidWlsZGVyVGl0bGU6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIGJ1aWxkZXJUaXRsZUhpbnQ6IHN0cmluZyA9ICcnO1xuICAgIFxuICAgIEBJbnB1dCgpIGF2YWlsYWJsZUZpZWxkczogQXJyYXk8SVBlcERyYWdnYWJsZUl0ZW0+ID0gW107XG4gICAgXG4gICAgcHJpdmF0ZSBfZGF0YVZpZXchOiBCYXNlRGF0YVZpZXc7XG4gICAgQElucHV0KClcbiAgICBzZXQgZGF0YVZpZXcodmFsdWU6IEJhc2VEYXRhVmlldykge1xuICAgICAgICB0aGlzLl9kYXRhVmlldyA9IHZhbHVlO1xuICAgICAgICB0aGlzLnNldFR5cGUoKTtcbiAgICAgICAgdGhpcy5yZWZyZXNoQXZhaWxhYmxlRmllbGRzKCk7XG4gICAgfVxuICAgIGdldCBkYXRhVmlldygpIDogQmFzZURhdGFWaWV3IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2RhdGFWaWV3O1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIGRhdGFWaWV3Q2hhbmdlOiBFdmVudEVtaXR0ZXI8QmFzZURhdGFWaWV3PiA9IG5ldyBFdmVudEVtaXR0ZXI8QmFzZURhdGFWaWV3PigpO1xuICAgIFxuICAgIHR5cGU6IFBlcERhdGFWaWV3QnVpbGRlclR5cGUgPSAnbm90LXN1cHBvcnRlZCc7XG4gICAgXG4gICAgZW1wdHlEcm9wQXJlYUlkID0gJ2VtcHR5RHJvcEFyZWEnO1xuICAgIG1hcHBlZEZpZWxkc0lkID0gJ21hcHBlZEZpZWxkcyc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBkYXRhVmlld0J1aWxkZXJTZXJ2aWNlOiBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRUeXBlKCkge1xuICAgICAgICBpZiAodGhpcy5fZGF0YVZpZXcuVHlwZSA9PT0gJ01lbnUnKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnbWVudSc7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5fZGF0YVZpZXcuVHlwZSA9PT0gJ0dyaWQnKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnbGlzdCc7XG4gICAgICAgIH0gZWxzZSBpZiAoKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdDYXJkJykgfHwgXG4gICAgICAgICAgICAgICAgICAgKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdGb3JtJykgfHwgXG4gICAgICAgICAgICAgICAgICAgKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdMYXJnZScpIHx8IFxuICAgICAgICAgICAgICAgICAgICh0aGlzLl9kYXRhVmlldy5UeXBlID09PSAnTGluZScpKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnY2FyZCc7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAnbm90LXN1cHBvcnRlZCc7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEF2YWlsYWJsZUZpZWxkUGVybWlzc2lvbihmaWVsZDogc3RyaW5nLCBkaXNhYmxlOiBib29sZWFuKSB7XG4gICAgICAgIC8vIEZpbmQgdGhlIGl0ZW0gaW4gdGhlIGF2YWlsYWJsZSBmaWVsZHNcbiAgICAgICAgY29uc3QgaXRlbSA9IHRoaXMuYXZhaWxhYmxlRmllbGRzLmZpbmQoYXMgPT4gYXMuZGF0YSA9PT0gZmllbGQpO1xuICAgICAgICBcbiAgICAgICAgLy8gSWYgZXhpc3QgZGlzYWJsZSBvciBlbmFibGUgaXQuXG4gICAgICAgIGlmIChpdGVtKSB7XG4gICAgICAgICAgICBpdGVtLmRpc2FibGVkID0gZGlzYWJsZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgcmVmcmVzaEF2YWlsYWJsZUZpZWxkcygpIHtcbiAgICAgICAgdGhpcy5hdmFpbGFibGVGaWVsZHMuZm9yRWFjaChhZiA9PiBhZi5kaXNhYmxlZCA9IGZhbHNlKTtcbiAgICAgICAgXG4gICAgICAgIGlmICh0aGlzLmRhdGFWaWV3ICYmIHRoaXMuZGF0YVZpZXcuRmllbGRzKSB7XG4gICAgICAgICAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgdGhpcy5kYXRhVmlldy5GaWVsZHMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRBdmFpbGFibGVGaWVsZFBlcm1pc3Npb24odGhpcy5kYXRhVmlldy5GaWVsZHNbaW5kZXhdLkZpZWxkSUQsIHRydWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBub3RpZnlEYXRhVmlld0NoYW5nZSgpIHtcbiAgICAgICAgdGhpcy5kYXRhVmlld0NoYW5nZS5lbWl0KHRoaXMuZGF0YVZpZXcpO1xuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmRhdGFWaWV3KTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgXG4gICAgfVxuXG4gICAgb25EcmFnU3RhcnQoZXZlbnQ6IENka0RyYWdTdGFydCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2Uub25EcmFnU3RhcnQoZXZlbnQpO1xuICAgIH1cblxuICAgIG9uRHJhZ0VuZChldmVudDogQ2RrRHJhZ0VuZCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2Uub25EcmFnRW5kKGV2ZW50KTtcbiAgICB9XG4gICAgXG4gICAgb25GaWVsZHNDaGFuZ2VkKGZpZWxkczogQXJyYXk8RGF0YVZpZXdGaWVsZD4pIHtcbiAgICAgICAgdGhpcy5kYXRhVmlldy5GaWVsZHMgPSBmaWVsZHM7XG4gICAgICAgIHRoaXMucmVmcmVzaEF2YWlsYWJsZUZpZWxkcygpO1xuICAgICAgICB0aGlzLm5vdGlmeURhdGFWaWV3Q2hhbmdlKCk7XG4gICAgfVxufVxuIiwiPHBlcC1wYWdlLWxheW91dCA+XG4gICAgPG5nLWNvbnRhaW5lciBwZXAtdG9wLWFyZWE+XG4gICAgICAgIDxwZXAtdG9wLWJhciBbdGl0bGVdPVwidGl0bGVcIj5cbiAgICAgICAgICAgIDxkaXYgaGVhZGVyLWVuZC1jb250ZW50PlxuICAgICAgICAgICAgICAgIDwhLS0gPHBlcC1idXR0b24gY2xhc3M9XCJwZXAtc3BhY2luZy1lbGVtZW50XCIgW3ZhbHVlXT1cIidDYW5jZWwnIHwgdHJhbnNsYXRlXCIgKGJ1dHRvbkNsaWNrKT1cImJhY2tDbGlja2VkKClcIj48L3BlcC1idXR0b24+IC0tPlxuICAgICAgICAgICAgICAgIDwhLS0gPHBlcC1idXR0b24gY2xhc3M9XCJwZXAtc3BhY2luZy1lbGVtZW50XCIgW3ZhbHVlXT1cIidTYXZlJyB8IHRyYW5zbGF0ZVwiIHN0eWxlVHlwZT1cInN0cm9uZ1wiIChidXR0b25DbGljayk9XCJzYXZlQ2xpY2tlZCgpXCI+PC9wZXAtYnV0dG9uPiAtLT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L3BlcC10b3AtYmFyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgcGVwLW1haW4tYXJlYT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT09ICdub3Qtc3VwcG9ydGVkJyA7IHRoZW4gbm90U3VwcG9ydGVkVGVtcGxhdGU7IGVsc2Ugc3VwcG9ydGVkVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNub3RTdXBwb3J0ZWRUZW1wbGF0ZT5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm9keS1zbSBlbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgIHt7ICdEQVRBX1ZJRVdfQlVJTERFUi5UWVBFX05PVF9TVVBQT1JURUQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICA8L3NwYW4+IFxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctdGVtcGxhdGUgI3N1cHBvcnRlZFRlbXBsYXRlPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRhdGFWaWV3ICYmIGF2YWlsYWJsZUZpZWxkc1wiIGNsYXNzPVwibWFwcGVkLWZpZWxkcy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhaWxhYmxlLWZpZWxkcy1zaWRlLWFyZWFcIj5cbiAgICAgICAgICAgICAgICAgICAgPHBlcC1kcmFnZ2FibGUtaXRlbXMgW2l0ZW1zXT1cImF2YWlsYWJsZUZpZWxkc1wiIFt0aXRsZV09XCInREFUQV9WSUVXX0JVSUxERVIuQVZBSUxBQkxFX0ZJRUxEUycgfCB0cmFuc2xhdGVcIiB0aXRsZVR5cGU9XCJ3aXRoLWJvdHRvbS1ib3JkZXJcIiB0aXRsZVNpemVUeXBlPVwibWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgaXRlbVBsYWNlaG9sZGVyVHlwZT1cIndlYWtcIiBbc2hvd1NlYXJjaF09XCJ0cnVlXCIgW2Ryb3BBcmVhSWRzXT1cIlsnZW1wdHlEcm9wQXJlYScsICdtYXBwZWRGaWVsZHMnXVwiIChpdGVtRHJhZ1N0YXJ0ZWQpPVwib25EcmFnU3RhcnQoJGV2ZW50KVwiIChpdGVtRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZCgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvcGVwLWRyYWdnYWJsZS1pdGVtcz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IHBlcC1tYWluLWFyZWEgY2xhc3M9XCJtYXBwZWQtZmllbGRzLW1haW4tYXJlYVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWFwcGVkLWZpZWxkcy10b3AtYXJlYSBwZXAtYm9yZGVyLWJvdHRvbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiYnVpbGRlclRpdGxlICsgJyAnICsgKGJ1aWxkZXJUaXRsZUhpbnQgPyAoJygnICsgYnVpbGRlclRpdGxlSGludCArICcpJykgOiAnJylcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUtbWRcIj57eyBidWlsZGVyVGl0bGUgfX0mbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImJ1aWxkZXJUaXRsZUhpbnRcIiBjbGFzcz1cImNvbG9yLWRpbW1lZFwiPih7eyBidWlsZGVyVGl0bGVIaW50IH19KTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbWVudSdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWVudS1kYXRhLXZpZXcgW2ZpZWxkc109XCJkYXRhVmlldz8uRmllbGRzIHx8IFtdXCIgW2VtcHR5RHJvcEFyZWFJZF09XCJlbXB0eURyb3BBcmVhSWRcIiBbbWFwcGVkRmllbGRzSWRdPVwibWFwcGVkRmllbGRzSWRcIiAoZmllbGRzQ2hhbmdlKT1cIm9uRmllbGRzQ2hhbmdlZCgkZXZlbnQpXCI+PC9tZW51LWRhdGEtdmlldz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj4gLS0+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1jb250YWluZXI+XG48L3BlcC1wYWdlLWxheW91dD5cblxuIl19
121
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV3ZHLE1BQU0sT0FBTyx3QkFBd0I7SUFvQ2pDLFlBQ1ksc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFwQzFELCtCQUErQjtRQUN0QixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixxQkFBZ0IsR0FBVyxFQUFFLENBQUM7UUFFL0IscUJBQWdCLEdBQTZCLEVBQUUsQ0FBQztRQXNCeEQsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFFOUUsU0FBSSxHQUEyQixlQUFlLENBQUM7UUFFL0Msb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFFaEMsMEJBQXFCLEdBQXdCLElBQUksR0FBRyxFQUFrQixDQUFDO1FBS25FLEVBQUU7SUFDTixDQUFDO0lBbENELElBQ0ksZUFBZSxDQUFDLEtBQStCO1FBQy9DLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLGVBQWU7UUFDZixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lBR0QsSUFDSSxRQUFRLENB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QW9CO1FBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4Qyw4QkFBOEI7SUFDbEMsQ0FBQztJQUVELFFBQVE7SUFFUixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQW1CO1FBQzNCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFpQjtRQUN2QixJQUFJLENBQUMsc0JBQXNCLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxlQUFlLENBQUMsTUFBNEI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQzlCLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7O3FIQWhIUSx3QkFBd0I7eUdBQXhCLHdCQUF3QixzUENackMseThFQTJDQTsyRkQvQmEsd0JBQXdCO2tCQUxwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFdBQVcsRUFBRSxvQ0FBb0M7b0JBQ2pELFNBQVMsRUFBRSxDQUFDLG9DQUFvQyxDQUFDO2lCQUNwRDs2R0FHWSxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFJRixlQUFlO3NCQURsQixLQUFLO2dCQVdGLFFBQVE7c0JBRFgsS0FBSztnQkFXTixjQUFjO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRW5kLCBDZGtEcmFnU3RhcnQgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElQZXBEcmFnZ2FibGVJdGVtIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zJztcbmltcG9ydCB7IEJhc2VEYXRhVmlldywgRGF0YVZpZXdGaWVsZCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9wYXBpLXNkayc7XG5pbXBvcnQgeyBQZXBEYXRhVmlld0J1aWxkZXJUeXBlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5tb2RlbCc7XG5pbXBvcnQgeyBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlIH0gZnJvbSAnLi9kYXRhLXZpZXctYnVpbGRlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtZGF0YS12aWV3LWJ1aWxkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXZpZXctYnVpbGRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YS12aWV3LWJ1aWxkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhVmlld0J1aWxkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8vIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBidWlsZGVyVGl0bGU6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIGJ1aWxkZXJUaXRsZUhpbnQ6IHN0cmluZyA9ICcnO1xuICAgIFxuICAgIHByaXZhdGUgX2F2YWlsYWJsZUZpZWxkczogQXJyYXk8SVBlcERyYWdnYWJsZUl0ZW0+ID0gW107XG4gICAgQElucHV0KClcbiAgICBzZXQgYXZhaWxhYmxlRmllbGRzKHZhbHVlOiBBcnJheTxJUGVwRHJhZ2dhYmxlSXRlbT4pIHtcbiAgICAgICAgdGhpcy5fYXZhaWxhYmxlRmllbGRzID0gdmFsdWU7XG4gICAgICAgIHRoaXMuc2V0VGl0bGVzTWFwKCk7XG4gICAgfVxuICAgIGdldCBhdmFpbGFibGVGaWVsZHMoKTogQXJyYXk8SVBlcERyYWdnYWJsZUl0ZW0+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2F2YWlsYWJsZUZpZWxkcztcbiAgICB9XG4gICAgXG4gICAgcHJpdmF0ZSBfZGF0YVZpZXchOiBCYXNlRGF0YVZpZXc7XG4gICAgQElucHV0KClcbiAgICBzZXQgZGF0YVZpZXcodmFsdWU6IEJhc2VEYXRhVmlldykge1xuICAgICAgICB0aGlzLl9kYXRhVmlldyA9IHZhbHVlO1xuICAgICAgICB0aGlzLnNldFR5cGUoKTtcbiAgICAgICAgdGhpcy5yZWZyZXNoQXZhaWxhYmxlRmllbGRzKCk7XG4gICAgfVxuICAgIGdldCBkYXRhVmlldygpIDogQmFzZURhdGFWaWV3IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2RhdGFWaWV3O1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIGRhdGFWaWV3Q2hhbmdlOiBFdmVudEVtaXR0ZXI8QmFzZURhdGFWaWV3PiA9IG5ldyBFdmVudEVtaXR0ZXI8QmFzZURhdGFWaWV3PigpO1xuICAgIFxuICAgIHR5cGU6IFBlcERhdGFWaWV3QnVpbGRlclR5cGUgPSAnbm90LXN1cHBvcnRlZCc7XG4gICAgXG4gICAgZW1wdHlEcm9wQXJlYUlkID0gJ2VtcHR5RHJvcEFyZWEnO1xuICAgIG1hcHBlZEZpZWxkc0lkID0gJ21hcHBlZEZpZWxkcyc7XG5cbiAgICBhdmFpbGFibGVGaWVsZHNUaXRsZXM6IE1hcDxzdHJpbmcsIHN0cmluZz4gPSBuZXcgTWFwPHN0cmluZywgc3RyaW5nPigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZGF0YVZpZXdCdWlsZGVyU2VydmljZTogRGF0YVZpZXdCdWlsZGVyU2VydmljZVxuICAgICkge1xuICAgICAgICAvL1xuICAgIH1cblxuICAgIHByaXZhdGUgc2V0VHlwZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdNZW51Jykge1xuICAgICAgICAgICAgdGhpcy50eXBlID0gJ21lbnUnO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuX2RhdGFWaWV3LlR5cGUgPT09ICdHcmlkJykge1xuICAgICAgICAgICAgdGhpcy50eXBlID0gJ2xpc3QnO1xuICAgICAgICB9IGVsc2UgaWYgKCh0aGlzLl9kYXRhVmlldy5UeXBlID09PSAnQ2FyZCcpIHx8IFxuICAgICAgICAgICAgICAgICAgICh0aGlzLl9kYXRhVmlldy5UeXBlID09PSAnRm9ybScpIHx8IFxuICAgICAgICAgICAgICAgICAgICh0aGlzLl9kYXRhVmlldy5UeXBlID09PSAnTGFyZ2UnKSB8fCBcbiAgICAgICAgICAgICAgICAgICAodGhpcy5fZGF0YVZpZXcuVHlwZSA9PT0gJ0xpbmUnKSkge1xuICAgICAgICAgICAgdGhpcy50eXBlID0gJ2NhcmQnO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy50eXBlID0gJ25vdC1zdXBwb3J0ZWQnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRBdmFpbGFibGVGaWVsZFBlcm1pc3Npb24oZmllbGQ6IHN0cmluZywgZGlzYWJsZTogYm9vbGVhbikge1xuICAgICAgICAvLyBGaW5kIHRoZSBpdGVtIGluIHRoZSBhdmFpbGFibGUgZmllbGRzXG4gICAgICAgIGNvbnN0IGl0ZW0gPSB0aGlzLmF2YWlsYWJsZUZpZWxkcy5maW5kKGFzID0+IGFzLmRhdGEua2V5ID09PSBmaWVsZCk7XG4gICAgICAgIFxuICAgICAgICAvLyBJZiBleGlzdCBkaXNhYmxlIG9yIGVuYWJsZSBpdC5cbiAgICAgICAgaWYgKGl0ZW0pIHtcbiAgICAgICAgICAgIGl0ZW0uZGlzYWJsZWQgPSBkaXNhYmxlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByZWZyZXNoQXZhaWxhYmxlRmllbGRzKCkge1xuICAgICAgICB0aGlzLmF2YWlsYWJsZUZpZWxkcy5mb3JFYWNoKGFmID0+IGFmLmRpc2FibGVkID0gZmFsc2UpO1xuICAgICAgICBcbiAgICAgICAgaWYgKHRoaXMuZGF0YVZpZXcgJiYgdGhpcy5kYXRhVmlldy5GaWVsZHMpIHtcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCB0aGlzLmRhdGFWaWV3LkZpZWxkcy5sZW5ndGg7IGluZGV4KyspIHtcbiAgICAgICAgICAgICAgICB0aGlzLnNldEF2YWlsYWJsZUZpZWxkUGVybWlzc2lvbih0aGlzLmRhdGFWaWV3LkZpZWxkc1tpbmRleF0uRmllbGRJRCwgdHJ1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldFRpdGxlc01hcCgpIHtcbiAgICAgICAgdGhpcy5hdmFpbGFibGVGaWVsZHNUaXRsZXMuY2xlYXIoKTtcblxuICAgICAgICBpZiAodGhpcy5hdmFpbGFibGVGaWVsZHM/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCB0aGlzLmF2YWlsYWJsZUZpZWxkcy5sZW5ndGg7IGluZGV4KyspIHtcbiAgICAgICAgICAgICAgICBjb25zdCBhdmFpbGFibGVGaWVsZCA9IHRoaXMuYXZhaWxhYmxlRmllbGRzW2luZGV4XTtcblxuICAgICAgICAgICAgICAgIGlmIChhdmFpbGFibGVGaWVsZD8uZGF0YT8ua2V5Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5hdmFpbGFibGVGaWVsZHNUaXRsZXMuc2V0KGF2YWlsYWJsZUZpZWxkLmRhdGEua2V5LCBhdmFpbGFibGVGaWVsZC50aXRsZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBub3RpZnlEYXRhVmlld0NoYW5nZSgpIHtcbiAgICAgICAgdGhpcy5kYXRhVmlld0NoYW5nZS5lbWl0KHRoaXMuZGF0YVZpZXcpO1xuICAgICAgICAvLyBjb25zb2xlLmxvZyh0aGlzLmRhdGFWaWV3KTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgXG4gICAgfVxuXG4gICAgb25EcmFnU3RhcnQoZXZlbnQ6IENka0RyYWdTdGFydCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2Uub25EcmFnU3RhcnQoZXZlbnQpO1xuICAgIH1cblxuICAgIG9uRHJhZ0VuZChldmVudDogQ2RrRHJhZ0VuZCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2Uub25EcmFnRW5kKGV2ZW50KTtcbiAgICB9XG4gICAgXG4gICAgb25GaWVsZHNDaGFuZ2VkKGZpZWxkczogQXJyYXk8RGF0YVZpZXdGaWVsZD4pIHtcbiAgICAgICAgdGhpcy5kYXRhVmlldy5GaWVsZHMgPSBmaWVsZHM7XG4gICAgICAgIHRoaXMucmVmcmVzaEF2YWlsYWJsZUZpZWxkcygpO1xuICAgICAgICB0aGlzLm5vdGlmeURhdGFWaWV3Q2hhbmdlKCk7XG4gICAgfVxufVxuIiwiPHBlcC1wYWdlLWxheW91dCA+XG4gICAgPCEtLSA8bmctY29udGFpbmVyIHBlcC10b3AtYXJlYT5cbiAgICAgICAgPHBlcC10b3AtYmFyIFt0aXRsZV09XCJ0aXRsZVwiPlxuICAgICAgICAgICAgPGRpdiBoZWFkZXItZW5kLWNvbnRlbnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9wZXAtdG9wLWJhcj5cbiAgICA8L25nLWNvbnRhaW5lcj4gLS0+XG4gICAgPG5nLWNvbnRhaW5lciBwZXAtbWFpbi1hcmVhPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PT0gJ25vdC1zdXBwb3J0ZWQnIDsgdGhlbiBub3RTdXBwb3J0ZWRUZW1wbGF0ZTsgZWxzZSBzdXBwb3J0ZWRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctdGVtcGxhdGUgI25vdFN1cHBvcnRlZFRlbXBsYXRlPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJib2R5LXNtIGVsbGlwc2lzXCI+XG4gICAgICAgICAgICAgICAge3sgJ0RBVEFfVklFV19CVUlMREVSLlRZUEVfTk9UX1NVUFBPUlRFRCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgIDwvc3Bhbj4gXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjc3VwcG9ydGVkVGVtcGxhdGU+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZGF0YVZpZXcgJiYgYXZhaWxhYmxlRmllbGRzXCIgY2xhc3M9XCJtYXBwZWQtZmllbGRzLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdmFpbGFibGUtZmllbGRzLXNpZGUtYXJlYVwiPlxuICAgICAgICAgICAgICAgICAgICA8cGVwLWRyYWdnYWJsZS1pdGVtcyBbaXRlbXNdPVwiYXZhaWxhYmxlRmllbGRzXCIgW3RpdGxlXT1cIidEQVRBX1ZJRVdfQlVJTERFUi5BVkFJTEFCTEVfRklFTERTJyB8IHRyYW5zbGF0ZVwiIHRpdGxlVHlwZT1cIndpdGgtYm90dG9tLWJvcmRlclwiIHRpdGxlU2l6ZVR5cGU9XCJtZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBpdGVtUGxhY2Vob2xkZXJUeXBlPVwid2Vha1wiIFtzaG93U2VhcmNoXT1cInRydWVcIiBbZHJvcEFyZWFJZHNdPVwiWydlbXB0eURyb3BBcmVhJywgJ21hcHBlZEZpZWxkcyddXCIgKGl0ZW1EcmFnU3RhcnRlZCk9XCJvbkRyYWdTdGFydCgkZXZlbnQpXCIgKGl0ZW1EcmFnRW5kZWQpPVwib25EcmFnRW5kKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgPC9wZXAtZHJhZ2dhYmxlLWl0ZW1zPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgcGVwLW1haW4tYXJlYSBjbGFzcz1cIm1hcHBlZC1maWVsZHMtbWFpbi1hcmVhXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYXBwZWQtZmllbGRzLXRvcC1hcmVhIHBlcC1ib3JkZXItYm90dG9tXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJidWlsZGVyVGl0bGUgKyAnICcgKyAoYnVpbGRlclRpdGxlSGludCA/ICgnKCcgKyBidWlsZGVyVGl0bGVIaW50ICsgJyknKSA6ICcnKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS1tZFwiPnt7IGJ1aWxkZXJUaXRsZSB9fSZuYnNwOzwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiYnVpbGRlclRpdGxlSGludFwiIGNsYXNzPVwiY29sb3ItZGltbWVkXCI+KHt7IGJ1aWxkZXJUaXRsZUhpbnQgfX0pPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLXZpZXctYnktdHlwZS1hcmVhXCIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidtZW51J1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtZW51LWRhdGEtdmlldyBbZmllbGRzXT1cImRhdGFWaWV3Py5GaWVsZHMgfHwgW11cIiBbYXZhaWxhYmxlRmllbGRzVGl0bGVzXT1cImF2YWlsYWJsZUZpZWxkc1RpdGxlc1wiIFtlbXB0eURyb3BBcmVhSWRdPVwiZW1wdHlEcm9wQXJlYUlkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW21hcHBlZEZpZWxkc0lkXT1cIm1hcHBlZEZpZWxkc0lkXCIgKGZpZWxkc0NoYW5nZSk9XCJvbkZpZWxkc0NoYW5nZWQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWVudS1kYXRhLXZpZXc+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwhLS0gPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9wZXAtcGFnZS1sYXlvdXQ+XG5cbiJdfQ==
package/esm2015/data-view-builder/menu-data-view/menu-data-view.component.js CHANGED
@@ -14,7 +14,8 @@ export class MenuDataViewComponent {
14
14
  constructor(dialogService, dataViewBuilderService) {
15
15
  this.dialogService = dialogService;
16
16
  this.dataViewBuilderService = dataViewBuilderService;
17
- this.fields = [];
17
+ this.fields = []; // The data view fields.
18
+ this.availableFieldsTitles = new Map(); // <FieldID, Original Title> from the available fields.
18
19
  this.emptyDropAreaId = '';
19
20
  this.mappedFieldsId = '';
20
21
  this.fieldsChange = new EventEmitter();
@@ -26,7 +27,7 @@ export class MenuDataViewComponent {
26
27
  }
27
28
  addNewField(draggableItem, index) {
28
29
  // Add new menuField to the mappedFields.
29
- const menuField = { FieldID: draggableItem.data, Title: draggableItem.title };
30
+ const menuField = { FieldID: draggableItem.data.key, Title: draggableItem.title };
30
31
  this.spliceMappedFields(index, 0, menuField);
31
32
  }
32
33
  spliceMappedFields(start, deleteCount, item) {
@@ -95,7 +96,7 @@ export class MenuDataViewComponent {
95
96
  }
96
97
  }
97
98
  MenuDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MenuDataViewComponent, deps: [{ token: i1.PepDialogService }, { token: i2.DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
98
- MenuDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MenuDataViewComponent, selector: "menu-data-view", inputs: { fields: "fields", emptyDropAreaId: "emptyDropAreaId", mappedFieldsId: "mappedFieldsId" }, outputs: { fieldsChange: "fieldsChange" }, viewQueries: [{ propertyName: "separatorTitleModalTemplate", first: true, predicate: ["separatorTitleModalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n<ng-template #emptyTemplate>\n <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n <mat-icon class=\"pep-spacing-element\">\n <pep-icon name=\"arrow_down_alt\"></pep-icon>\n </mat-icon>\n <span class=\"body-sm ellipsis\">\n {{ 'DATA_VIEW_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n </span> \n </div>\n</ng-template>\n<ng-template #notEmptyTemplate>\n <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n <ng-container *ngFor=\"let menuField of fields; let i = index\" >\n <div class=\"mapped-field-container\" [ngClass]=\"{ 'separator-container': menuField.FieldID === '' }\" \n cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n <ng-container *ngTemplateOutlet=\"mappedFieldTemplate; context: { menuField: menuField }\"></ng-container>\n </div>\n <div *ngIf=\"!isGrabbing\" class=\"add-separator-container\">\n <pep-button class=\"add-separator\" styleType=\"regular\" sizeType=\"sm\" iconName=\"number_plus\" \n [value]=\"'DATA_VIEW_BUILDER.ADD_SEPARATOR' | translate\" (buttonClick)=\"addSeparator(i+1)\"></pep-button>\n </div>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #mappedFieldTemplate let-menuField=\"menuField\">\n <ng-container *ngIf=\"menuField.FieldID !== ''; then menuItemTemplate; else separatorTemplate\"></ng-container>\n\n <ng-template #menuItemTemplate>\n <div class=\"fields-wrapper\">\n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_KEY_TITLE' | translate\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n </pep-textbox>\n \n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_VALUE_TITLE' | translate\"\n [value]=\"menuField.Title\" (valueChange)=\"onTitleChanged($event, menuField)\">\n </pep-textbox>\n \n <pep-button class=\"center-button\" iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </ng-template>\n <ng-template #separatorTemplate>\n <div class=\"separator-wrapper \">\n <div class=\"pep-spacing-element title title-md color-dimmed\">\n <span [title]=\"menuField.Title\">{{ menuField.Title }}</span>\n </div>\n <div class=\"list-actions\">\n <pep-button iconName=\"system_edit\" [title]=\"'ACTIONS.EDIT' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onEditSeparatorField($event, menuField)\"></pep-button>\n <pep-button iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </div>\n </ng-template>\n</ng-template>\n\n<ng-template #separatorTitleModalTemplate let-data>\n <pep-dialog [title]=\"'DATA_VIEW_BUILDER.SEPARATOR_TITLE' | translate\">\n <ng-container pep-dialog-content>\n <pep-textbox #txt [label]=\"'DATA_VIEW_BUILDER.ADD_A_TITLE' | translate\" [(value)]=\"data.value\">\n </pep-textbox>\n </ng-container>\n <ng-container pep-dialog-actions>\n <div class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\"\n (click)=\"closeDialog()\">\n {{'Cancel' | translate}}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"setDialogValue(txt.value)\">\n {{ 'Save' | translate}}\n </button>\n </div>\n </ng-container>\n </pep-dialog>\n</ng-template>", styles: ["html body.inheritCursors *{cursor:inherit!important}.cdk-drag-preview.mapped-field-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.cdk-drag-preview.mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.cdk-drag-preview.mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.12);position:relative}.drop-field-here-area:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;grid-column-gap:var(--pep-spacing-lg, 1rem);column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){grid-row-gap:var(--pep-spacing-lg, 1rem);row-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:2.5rem}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.mapped-fields-area .mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.mapped-fields-area .mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .fields-wrapper,.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .separator-wrapper{opacity:0}.mapped-fields-area .add-separator-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);height:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container .add-separator{position:relative;display:none}.mapped-fields-area .add-separator-container:hover .add-separator{display:block}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { type: i5.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }, { type: i6.PepTextboxComponent, selector: "pep-textbox", inputs: ["accessory", "label", "placeholder", "mandatory", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "key", "value", "formattedValue", "type", "visible", "maxFieldCharacters"], outputs: ["valueChange", "formValidationChange"] }, { type: i1.PepDialogComponent, selector: "pep-dialog", inputs: ["showClose", "showHeader", "showFooter", "title"], outputs: ["close"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i9.TranslatePipe } });
99
+ MenuDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MenuDataViewComponent, selector: "menu-data-view", inputs: { fields: "fields", availableFieldsTitles: "availableFieldsTitles", emptyDropAreaId: "emptyDropAreaId", mappedFieldsId: "mappedFieldsId" }, outputs: { fieldsChange: "fieldsChange" }, viewQueries: [{ propertyName: "separatorTitleModalTemplate", first: true, predicate: ["separatorTitleModalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n<ng-template #emptyTemplate>\n <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n <mat-icon class=\"pep-spacing-element\">\n <pep-icon name=\"arrow_down_alt\"></pep-icon>\n </mat-icon>\n <span class=\"body-sm ellipsis\">\n {{ 'DATA_VIEW_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n </span> \n </div>\n</ng-template>\n<ng-template #notEmptyTemplate>\n <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n <ng-container *ngFor=\"let menuField of fields; let i = index\" >\n <div class=\"mapped-field-container\" [ngClass]=\"{ 'separator-container': menuField.FieldID === '' }\" \n cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n <ng-container *ngTemplateOutlet=\"mappedFieldTemplate; context: { menuField: menuField }\"></ng-container>\n </div>\n <div *ngIf=\"!isGrabbing\" class=\"add-separator-container\">\n <pep-button class=\"add-separator\" styleType=\"regular\" sizeType=\"sm\" iconName=\"number_plus\" \n [value]=\"'DATA_VIEW_BUILDER.ADD_SEPARATOR' | translate\" (buttonClick)=\"addSeparator(i+1)\"></pep-button>\n </div>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #mappedFieldTemplate let-menuField=\"menuField\">\n <ng-container *ngIf=\"menuField.FieldID !== ''; then menuItemTemplate; else separatorTemplate\"></ng-container>\n\n <ng-template #menuItemTemplate>\n <div class=\"fields-wrapper\">\n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_KEY_TITLE' | translate\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n </pep-textbox>\n \n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_VALUE_TITLE' | translate\" [hint]=\"'(' + (availableFieldsTitles.get(menuField.FieldID) || '') + ')'\"\n [value]=\"menuField.Title\" (valueChange)=\"onTitleChanged($event, menuField)\">\n </pep-textbox>\n \n <pep-button class=\"center-button\" iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </ng-template>\n <ng-template #separatorTemplate>\n <div class=\"separator-wrapper \">\n <div class=\"pep-spacing-element title title-md color-dimmed\">\n <span [title]=\"menuField.Title\">{{ menuField.Title }}</span>\n </div>\n <div class=\"list-actions\">\n <pep-button iconName=\"system_edit\" [title]=\"'ACTIONS.EDIT' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onEditSeparatorField($event, menuField)\"></pep-button>\n <pep-button iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </div>\n </ng-template>\n</ng-template>\n\n<ng-template #separatorTitleModalTemplate let-data>\n <pep-dialog [title]=\"'DATA_VIEW_BUILDER.SEPARATOR_TITLE' | translate\">\n <ng-container pep-dialog-content>\n <pep-textbox #txt [label]=\"'DATA_VIEW_BUILDER.ADD_A_TITLE' | translate\" [(value)]=\"data.value\">\n </pep-textbox>\n </ng-container>\n <ng-container pep-dialog-actions>\n <div class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\"\n (click)=\"closeDialog()\">\n {{'Cancel' | translate}}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"setDialogValue(txt.value)\">\n {{ 'Save' | translate}}\n </button>\n </div>\n </ng-container>\n </pep-dialog>\n</ng-template>", styles: ["html body.inheritCursors *{cursor:inherit!important}.cdk-drag-preview.mapped-field-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.cdk-drag-preview.mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.cdk-drag-preview.mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.12);position:relative}.drop-field-here-area:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;grid-column-gap:var(--pep-spacing-lg, 1rem);column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){grid-row-gap:var(--pep-spacing-lg, 1rem);row-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:2.5rem}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.mapped-fields-area .mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.mapped-fields-area .mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .fields-wrapper,.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .separator-wrapper{opacity:0}.mapped-fields-area .add-separator-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);height:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container .add-separator{position:relative;display:none}.mapped-fields-area .add-separator-container:hover .add-separator{display:block}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { type: i5.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }, { type: i6.PepTextboxComponent, selector: "pep-textbox", inputs: ["accessory", "label", "placeholder", "mandatory", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "key", "value", "formattedValue", "type", "visible", "maxFieldCharacters", "hint"], outputs: ["valueChange", "formValidationChange"] }, { type: i1.PepDialogComponent, selector: "pep-dialog", inputs: ["showClose", "showHeader", "showFooter", "title"], outputs: ["close"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i9.TranslatePipe } });
99
100
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MenuDataViewComponent, decorators: [{
100
101
  type: Component,
101
102
  args: [{
@@ -108,6 +109,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
108
109
  args: ['separatorTitleModalTemplate', { read: TemplateRef }]
109
110
  }], fields: [{
110
111
  type: Input
112
+ }], availableFieldsTitles: [{
113
+ type: Input
111
114
  }], emptyDropAreaId: [{
112
115
  type: Input
113
116
  }], mappedFieldsId: [{
@@ -115,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
115
118
  }], fieldsChange: [{
116
119
  type: Output
117
120
  }] } });
118
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1kYXRhLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvbWVudS1kYXRhLXZpZXcvbWVudS1kYXRhLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvbWVudS1kYXRhLXZpZXcvbWVudS1kYXRhLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5QyxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7O0FBY3ZHLE1BQU0sT0FBTyxxQkFBcUI7SUFtQjlCLFlBQ1ksYUFBK0IsRUFDL0Isc0JBQThDO1FBRDlDLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUMvQiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBakIxRCxXQUFNLEdBQXlCLEVBQUUsQ0FBQztRQUdsQyxvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUc3QixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUdwQixpQkFBWSxHQUFrQyxJQUFJLFlBQVksRUFBbUIsQ0FBQztRQUdsRixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ1gsY0FBUyxHQUE2QixJQUFJLENBQUM7UUFNL0MsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzlELElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFdBQVcsQ0FBQyxhQUFn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bXBvcnQgeyBDZGtEcmFnRHJvcCwgQ2RrRHJhZ0VuZCwgQ2RrRHJhZ1N0YXJ0LCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBJUGVwQnV0dG9uQ2xpY2tFdmVudCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2J1dHRvbic7XG5pbXBvcnQgeyBQZXBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZGlhbG9nJztcbmltcG9ydCB7IElQZXBEcmFnZ2FibGVJdGVtIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zJztcbmltcG9ydCB7IERhdGFWaWV3RmllbGQsIE1lbnVEYXRhVmlld0ZpZWxkIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL3BhcGktc2RrJztcbmltcG9ydCB7IERhdGFWaWV3QnVpbGRlclNlcnZpY2UgfSBmcm9tICcuLi9kYXRhLXZpZXctYnVpbGRlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdtZW51LWRhdGEtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21lbnUtZGF0YS12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tZW51LWRhdGEtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1lbnVEYXRhVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnc2VwYXJhdG9yVGl0bGVNb2RhbFRlbXBsYXRlJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBzZXBhcmF0b3JUaXRsZU1vZGFsVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgQElucHV0KCkgXG4gICAgZmllbGRzOiBBcnJheTxEYXRhVmlld0ZpZWxkPiA9IFtdO1xuXG4gICAgQElucHV0KCkgXG4gICAgZW1wdHlEcm9wQXJlYUlkOiBzdHJpbmcgPSAnJztcblxuICAgIEBJbnB1dCgpIFxuICAgIG1hcHBlZEZpZWxkc0lkID0gJyc7XG5cbiAgICBAT3V0cHV0KClcbiAgICBmaWVsZHNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxEYXRhVmlld0ZpZWxkW10+ID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRhVmlld0ZpZWxkW10+KCk7XG5cbiAgICBcbiAgICBpc0dyYWJiaW5nID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gICAgXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZGlhbG9nU2VydmljZTogUGVwRGlhbG9nU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBkYXRhVmlld0J1aWxkZXJTZXJ2aWNlOiBEYXRhVmlld0J1aWxkZXJTZXJ2aWNlXG4gICAgKSB7IFxuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2UuaXNHcmFiYmluZ0NoYW5nZSQuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgICAgICAgdGhpcy5pc0dyYWJiaW5nID0gdmFsdWU7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICBcbiAgICBwcml2YXRlIGFkZE5ld0ZpZWxkKGRyYWdnYWJsZUl0ZW06IElQZXBEcmFnZ2FibGVJdGVtLCBpbmRleDogbnVtYmVyKSB7XG4gICAgICAgIC8vIEFkZCBuZXcgbWVudUZpZWxkIHRvIHRoZSBtYXBwZWRGaWVsZHMuXG4gICAgICAgIGNvbnN0IG1lbnVGaWVsZDogTWVudURhdGFWaWV3RmllbGQgPSB7IEZpZWxkSUQ6IGRyYWdnYWJsZUl0ZW0uZGF0YSwgVGl0bGU6IGRyYWdnYWJsZUl0ZW0udGl0bGUgfTtcbiAgICAgICAgdGhpcy5zcGxpY2VNYXBwZWRGaWVsZHMoaW5kZXgsIDAsIG1lbnVGaWVsZCk7XG4gICAgfVxuICAgIFxuICAgIHByaXZhdGUgc3BsaWNlTWFwcGVkRmllbGRzKHN0YXJ0OiBudW1iZXIsIGRlbGV0ZUNvdW50OiBudW1iZXIsIGl0ZW0/OiBNZW51RGF0YVZpZXdGaWVsZCkge1xuICAgICAgICBpZiAoaXRlbSkge1xuICAgICAgICAgICAgdGhpcy5maWVsZHMuc3BsaWNlKHN0YXJ0LCBkZWxldGVDb3VudCwgaXRlbSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmZpZWxkcy5zcGxpY2Uoc3RhcnQsIGRlbGV0ZUNvdW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMubm90aWZ5RmllbGRzQ2hhbmdlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGFuZ2VUaXRsZShtZW51RmllbGQ6IE1lbnVEYXRhVmlld0ZpZWxkLCB0aXRsZTogc3RyaW5nKSB7XG4gICAgICAgIG1lbnVGaWVsZC5UaXRsZSA9IHRpdGxlO1xuICAgICAgICB0aGlzLm5vdGlmeUZpZWxkc0NoYW5nZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgbm90aWZ5RmllbGRzQ2hhbmdlKCkge1xuICAgICAgICB0aGlzLmZpZWxkc0NoYW5nZS5lbWl0KHRoaXMuZmllbGRzKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICB9XG5cbiAgICBhZGRTZXBhcmF0b3IoaW5kZXg6IG51bWJlcikge1xuICAgICAgICBjb25zdCBtZW51RmllbGQ6IE1lbnVEYXRhVmlld0ZpZWxkID0geyBGaWVsZElEOiAnJywgVGl0bGU6ICcnIH07XG4gICAgICAgIHRoaXMuc3BsaWNlTWFwcGVkRmllbGRzKGluZGV4LCAwLCBtZW51RmllbGQpO1xuICAgIH1cblxuICAgIG9uRHJhZ1N0YXJ0KGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICAgICAgdGhpcy5kYXRhVmlld0J1aWxkZXJTZXJ2aWNlLm9uRHJhZ1N0YXJ0KGV2ZW50KTtcbiAgICB9XG5cbiAgICBvbkRyYWdFbmQoZXZlbnQ6IENka0RyYWdFbmQpIHtcbiAgICAgICAgdGhpcy5kYXRhVmlld0J1aWxkZXJTZXJ2aWNlLm9uRHJhZ0VuZChldmVudCk7XG4gICAgfVxuICAgIFxuICAgIG9uRHJvcEZpZWxkKGV2ZW50OiBDZGtEcmFnRHJvcDxhbnlbXT4pIHtcbiAgICAgICAgaWYgKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyID09PSBldmVudC5jb250YWluZXIpIHtcbiAgICAgICAgICAgIG1vdmVJdGVtSW5BcnJheShldmVudC5jb250YWluZXIuZGF0YSwgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgICAgICAgIHRoaXMubm90aWZ5RmllbGRzQ2hhbmdlKCk7XG4gICAgICAgIH0gZWxzZSBpZiAoZXZlbnQuY29udGFpbmVyLmlkID09PSAnZW1wdHlEcm9wQXJlYScpIHtcbiAgICAgICAgICAgIHRoaXMuYWRkTmV3RmllbGQoZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YVtldmVudC5wcmV2aW91c0luZGV4XSwgdGhpcy5maWVsZHMubGVuZ3RoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuYWRkTmV3RmllbGQoZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YVtldmVudC5wcmV2aW91c0luZGV4XSwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uVGl0bGVDaGFuZ2VkKGV2ZW50OiBzdHJpbmcsIG1lbnVGaWVsZDogTWVudURhdGFWaWV3RmllbGQpIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VUaXRsZShtZW51RmllbGQsIGV2ZW50KTtcbiAgICB9XG5cbiAgICBvbkRlbGV0ZU1hcHBlZEZpZWxkKGV2ZW50OiBJUGVwQnV0dG9uQ2xpY2tFdmVudCwgbWVudUZpZWxkOiBNZW51RGF0YVZpZXdGaWVsZCkge1xuICAgICAgICBjb25zdCBpbmRleCA9IHRoaXMuZmllbGRzLmZpbmRJbmRleChtcyA9PiBtcyA9PT0gbWVudUZpZWxkKTtcbiAgICAgICAgaWYgKGluZGV4ID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuc3BsaWNlTWFwcGVkRmllbGRzKGluZGV4LCAxKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uRWRpdFNlcGFyYXRvckZpZWxkKGV2ZW50OiBJUGVwQnV0dG9uQ2xpY2tFdmVudCwgbWVudUZpZWxkOiBNZW51RGF0YVZpZXdGaWVsZCkge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nU2VydmljZS5vcGVuRGlhbG9nKHRoaXMuc2VwYXJhdG9yVGl0bGVNb2RhbFRlbXBsYXRlLCB7IHZhbHVlOiBtZW51RmllbGQuVGl0bGUgfSk7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKCh0aXRsZVZhbHVlKSA9PiB7XG4gICAgICAgICAgICBpZiAodGl0bGVWYWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jaGFuZ2VUaXRsZShtZW51RmllbGQsIHRpdGxlVmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBzZXREaWFsb2dWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuY2xvc2VEaWFsb2codmFsdWUpO1xuICAgIH1cblxuICAgIGNsb3NlRGlhbG9nKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWY/LmNsb3NlKHZhbHVlKTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZmllbGRzID09PSBudWxsIHx8IGZpZWxkcy5sZW5ndGggPT09IDA7IHRoZW4gZW1wdHlUZW1wbGF0ZTsgZWxzZSBub3RFbXB0eVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2VtcHR5VGVtcGxhdGU+XG4gICAgPGRpdiBbaWRdPVwiZW1wdHlEcm9wQXJlYUlkXCIgY2xhc3M9XCJkcm9wLWZpZWxkLWhlcmUtYXJlYVwiIGNka0Ryb3BMaXN0IChjZGtEcm9wTGlzdERyb3BwZWQpPVwib25Ecm9wRmllbGQoJGV2ZW50KVwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJwZXAtc3BhY2luZy1lbGVtZW50XCI+XG4gICAgICAgICAgICA8cGVwLWljb24gbmFtZT1cImFycm93X2Rvd25fYWx0XCI+PC9wZXAtaWNvbj5cbiAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJib2R5LXNtIGVsbGlwc2lzXCI+XG4gICAgICAgICAgICB7eyAnREFUQV9WSUVXX0JVSUxERVIuRU1QVFlfRFJPUF9BUkVBX1RFWFQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDwvc3Bhbj4gXG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNub3RFbXB0eVRlbXBsYXRlPlxuICAgIDxkaXYgW2lkXT1cIm1hcHBlZEZpZWxkc0lkXCIgY2xhc3M9XCJtYXBwZWQtZmllbGRzLWFyZWFcIiBbbmdDbGFzc109XCJ7ICduby1yb3ctZ2FwJzogIWlzR3JhYmJpbmcgfVwiXG4gICAgICAgIGNka0Ryb3BMaXN0IFtjZGtEcm9wTGlzdERhdGFdPVwiZmllbGRzXCIgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJvbkRyb3BGaWVsZCgkZXZlbnQpXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1lbnVGaWVsZCBvZiBmaWVsZHM7IGxldCBpID0gaW5kZXhcIiA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWFwcGVkLWZpZWxkLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsgJ3NlcGFyYXRvci1jb250YWluZXInOiBtZW51RmllbGQuRmllbGRJRCA9PT0gJycgfVwiIFxuICAgICAgICAgICAgICAgIGNka0RyYWcgKGNka0RyYWdTdGFydGVkKT1cIm9uRHJhZ1N0YXJ0KCRldmVudClcIiAoY2RrRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZCgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1hcHBlZEZpZWxkVGVtcGxhdGU7IGNvbnRleHQ6IHsgbWVudUZpZWxkOiBtZW51RmllbGQgfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWlzR3JhYmJpbmdcIiBjbGFzcz1cImFkZC1zZXBhcmF0b3ItY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPHBlcC1idXR0b24gY2xhc3M9XCJhZGQtc2VwYXJhdG9yXCIgc3R5bGVUeXBlPVwicmVndWxhclwiIHNpemVUeXBlPVwic21cIiBpY29uTmFtZT1cIm51bWJlcl9wbHVzXCIgXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCInREFUQV9WSUVXX0JVSUxERVIuQUREX1NFUEFSQVRPUicgfCB0cmFuc2xhdGVcIiAoYnV0dG9uQ2xpY2spPVwiYWRkU2VwYXJhdG9yKGkrMSlcIj48L3BlcC1idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI21hcHBlZEZpZWxkVGVtcGxhdGUgbGV0LW1lbnVGaWVsZD1cIm1lbnVGaWVsZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtZW51RmllbGQuRmllbGRJRCAhPT0gJyc7IHRoZW4gbWVudUl0ZW1UZW1wbGF0ZTsgZWxzZSBzZXBhcmF0b3JUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICNtZW51SXRlbVRlbXBsYXRlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmllbGRzLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxwZXAtdGV4dGJveCBbbGFiZWxdPVwiJ0RBVEFfVklFV19CVUlMREVSLk1FTlVfSVRFTV9LRVlfVElUTEUnIHwgdHJhbnNsYXRlXCIgW3ZhbHVlXT1cIm1lbnVGaWVsZC5GaWVsZElEXCIgW2Rpc2FibGVkXT1cInRydWVcIj5cbiAgICAgICAgICAgIDwvcGVwLXRleHRib3g+XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIDxwZXAtdGV4dGJveCBbbGFiZWxdPVwiJ0RBVEFfVklFV19CVUlMREVSLk1FTlVfSVRFTV9WQUxVRV9USVRMRScgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJtZW51RmllbGQuVGl0bGVcIiAodmFsdWVDaGFuZ2UpPVwib25UaXRsZUNoYW5nZWQoJGV2ZW50LCBtZW51RmllbGQpXCI+XG4gICAgICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgIFxuICAgICAgICAgICAgPHBlcC1idXR0b24gY2xhc3M9XCJjZW50ZXItYnV0dG9uXCIgaWNvbk5hbWU9XCJzeXN0ZW1fYmluXCIgW3RpdGxlXT1cIidBQ1RJT05TLkRFTEVURScgfCB0cmFuc2xhdGVcIiAoYnV0dG9uQ2xpY2spPVwib25EZWxldGVNYXBwZWRGaWVsZCgkZXZlbnQsIG1lbnVGaWVsZClcIj48L3BlcC1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNzZXBhcmF0b3JUZW1wbGF0ZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlcGFyYXRvci13cmFwcGVyIFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnQgdGl0bGUgdGl0bGUtbWQgY29sb3ItZGltbWVkXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gW3RpdGxlXT1cIm1lbnVGaWVsZC5UaXRsZVwiPnt7IG1lbnVGaWVsZC5UaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpc3QtYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgIDxwZXAtYnV0dG9uIGljb25OYW1lPVwic3lzdGVtX2VkaXRcIiBbdGl0bGVdPVwiJ0FDVElPTlMuRURJVCcgfCB0cmFuc2xhdGVcIiBzaXplVHlwZT1cInhzXCIgc3R5bGVUeXBlPVwicmVndWxhclwiIChidXR0b25DbGljayk9XCJvbkVkaXRTZXBhcmF0b3JGaWVsZCgkZXZlbnQsIG1lbnVGaWVsZClcIj48L3BlcC1idXR0b24+XG4gICAgICAgICAgICAgICAgPHBlcC1idXR0b24gaWNvbk5hbWU9XCJzeXN0ZW1fYmluXCIgW3RpdGxlXT1cIidBQ1RJT05TLkRFTEVURScgfCB0cmFuc2xhdGVcIiBzaXplVHlwZT1cInhzXCIgc3R5bGVUeXBlPVwicmVndWxhclwiIChidXR0b25DbGljayk9XCJvbkRlbGV0ZU1hcHBlZEZpZWxkKCRldmVudCwgbWVudUZpZWxkKVwiPjwvcGVwLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNzZXBhcmF0b3JUaXRsZU1vZGFsVGVtcGxhdGUgbGV0LWRhdGE+XG4gICAgPHBlcC1kaWFsb2cgW3RpdGxlXT1cIidEQVRBX1ZJRVdfQlVJTERFUi5TRVBBUkFUT1JfVElUTEUnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgcGVwLWRpYWxvZy1jb250ZW50PlxuICAgICAgICAgICAgPHBlcC10ZXh0Ym94ICN0eHQgW2xhYmVsXT1cIidEQVRBX1ZJRVdfQlVJTERFUi5BRERfQV9USVRMRScgfCB0cmFuc2xhdGVcIiBbKHZhbHVlKV09XCJkYXRhLnZhbHVlXCI+XG4gICAgICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBwZXAtZGlhbG9nLWFjdGlvbnM+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLXNwYWNpbmctZWxlbWVudC1uZWdhdGl2ZVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnQgcGVwLWJ1dHRvbiBtZCB3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRGlhbG9nKClcIj5cbiAgICAgICAgICAgICAgICAgICAge3snQ2FuY2VsJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwicGVwLXNwYWNpbmctZWxlbWVudCBwZXAtYnV0dG9uIG1kIHN0cm9uZ1wiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXREaWFsb2dWYWx1ZSh0eHQudmFsdWUpXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7ICdTYXZlJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wZXAtZGlhbG9nPlxuPC9uZy10ZW1wbGF0ZT4iXX0=
121
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1kYXRhLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvbWVudS1kYXRhLXZpZXcvbWVudS1kYXRhLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZGF0YS12aWV3LWJ1aWxkZXIvbWVudS1kYXRhLXZpZXcvbWVudS1kYXRhLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5QyxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7O0FBY3ZHLE1BQU0sT0FBTyxxQkFBcUI7SUFxQjlCLFlBQ1ksYUFBK0IsRUFDL0Isc0JBQThDO1FBRDlDLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUMvQiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBbkIxRCxXQUFNLEdBQXlCLEVBQUUsQ0FBQyxDQUFDLHdCQUF3QjtRQUczRCwwQkFBcUIsR0FBd0IsSUFBSSxHQUFHLEVBQWtCLENBQUMsQ0FBQyx1REFBdUQ7UUFHL0gsb0JBQWUsR0FBVyxFQUFFLENBQUM7UUFHN0IsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFHcEIsaUJBQVksR0FBa0MsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFFbEYsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNYLGNBQVMsR0FBNkIsSUFBSSxDQUFDO1FBTS9DLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM5RCxJQUFJLENBQUMsVUFBVSxH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c0JBRHBCLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGNBQWM7c0JBRGIsS0FBSztnQkFJTixZQUFZO3NCQURYLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRHJvcCwgQ2RrRHJhZ0VuZCwgQ2RrRHJhZ1N0YXJ0LCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBJUGVwQnV0dG9uQ2xpY2tFdmVudCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2J1dHRvbic7XG5pbXBvcnQgeyBQZXBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZGlhbG9nJztcbmltcG9ydCB7IElQZXBEcmFnZ2FibGVJdGVtIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zJztcbmltcG9ydCB7IERhdGFWaWV3RmllbGQsIE1lbnVEYXRhVmlld0ZpZWxkIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL3BhcGktc2RrJztcbmltcG9ydCB7IERhdGFWaWV3QnVpbGRlclNlcnZpY2UgfSBmcm9tICcuLi9kYXRhLXZpZXctYnVpbGRlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdtZW51LWRhdGEtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21lbnUtZGF0YS12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tZW51LWRhdGEtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1lbnVEYXRhVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnc2VwYXJhdG9yVGl0bGVNb2RhbFRlbXBsYXRlJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBzZXBhcmF0b3JUaXRsZU1vZGFsVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgQElucHV0KCkgXG4gICAgZmllbGRzOiBBcnJheTxEYXRhVmlld0ZpZWxkPiA9IFtdOyAvLyBUaGUgZGF0YSB2aWV3IGZpZWxkcy5cblxuICAgIEBJbnB1dCgpXG4gICAgYXZhaWxhYmxlRmllbGRzVGl0bGVzOiBNYXA8c3RyaW5nLCBzdHJpbmc+ID0gbmV3IE1hcDxzdHJpbmcsIHN0cmluZz4oKTsgLy8gPEZpZWxkSUQsIE9yaWdpbmFsIFRpdGxlPiBmcm9tIHRoZSBhdmFpbGFibGUgZmllbGRzLlxuXG4gICAgQElucHV0KCkgXG4gICAgZW1wdHlEcm9wQXJlYUlkOiBzdHJpbmcgPSAnJztcblxuICAgIEBJbnB1dCgpIFxuICAgIG1hcHBlZEZpZWxkc0lkID0gJyc7XG5cbiAgICBAT3V0cHV0KClcbiAgICBmaWVsZHNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxEYXRhVmlld0ZpZWxkW10+ID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRhVmlld0ZpZWxkW10+KCk7XG4gICAgXG4gICAgaXNHcmFiYmluZyA9IGZhbHNlO1xuICAgIHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGRpYWxvZ1NlcnZpY2U6IFBlcERpYWxvZ1NlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgZGF0YVZpZXdCdWlsZGVyU2VydmljZTogRGF0YVZpZXdCdWlsZGVyU2VydmljZVxuICAgICkgeyBcbiAgICAgICAgdGhpcy5kYXRhVmlld0J1aWxkZXJTZXJ2aWNlLmlzR3JhYmJpbmdDaGFuZ2UkLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaXNHcmFiYmluZyA9IHZhbHVlO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgXG4gICAgcHJpdmF0ZSBhZGROZXdGaWVsZChkcmFnZ2FibGVJdGVtOiBJUGVwRHJhZ2dhYmxlSXRlbSwgaW5kZXg6IG51bWJlcikge1xuICAgICAgICAvLyBBZGQgbmV3IG1lbnVGaWVsZCB0byB0aGUgbWFwcGVkRmllbGRzLlxuICAgICAgICBjb25zdCBtZW51RmllbGQ6IE1lbnVEYXRhVmlld0ZpZWxkID0geyBGaWVsZElEOiBkcmFnZ2FibGVJdGVtLmRhdGEua2V5LCBUaXRsZTogZHJhZ2dhYmxlSXRlbS50aXRsZSB9O1xuICAgICAgICB0aGlzLnNwbGljZU1hcHBlZEZpZWxkcyhpbmRleCwgMCwgbWVudUZpZWxkKTtcbiAgICB9XG4gICAgXG4gICAgcHJpdmF0ZSBzcGxpY2VNYXBwZWRGaWVsZHMoc3RhcnQ6IG51bWJlciwgZGVsZXRlQ291bnQ6IG51bWJlciwgaXRlbT86IE1lbnVEYXRhVmlld0ZpZWxkKSB7XG4gICAgICAgIGlmIChpdGVtKSB7XG4gICAgICAgICAgICB0aGlzLmZpZWxkcy5zcGxpY2Uoc3RhcnQsIGRlbGV0ZUNvdW50LCBpdGVtKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuZmllbGRzLnNwbGljZShzdGFydCwgZGVsZXRlQ291bnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5ub3RpZnlGaWVsZHNDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoYW5nZVRpdGxlKG1lbnVGaWVsZDogTWVudURhdGFWaWV3RmllbGQsIHRpdGxlOiBzdHJpbmcpIHtcbiAgICAgICAgbWVudUZpZWxkLlRpdGxlID0gdGl0bGU7XG4gICAgICAgIHRoaXMubm90aWZ5RmllbGRzQ2hhbmdlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBub3RpZnlGaWVsZHNDaGFuZ2UoKSB7XG4gICAgICAgIHRoaXMuZmllbGRzQ2hhbmdlLmVtaXQodGhpcy5maWVsZHMpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgIH1cblxuICAgIGFkZFNlcGFyYXRvcihpbmRleDogbnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IG1lbnVGaWVsZDogTWVudURhdGFWaWV3RmllbGQgPSB7IEZpZWxkSUQ6ICcnLCBUaXRsZTogJycgfTtcbiAgICAgICAgdGhpcy5zcGxpY2VNYXBwZWRGaWVsZHMoaW5kZXgsIDAsIG1lbnVGaWVsZCk7XG4gICAgfVxuXG4gICAgb25EcmFnU3RhcnQoZXZlbnQ6IENka0RyYWdTdGFydCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2Uub25EcmFnU3RhcnQoZXZlbnQpO1xuICAgIH1cblxuICAgIG9uRHJhZ0VuZChldmVudDogQ2RrRHJhZ0VuZCkge1xuICAgICAgICB0aGlzLmRhdGFWaWV3QnVpbGRlclNlcnZpY2Uub25EcmFnRW5kKGV2ZW50KTtcbiAgICB9XG4gICAgXG4gICAgb25Ecm9wRmllbGQoZXZlbnQ6IENka0RyYWdEcm9wPGFueVtdPikge1xuICAgICAgICBpZiAoZXZlbnQucHJldmlvdXNDb250YWluZXIgPT09IGV2ZW50LmNvbnRhaW5lcikge1xuICAgICAgICAgICAgbW92ZUl0ZW1JbkFycmF5KGV2ZW50LmNvbnRhaW5lci5kYXRhLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICAgICAgICAgICAgdGhpcy5ub3RpZnlGaWVsZHNDaGFuZ2UoKTtcbiAgICAgICAgfSBlbHNlIGlmIChldmVudC5jb250YWluZXIuaWQgPT09ICdlbXB0eURyb3BBcmVhJykge1xuICAgICAgICAgICAgdGhpcy5hZGROZXdGaWVsZChldmVudC5wcmV2aW91c0NvbnRhaW5lci5kYXRhW2V2ZW50LnByZXZpb3VzSW5kZXhdLCB0aGlzLmZpZWxkcy5sZW5ndGgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5hZGROZXdGaWVsZChldmVudC5wcmV2aW91c0NvbnRhaW5lci5kYXRhW2V2ZW50LnByZXZpb3VzSW5kZXhdLCBldmVudC5jdXJyZW50SW5kZXgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25UaXRsZUNoYW5nZWQoZXZlbnQ6IHN0cmluZywgbWVudUZpZWxkOiBNZW51RGF0YVZpZXdGaWVsZCkge1xuICAgICAgICB0aGlzLmNoYW5nZVRpdGxlKG1lbnVGaWVsZCwgZXZlbnQpO1xuICAgIH1cblxuICAgIG9uRGVsZXRlTWFwcGVkRmllbGQoZXZlbnQ6IElQZXBCdXR0b25DbGlja0V2ZW50LCBtZW51RmllbGQ6IE1lbnVEYXRhVmlld0ZpZWxkKSB7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5maWVsZHMuZmluZEluZGV4KG1zID0+IG1zID09PSBtZW51RmllbGQpO1xuICAgICAgICBpZiAoaW5kZXggPiAtMSkge1xuICAgICAgICAgICAgdGhpcy5zcGxpY2VNYXBwZWRGaWVsZHMoaW5kZXgsIDEpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25FZGl0U2VwYXJhdG9yRmllbGQoZXZlbnQ6IElQZXBCdXR0b25DbGlja0V2ZW50LCBtZW51RmllbGQ6IE1lbnVEYXRhVmlld0ZpZWxkKSB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmID0gdGhpcy5kaWFsb2dTZXJ2aWNlLm9wZW5EaWFsb2codGhpcy5zZXBhcmF0b3JUaXRsZU1vZGFsVGVtcGxhdGUsIHsgdmFsdWU6IG1lbnVGaWVsZC5UaXRsZSB9KTtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHRpdGxlVmFsdWUpID0+IHtcbiAgICAgICAgICAgIGlmICh0aXRsZVZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZVRpdGxlKG1lbnVGaWVsZCwgdGl0bGVWYWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHNldERpYWxvZ1ZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5jbG9zZURpYWxvZyh2YWx1ZSk7XG4gICAgfVxuXG4gICAgY2xvc2VEaWFsb2codmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZj8uY2xvc2UodmFsdWUpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJmaWVsZHMgPT09IG51bGwgfHwgZmllbGRzLmxlbmd0aCA9PT0gMDsgdGhlbiBlbXB0eVRlbXBsYXRlOyBlbHNlIG5vdEVtcHR5VGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjZW1wdHlUZW1wbGF0ZT5cbiAgICA8ZGl2IFtpZF09XCJlbXB0eURyb3BBcmVhSWRcIiBjbGFzcz1cImRyb3AtZmllbGQtaGVyZS1hcmVhXCIgY2RrRHJvcExpc3QgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJvbkRyb3BGaWVsZCgkZXZlbnQpXCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnRcIj5cbiAgICAgICAgICAgIDxwZXAtaWNvbiBuYW1lPVwiYXJyb3dfZG93bl9hbHRcIj48L3BlcC1pY29uPlxuICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImJvZHktc20gZWxsaXBzaXNcIj5cbiAgICAgICAgICAgIHt7ICdEQVRBX1ZJRVdfQlVJTERFUi5FTVBUWV9EUk9QX0FSRUFfVEVYVCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgPC9zcGFuPiBcbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI25vdEVtcHR5VGVtcGxhdGU+XG4gICAgPGRpdiBbaWRdPVwibWFwcGVkRmllbGRzSWRcIiBjbGFzcz1cIm1hcHBlZC1maWVsZHMtYXJlYVwiIFtuZ0NsYXNzXT1cInsgJ25vLXJvdy1nYXAnOiAhaXNHcmFiYmluZyB9XCJcbiAgICAgICAgY2RrRHJvcExpc3QgW2Nka0Ryb3BMaXN0RGF0YV09XCJmaWVsZHNcIiAoY2RrRHJvcExpc3REcm9wcGVkKT1cIm9uRHJvcEZpZWxkKCRldmVudClcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbWVudUZpZWxkIG9mIGZpZWxkczsgbGV0IGkgPSBpbmRleFwiID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYXBwZWQtZmllbGQtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieyAnc2VwYXJhdG9yLWNvbnRhaW5lcic6IG1lbnVGaWVsZC5GaWVsZElEID09PSAnJyB9XCIgXG4gICAgICAgICAgICAgICAgY2RrRHJhZyAoY2RrRHJhZ1N0YXJ0ZWQpPVwib25EcmFnU3RhcnQoJGV2ZW50KVwiIChjZGtEcmFnRW5kZWQpPVwib25EcmFnRW5kKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWFwcGVkRmllbGRUZW1wbGF0ZTsgY29udGV4dDogeyBtZW51RmllbGQ6IG1lbnVGaWVsZCB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXNHcmFiYmluZ1wiIGNsYXNzPVwiYWRkLXNlcGFyYXRvci1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8cGVwLWJ1dHRvbiBjbGFzcz1cImFkZC1zZXBhcmF0b3JcIiBzdHlsZVR5cGU9XCJyZWd1bGFyXCIgc2l6ZVR5cGU9XCJzbVwiIGljb25OYW1lPVwibnVtYmVyX3BsdXNcIiBcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cIidEQVRBX1ZJRVdfQlVJTERFUi5BRERfU0VQQVJBVE9SJyB8IHRyYW5zbGF0ZVwiIChidXR0b25DbGljayk9XCJhZGRTZXBhcmF0b3IoaSsxKVwiPjwvcGVwLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjbWFwcGVkRmllbGRUZW1wbGF0ZSBsZXQtbWVudUZpZWxkPVwibWVudUZpZWxkXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVGaWVsZC5GaWVsZElEICE9PSAnJzsgdGhlbiBtZW51SXRlbVRlbXBsYXRlOyBlbHNlIHNlcGFyYXRvclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI21lbnVJdGVtVGVtcGxhdGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmaWVsZHMtd3JhcHBlclwiPlxuICAgICAgICAgICAgPHBlcC10ZXh0Ym94IFtsYWJlbF09XCInREFUQV9WSUVXX0JVSUxERVIuTUVOVV9JVEVNX0tFWV9USVRMRScgfCB0cmFuc2xhdGVcIiBbdmFsdWVdPVwibWVudUZpZWxkLkZpZWxkSURcIiBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgPC9wZXAtdGV4dGJveD5cbiAgICAgICAgICAgIFxuICAgICAgICAgICAgPHBlcC10ZXh0Ym94IFtsYWJlbF09XCInREFUQV9WSUVXX0JVSUxERVIuTUVOVV9JVEVNX1ZBTFVFX1RJVExFJyB8IHRyYW5zbGF0ZVwiIFtoaW50XT1cIicoJyArIChhdmFpbGFibGVGaWVsZHNUaXRsZXMuZ2V0KG1lbnVGaWVsZC5GaWVsZElEKSB8fCAnJykgKyAnKSdcIlxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJtZW51RmllbGQuVGl0bGVcIiAodmFsdWVDaGFuZ2UpPVwib25UaXRsZUNoYW5nZWQoJGV2ZW50LCBtZW51RmllbGQpXCI+XG4gICAgICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgIFxuICAgICAgICAgICAgPHBlcC1idXR0b24gY2xhc3M9XCJjZW50ZXItYnV0dG9uXCIgaWNvbk5hbWU9XCJzeXN0ZW1fYmluXCIgW3RpdGxlXT1cIidBQ1RJT05TLkRFTEVURScgfCB0cmFuc2xhdGVcIiAoYnV0dG9uQ2xpY2spPVwib25EZWxldGVNYXBwZWRGaWVsZCgkZXZlbnQsIG1lbnVGaWVsZClcIj48L3BlcC1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNzZXBhcmF0b3JUZW1wbGF0ZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlcGFyYXRvci13cmFwcGVyIFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnQgdGl0bGUgdGl0bGUtbWQgY29sb3ItZGltbWVkXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gW3RpdGxlXT1cIm1lbnVGaWVsZC5UaXRsZVwiPnt7IG1lbnVGaWVsZC5UaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpc3QtYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgIDxwZXAtYnV0dG9uIGljb25OYW1lPVwic3lzdGVtX2VkaXRcIiBbdGl0bGVdPVwiJ0FDVElPTlMuRURJVCcgfCB0cmFuc2xhdGVcIiBzaXplVHlwZT1cInhzXCIgc3R5bGVUeXBlPVwicmVndWxhclwiIChidXR0b25DbGljayk9XCJvbkVkaXRTZXBhcmF0b3JGaWVsZCgkZXZlbnQsIG1lbnVGaWVsZClcIj48L3BlcC1idXR0b24+XG4gICAgICAgICAgICAgICAgPHBlcC1idXR0b24gaWNvbk5hbWU9XCJzeXN0ZW1fYmluXCIgW3RpdGxlXT1cIidBQ1RJT05TLkRFTEVURScgfCB0cmFuc2xhdGVcIiBzaXplVHlwZT1cInhzXCIgc3R5bGVUeXBlPVwicmVndWxhclwiIChidXR0b25DbGljayk9XCJvbkRlbGV0ZU1hcHBlZEZpZWxkKCRldmVudCwgbWVudUZpZWxkKVwiPjwvcGVwLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNzZXBhcmF0b3JUaXRsZU1vZGFsVGVtcGxhdGUgbGV0LWRhdGE+XG4gICAgPHBlcC1kaWFsb2cgW3RpdGxlXT1cIidEQVRBX1ZJRVdfQlVJTERFUi5TRVBBUkFUT1JfVElUTEUnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgcGVwLWRpYWxvZy1jb250ZW50PlxuICAgICAgICAgICAgPHBlcC10ZXh0Ym94ICN0eHQgW2xhYmVsXT1cIidEQVRBX1ZJRVdfQlVJTERFUi5BRERfQV9USVRMRScgfCB0cmFuc2xhdGVcIiBbKHZhbHVlKV09XCJkYXRhLnZhbHVlXCI+XG4gICAgICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBwZXAtZGlhbG9nLWFjdGlvbnM+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLXNwYWNpbmctZWxlbWVudC1uZWdhdGl2ZVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnQgcGVwLWJ1dHRvbiBtZCB3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRGlhbG9nKClcIj5cbiAgICAgICAgICAgICAgICAgICAge3snQ2FuY2VsJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwicGVwLXNwYWNpbmctZWxlbWVudCBwZXAtYnV0dG9uIG1kIHN0cm9uZ1wiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXREaWFsb2dWYWx1ZSh0eHQudmFsdWUpXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7ICdTYXZlJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wZXAtZGlhbG9nPlxuPC9uZy10ZW1wbGF0ZT4iXX0=
package/fesm2015/pepperi-addons-ngx-composite-lib-data-view-builder.js CHANGED
@@ -16,9 +16,8 @@ import * as i2 from '@pepperi-addons/ngx-lib/page-layout';
16
16
  import { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';
17
17
  import * as i6 from '@pepperi-addons/ngx-lib/textbox';
18
18
  import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
19
- import * as i3$1 from '@pepperi-addons/ngx-lib/top-bar';
20
19
  import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
21
- import * as i4 from '@pepperi-addons/ngx-lib/draggable-items';
20
+ import * as i3$1 from '@pepperi-addons/ngx-lib/draggable-items';
22
21
  import { PepDraggableItemsModule } from '@pepperi-addons/ngx-lib/draggable-items';
23
22
  import * as i1$1 from '@pepperi-addons/ngx-lib/icon';
24
23
  import { pepIconSystemClose, pepIconArrowDownAlt, pepIconSystemBin, pepIconNumberPlus, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
@@ -64,7 +63,8 @@ class MenuDataViewComponent {
64
63
  constructor(dialogService, dataViewBuilderService) {
65
64
  this.dialogService = dialogService;
66
65
  this.dataViewBuilderService = dataViewBuilderService;
67
- this.fields = [];
66
+ this.fields = []; // The data view fields.
67
+ this.availableFieldsTitles = new Map(); // <FieldID, Original Title> from the available fields.
68
68
  this.emptyDropAreaId = '';
69
69
  this.mappedFieldsId = '';
70
70
  this.fieldsChange = new EventEmitter();
@@ -76,7 +76,7 @@ class MenuDataViewComponent {
76
76
  }
77
77
  addNewField(draggableItem, index) {
78
78
  // Add new menuField to the mappedFields.
79
- const menuField = { FieldID: draggableItem.data, Title: draggableItem.title };
79
+ const menuField = { FieldID: draggableItem.data.key, Title: draggableItem.title };
80
80
  this.spliceMappedFields(index, 0, menuField);
81
81
  }
82
82
  spliceMappedFields(start, deleteCount, item) {
@@ -145,7 +145,7 @@ class MenuDataViewComponent {
145
145
  }
146
146
  }
147
147
  MenuDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MenuDataViewComponent, deps: [{ token: i1.PepDialogService }, { token: DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
148
- MenuDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MenuDataViewComponent, selector: "menu-data-view", inputs: { fields: "fields", emptyDropAreaId: "emptyDropAreaId", mappedFieldsId: "mappedFieldsId" }, outputs: { fieldsChange: "fieldsChange" }, viewQueries: [{ propertyName: "separatorTitleModalTemplate", first: true, predicate: ["separatorTitleModalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n<ng-template #emptyTemplate>\n <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n <mat-icon class=\"pep-spacing-element\">\n <pep-icon name=\"arrow_down_alt\"></pep-icon>\n </mat-icon>\n <span class=\"body-sm ellipsis\">\n {{ 'DATA_VIEW_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n </span> \n </div>\n</ng-template>\n<ng-template #notEmptyTemplate>\n <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n <ng-container *ngFor=\"let menuField of fields; let i = index\" >\n <div class=\"mapped-field-container\" [ngClass]=\"{ 'separator-container': menuField.FieldID === '' }\" \n cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n <ng-container *ngTemplateOutlet=\"mappedFieldTemplate; context: { menuField: menuField }\"></ng-container>\n </div>\n <div *ngIf=\"!isGrabbing\" class=\"add-separator-container\">\n <pep-button class=\"add-separator\" styleType=\"regular\" sizeType=\"sm\" iconName=\"number_plus\" \n [value]=\"'DATA_VIEW_BUILDER.ADD_SEPARATOR' | translate\" (buttonClick)=\"addSeparator(i+1)\"></pep-button>\n </div>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #mappedFieldTemplate let-menuField=\"menuField\">\n <ng-container *ngIf=\"menuField.FieldID !== ''; then menuItemTemplate; else separatorTemplate\"></ng-container>\n\n <ng-template #menuItemTemplate>\n <div class=\"fields-wrapper\">\n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_KEY_TITLE' | translate\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n </pep-textbox>\n \n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_VALUE_TITLE' | translate\"\n [value]=\"menuField.Title\" (valueChange)=\"onTitleChanged($event, menuField)\">\n </pep-textbox>\n \n <pep-button class=\"center-button\" iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </ng-template>\n <ng-template #separatorTemplate>\n <div class=\"separator-wrapper \">\n <div class=\"pep-spacing-element title title-md color-dimmed\">\n <span [title]=\"menuField.Title\">{{ menuField.Title }}</span>\n </div>\n <div class=\"list-actions\">\n <pep-button iconName=\"system_edit\" [title]=\"'ACTIONS.EDIT' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onEditSeparatorField($event, menuField)\"></pep-button>\n <pep-button iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </div>\n </ng-template>\n</ng-template>\n\n<ng-template #separatorTitleModalTemplate let-data>\n <pep-dialog [title]=\"'DATA_VIEW_BUILDER.SEPARATOR_TITLE' | translate\">\n <ng-container pep-dialog-content>\n <pep-textbox #txt [label]=\"'DATA_VIEW_BUILDER.ADD_A_TITLE' | translate\" [(value)]=\"data.value\">\n </pep-textbox>\n </ng-container>\n <ng-container pep-dialog-actions>\n <div class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\"\n (click)=\"closeDialog()\">\n {{'Cancel' | translate}}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"setDialogValue(txt.value)\">\n {{ 'Save' | translate}}\n </button>\n </div>\n </ng-container>\n </pep-dialog>\n</ng-template>", styles: ["html body.inheritCursors *{cursor:inherit!important}.cdk-drag-preview.mapped-field-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.cdk-drag-preview.mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.cdk-drag-preview.mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.12);position:relative}.drop-field-here-area:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;grid-column-gap:var(--pep-spacing-lg, 1rem);column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){grid-row-gap:var(--pep-spacing-lg, 1rem);row-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:2.5rem}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.mapped-fields-area .mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.mapped-fields-area .mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .fields-wrapper,.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .separator-wrapper{opacity:0}.mapped-fields-area .add-separator-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);height:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container .add-separator{position:relative;display:none}.mapped-fields-area .add-separator-container:hover .add-separator{display:block}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { type: i5.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }, { type: i6.PepTextboxComponent, selector: "pep-textbox", inputs: ["accessory", "label", "placeholder", "mandatory", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "key", "value", "formattedValue", "type", "visible", "maxFieldCharacters"], outputs: ["valueChange", "formValidationChange"] }, { type: i1.PepDialogComponent, selector: "pep-dialog", inputs: ["showClose", "showHeader", "showFooter", "title"], outputs: ["close"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i9.TranslatePipe } });
148
+ MenuDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MenuDataViewComponent, selector: "menu-data-view", inputs: { fields: "fields", availableFieldsTitles: "availableFieldsTitles", emptyDropAreaId: "emptyDropAreaId", mappedFieldsId: "mappedFieldsId" }, outputs: { fieldsChange: "fieldsChange" }, viewQueries: [{ propertyName: "separatorTitleModalTemplate", first: true, predicate: ["separatorTitleModalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n<ng-template #emptyTemplate>\n <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n <mat-icon class=\"pep-spacing-element\">\n <pep-icon name=\"arrow_down_alt\"></pep-icon>\n </mat-icon>\n <span class=\"body-sm ellipsis\">\n {{ 'DATA_VIEW_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n </span> \n </div>\n</ng-template>\n<ng-template #notEmptyTemplate>\n <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n <ng-container *ngFor=\"let menuField of fields; let i = index\" >\n <div class=\"mapped-field-container\" [ngClass]=\"{ 'separator-container': menuField.FieldID === '' }\" \n cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n <ng-container *ngTemplateOutlet=\"mappedFieldTemplate; context: { menuField: menuField }\"></ng-container>\n </div>\n <div *ngIf=\"!isGrabbing\" class=\"add-separator-container\">\n <pep-button class=\"add-separator\" styleType=\"regular\" sizeType=\"sm\" iconName=\"number_plus\" \n [value]=\"'DATA_VIEW_BUILDER.ADD_SEPARATOR' | translate\" (buttonClick)=\"addSeparator(i+1)\"></pep-button>\n </div>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #mappedFieldTemplate let-menuField=\"menuField\">\n <ng-container *ngIf=\"menuField.FieldID !== ''; then menuItemTemplate; else separatorTemplate\"></ng-container>\n\n <ng-template #menuItemTemplate>\n <div class=\"fields-wrapper\">\n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_KEY_TITLE' | translate\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n </pep-textbox>\n \n <pep-textbox [label]=\"'DATA_VIEW_BUILDER.MENU_ITEM_VALUE_TITLE' | translate\" [hint]=\"'(' + (availableFieldsTitles.get(menuField.FieldID) || '') + ')'\"\n [value]=\"menuField.Title\" (valueChange)=\"onTitleChanged($event, menuField)\">\n </pep-textbox>\n \n <pep-button class=\"center-button\" iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </ng-template>\n <ng-template #separatorTemplate>\n <div class=\"separator-wrapper \">\n <div class=\"pep-spacing-element title title-md color-dimmed\">\n <span [title]=\"menuField.Title\">{{ menuField.Title }}</span>\n </div>\n <div class=\"list-actions\">\n <pep-button iconName=\"system_edit\" [title]=\"'ACTIONS.EDIT' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onEditSeparatorField($event, menuField)\"></pep-button>\n <pep-button iconName=\"system_bin\" [title]=\"'ACTIONS.DELETE' | translate\" sizeType=\"xs\" styleType=\"regular\" (buttonClick)=\"onDeleteMappedField($event, menuField)\"></pep-button>\n </div>\n </div>\n </ng-template>\n</ng-template>\n\n<ng-template #separatorTitleModalTemplate let-data>\n <pep-dialog [title]=\"'DATA_VIEW_BUILDER.SEPARATOR_TITLE' | translate\">\n <ng-container pep-dialog-content>\n <pep-textbox #txt [label]=\"'DATA_VIEW_BUILDER.ADD_A_TITLE' | translate\" [(value)]=\"data.value\">\n </pep-textbox>\n </ng-container>\n <ng-container pep-dialog-actions>\n <div class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\"\n (click)=\"closeDialog()\">\n {{'Cancel' | translate}}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"setDialogValue(txt.value)\">\n {{ 'Save' | translate}}\n </button>\n </div>\n </ng-container>\n </pep-dialog>\n</ng-template>", styles: ["html body.inheritCursors *{cursor:inherit!important}.cdk-drag-preview.mapped-field-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.cdk-drag-preview.mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.cdk-drag-preview.mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.cdk-drag-preview.mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.cdk-drag-preview.mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.12);position:relative}.drop-field-here-area:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;grid-column-gap:var(--pep-spacing-lg, 1rem);column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){grid-row-gap:var(--pep-spacing-lg, 1rem);row-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:2.5rem}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .mapped-field-container:not(.separator-container){grid-gap:calc(var(--pep-spacing-lg, 1rem) * 2);gap:calc(var(--pep-spacing-lg, 1rem) * 2);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .fields-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr auto;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.mapped-fields-area .mapped-field-container .fields-wrapper .center-button{margin-top:var(--pep-form-field-title-height, 1.5rem)}.mapped-fields-area .mapped-field-container .separator-wrapper{display:grid;width:100%;grid-template-columns:1fr auto;padding-bottom:var(--pep-spacing-xs, .25rem);border-bottom:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.mapped-fields-area .mapped-field-container .separator-wrapper .list-actions{display:flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .fields-wrapper,.mapped-fields-area .mapped-field-container.cdk-drag-placeholder .separator-wrapper{opacity:0}.mapped-fields-area .add-separator-container{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);height:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container:not(.separator-container){padding-inline:var(--pep-spacing-lg, 1rem)}.mapped-fields-area .add-separator-container .add-separator{position:relative;display:none}.mapped-fields-area .add-separator-container:hover .add-separator{display:block}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { type: i5.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }, { type: i6.PepTextboxComponent, selector: "pep-textbox", inputs: ["accessory", "label", "placeholder", "mandatory", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "key", "value", "formattedValue", "type", "visible", "maxFieldCharacters", "hint"], outputs: ["valueChange", "formValidationChange"] }, { type: i1.PepDialogComponent, selector: "pep-dialog", inputs: ["showClose", "showHeader", "showFooter", "title"], outputs: ["close"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i9.TranslatePipe } });
149
149
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MenuDataViewComponent, decorators: [{
150
150
  type: Component,
151
151
  args: [{
@@ -158,6 +158,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
158
158
  args: ['separatorTitleModalTemplate', { read: TemplateRef }]
159
159
  }], fields: [{
160
160
  type: Input
161
+ }], availableFieldsTitles: [{
162
+ type: Input
161
163
  }], emptyDropAreaId: [{
162
164
  type: Input
163
165
  }], mappedFieldsId: [{
@@ -169,16 +171,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
169
171
  class DataViewBuilderComponent {
170
172
  constructor(dataViewBuilderService) {
171
173
  this.dataViewBuilderService = dataViewBuilderService;
172
- this.title = '';
174
+ // @Input() title: string = '';
173
175
  this.builderTitle = '';
174
176
  this.builderTitleHint = '';
175
- this.availableFields = [];
177
+ this._availableFields = [];
176
178
  this.dataViewChange = new EventEmitter();
177
179
  this.type = 'not-supported';
178
180
  this.emptyDropAreaId = 'emptyDropArea';
179
181
  this.mappedFieldsId = 'mappedFields';
182
+ this.availableFieldsTitles = new Map();
180
183
  //
181
184
  }
185
+ set availableFields(value) {
186
+ this._availableFields = value;
187
+ this.setTitlesMap();
188
+ }
189
+ get availableFields() {
190
+ return this._availableFields;
191
+ }
182
192
  set dataView(value) {
183
193
  this._dataView = value;
184
194
  this.setType();
@@ -206,7 +216,7 @@ class DataViewBuilderComponent {
206
216
  }
207
217
  setAvailableFieldPermission(field, disable) {
208
218
  // Find the item in the available fields
209
- const item = this.availableFields.find(as => as.data === field);
219
+ const item = this.availableFields.find(as => as.data.key === field);
210
220
  // If exist disable or enable it.
211
221
  if (item) {
212
222
  item.disabled = disable;
@@ -220,9 +230,21 @@ class DataViewBuilderComponent {
220
230
  }
221
231
  }
222
232
  }
233
+ setTitlesMap() {
234
+ var _a, _b;
235
+ this.availableFieldsTitles.clear();
236
+ if (((_a = this.availableFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
237
+ for (let index = 0; index < this.availableFields.length; index++) {
238
+ const availableField = this.availableFields[index];
239
+ if (((_b = availableField === null || availableField === void 0 ? void 0 : availableField.data) === null || _b === void 0 ? void 0 : _b.key.length) > 0) {
240
+ this.availableFieldsTitles.set(availableField.data.key, availableField.title);
241
+ }
242
+ }
243
+ }
244
+ }
223
245
  notifyDataViewChange() {
224
246
  this.dataViewChange.emit(this.dataView);
225
- console.log(this.dataView);
247
+ // console.log(this.dataView);
226
248
  }
227
249
  ngOnInit() {
228
250
  }
@@ -239,7 +261,7 @@ class DataViewBuilderComponent {
239
261
  }
240
262
  }
241
263
  DataViewBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DataViewBuilderComponent, deps: [{ token: DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
242
- DataViewBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DataViewBuilderComponent, selector: "pep-data-view-builder", inputs: { title: "title", 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 <!-- <pep-button class=\"pep-spacing-element\" [value]=\"'Cancel' | translate\" (buttonClick)=\"backClicked()\"></pep-button> -->\n <!-- <pep-button class=\"pep-spacing-element\" [value]=\"'Save' | translate\" styleType=\"strong\" (buttonClick)=\"saveClicked()\"></pep-button> -->\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 <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'menu'\">\n <menu-data-view [fields]=\"dataView?.Fields || []\" [emptyDropAreaId]=\"emptyDropAreaId\" [mappedFieldsId]=\"mappedFieldsId\" (fieldsChange)=\"onFieldsChanged($event)\"></menu-data-view>\n </ng-container>\n <!-- <ng-container *ngSwitchDefault>\n </ng-container> -->\n </ng-container>\n </div>\n </div>\n </ng-template>\n </ng-container>\n</pep-page-layout>\n\n", styles: [".mapped-fields-container{display:grid;grid-template-columns:auto 1fr;grid-template-rows: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;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem)}.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 .mapped-fields-top-area.pep-border-bottom{margin-bottom:var(--pep-spacing-lg, 1rem)}\n"], components: [{ type: i2.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i3$1.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }, { type: i4.DraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { type: MenuDataViewComponent, selector: "menu-data-view", inputs: ["fields", "emptyDropAreaId", "mappedFieldsId"], outputs: ["fieldsChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "translate": i9.TranslatePipe } });
264
+ DataViewBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", 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"], components: [{ type: i2.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i3$1.DraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { type: MenuDataViewComponent, selector: "menu-data-view", inputs: ["fields", "availableFieldsTitles", "emptyDropAreaId", "mappedFieldsId"], outputs: ["fieldsChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "translate": i9.TranslatePipe } });
243
265
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DataViewBuilderComponent, decorators: [{
244
266
  type: Component,
245
267
  args: [{
@@ -247,9 +269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
247
269
  templateUrl: './data-view-builder.component.html',
248
270
  styleUrls: ['./data-view-builder.component.scss']
249
271
  }]
250
- }], ctorParameters: function () { return [{ type: DataViewBuilderService }]; }, propDecorators: { title: [{
251
- type: Input
252
- }], builderTitle: [{
272
+ }], ctorParameters: function () { return [{ type: DataViewBuilderService }]; }, propDecorators: { builderTitle: [{
253
273
  type: Input
254
274
  }], builderTitleHint: [{
255
275
  type: Input