@pepperi-addons/ngx-composite-lib 0.4.2-beta.166 → 0.4.2-beta.169

package/esm2020/color-settings/color-settings.component.mjs

@@ -70,7 +70,7 @@ export class ColorSettingsComponent {
     }
 }
 ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
-ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", titleSize: "titleSize", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n        (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n        [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n    </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", titleSize: "titleSize", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n        (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n        [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n    </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-color-settings', template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n        (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n        [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n    </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]

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

@@ -109,7 +109,7 @@ export class MenuDataViewComponent {
     }
 }
 MenuDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: MenuDataViewComponent, deps: [{ token: i1.TranslateService }, { token: i2.PepDialogService }, { token: i3.DataViewBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-MenuDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: MenuDataViewComponent, selector: "menu-data-view", inputs: { fields: "fields", availableFieldsTitles: "availableFieldsTitles", emptyDropAreaId: "emptyDropAreaId", mappedFieldsId: "mappedFieldsId", showAddSeparator: "showAddSeparator", itemKeyLabel: "itemKeyLabel", itemTitleLabel: "itemTitleLabel" }, 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 *ngIf=\"showAddSeparator\" 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]=\"itemKeyLabel\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n            </pep-textbox>\n            \n            <pep-textbox [label]=\"itemTitleLabel\" [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>\n", 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){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;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;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%),.08);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;inset: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;column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){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){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;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;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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i2.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "component", type: i8.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i9.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+MenuDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: MenuDataViewComponent, selector: "menu-data-view", inputs: { fields: "fields", availableFieldsTitles: "availableFieldsTitles", emptyDropAreaId: "emptyDropAreaId", mappedFieldsId: "mappedFieldsId", showAddSeparator: "showAddSeparator", itemKeyLabel: "itemKeyLabel", itemTitleLabel: "itemTitleLabel" }, 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 *ngIf=\"showAddSeparator\" 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]=\"itemKeyLabel\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n            </pep-textbox>\n            \n            <pep-textbox [label]=\"itemTitleLabel\" [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>\n", 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){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;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;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%),.08);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;inset: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;column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){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){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;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;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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i2.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "component", type: i8.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i9.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: MenuDataViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'menu-data-view', 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 *ngIf=\"showAddSeparator\" 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]=\"itemKeyLabel\" [value]=\"menuField.FieldID\" [disabled]=\"true\">\n            </pep-textbox>\n            \n            <pep-textbox [label]=\"itemTitleLabel\" [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>\n", 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){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;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;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%),.08);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;inset: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;column-gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area:not(.no-row-gap){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){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;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;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"] }]

package/esm2020/icon-picker/icon-picker.component.mjs

@@ -51,7 +51,7 @@ export class IconPickerComponent {
     }
 }
 IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
-IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [value]=\"!disabled\" \n        [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n        [renderTitle]=\"false\" \n        (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n    <div class=\"selected-cont\">\n        <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n                         [disabled]=\"disabled\" \n                         [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n        </pep-field-title>\n        <!-- <pep-button\n            iconName=\"system_bolt\"\n            [disabled]=\"disabled\">\n           \n        </pep-button> -->\n        <div class=\"pep-button md weak\">\n            <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n        </div>\n    </div>\n    <div class=\"choose-btn-cont\">\n        <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n                         [disabled]=\"disabled\" \n                         [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n        </pep-field-title>\n        <pep-button\n            [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n            styleType=\"regular\"\n            [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n        </pep-button>\n    </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [value]=\"!disabled\" \n        [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n        [renderTitle]=\"false\" \n        (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n    <div class=\"selected-cont\">\n        <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n                         [disabled]=\"disabled\" \n                         [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n        </pep-field-title>\n        <!-- <pep-button\n            iconName=\"system_bolt\"\n            [disabled]=\"disabled\">\n           \n        </pep-button> -->\n        <div class=\"pep-button md weak\">\n            <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n        </div>\n    </div>\n    <div class=\"choose-btn-cont\">\n        <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n                         [disabled]=\"disabled\" \n                         [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n        </pep-field-title>\n        <pep-button\n            [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n            styleType=\"regular\"\n            [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n        </pep-button>\n    </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange", "validationChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [value]=\"!disabled\" \n        [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n        [renderTitle]=\"false\" \n        (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n    <div class=\"selected-cont\">\n        <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n                         [disabled]=\"disabled\" \n                         [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n        </pep-field-title>\n        <!-- <pep-button\n            iconName=\"system_bolt\"\n            [disabled]=\"disabled\">\n           \n        </pep-button> -->\n        <div class=\"pep-button md weak\">\n            <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n        </div>\n    </div>\n    <div class=\"choose-btn-cont\">\n        <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n                         [disabled]=\"disabled\" \n                         [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n        </pep-field-title>\n        <pep-button\n            [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n            styleType=\"regular\"\n            [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n        </pep-button>\n    </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]

package/esm2020/layout-builder/main-editor/main-editor.component.mjs

@@ -113,7 +113,7 @@ export class MainEditorComponent extends BaseDestroyerDirective {
     }
 }
 MainEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: MainEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-MainEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: MainEditorComponent, selector: "main-editor", inputs: { availableBlocksForDrag: "availableBlocksForDrag", sectionsColumnsDropList: "sectionsColumnsDropList", hostObject: "hostObject" }, outputs: { hostObjectChange: "hostObjectChange", addSectionClick: "addSectionClick", onBlockDragStart: "onBlockDragStart", onBlockDragEnd: "onBlockDragEnd" }, viewQueries: [{ propertyName: "_topContentRef", first: true, predicate: ["topContentRef"], descendants: true, static: true }, { propertyName: "availableBlocksContainer", first: true, predicate: ["availableBlocksContainer"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<pep-layout-builder-editor [editorTabs]=\"[\n    {key: '1', title: 'LAYOUT_BUILDER.GENERAL', templateRef: firstTabTemplate}, \n    {key: '2', title: 'LAYOUT_BUILDER.DESIGN', templateRef: secondTabTemplate}]\">\n</pep-layout-builder-editor>\n\n<ng-template #firstTabTemplate let-tabKey=\"tabKey\">\n    <div #topContentRef class=\"layout-builder-editor-group\">\n        <ng-content select=\"[layout-editor-top-content]\"></ng-content>\n        <div *ngIf=\"showTopContent\" class=\"editor-separator\"></div>\n    </div>\n    <div>\n        <label class=\"editor-title\">{{'LAYOUT_BUILDER.SECTIONS_TITLE' | translate}}</label>\n        <pep-button class=\"add-section-button\" value=\"{{'LAYOUT_BUILDER.ADD_SECTION' | translate}}\" styleType=\"regular\" iconName=\"number_plus\" iconPosition=\"end\"\n            (buttonClick)=\"onAddSectionClick($event)\"></pep-button>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <pep-draggable-items class=\"available-blocks\" [containerId]=\"availableBlocksContainerId\" [items]=\"availableBlocksForDrag\" [title]=\"'LAYOUT_BUILDER.BLOCKS_TITLE' | translate\"\n        titleSizeType=\"xl\" titleType=\"with-bottom-border\" [showSearch]=\"true\" [dropAreaIds]=\"sectionsColumnsDropList\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n    </pep-draggable-items>\n    <!-- <div #bottomContentRef class=\"layout-builder-editor-group\">\n        <div *ngIf=\"showBottomContent\" class=\"editor-separator\"></div>\n        <ng-content select=\"[layout-editor-bottom-content]\"></ng-content>\n    </div> -->\n</ng-template>\n\n<ng-template #secondTabTemplate let-tabKey=\"tabKey\">\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"isFullWidth\" [label]=\"'LAYOUT_BUILDER.FULL_WIDTH_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"isFullWidthChange($event)\"></pep-checkbox>\n        <pep-textbox [label]=\"'LAYOUT_BUILDER.MAX_WIDTH_TITLE' | translate\" type=\"int\" [disabled]=\"isFullWidth\" [value]=\"maxWidth.toString()\" (valueChange)=\"onMaxWidthChange($event)\"></pep-textbox>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <!-- Spacing -->\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [header]=\"'LAYOUT_BUILDER.SPACING_TITLE' | translate\" [subHeader]=\"'LAYOUT_BUILDER.SPACING_HORIZONTAL_TITLE' | translate\"\n                                [btnKey]=\"horizontalSpacing.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsHorizntalGap($event)\">\n    </pep-group-buttons-settings>\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [subHeader]=\"'LAYOUT_BUILDER.SPACING_VERTICAL_TITLE' | translate\"\n                                [btnKey]=\"verticalSpacing.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsVerticalGap($event)\">\n    </pep-group-buttons-settings>\n    <div class=\"editor-separator\"></div>\n    <!-- Gaps -->\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [header]=\"'LAYOUT_BUILDER.GAPS_TITLE' | translate\" [subHeader]=\"'LAYOUT_BUILDER.SECTIONS_GAP_TITLE' | translate\"\n                                [btnKey]=\"sectionsGap.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setSectionGap($event)\">\n    </pep-group-buttons-settings>\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [subHeader]=\"'LAYOUT_BUILDER.COLUMNS_GAP_TITLE' | translate\"\n                                [btnKey]=\"columnsGap.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsGap($event)\">\n    </pep-group-buttons-settings>\n    <!-- Rounded Corners -->\n    <!--\n    <div class=\"editor-separator\"></div>\n    <label class=\"editor-title\">{{'LAYOUT_BUILDER.ROUNDED_CORNERS_TITLE' | translate}}</label><br>\n    <label class=\"body-xs ellipsis\">{{'LAYOUT_BUILDER.BORDER_RADIUS_TITLE' | translate}}</label>\n    <pep-group-buttons [buttons]=\"sizesGroupButtons\" [selectedButtonKey]=\"roundedCorners\" buttonsClass=\"ms regular\" viewType=\"toggle\"\n        (buttonClick)=\"setRoundedCorners($event)\"></pep-group-buttons> -->\n</ng-template>\n", styles: [":host pep-draggable-items ::ng-deep .draggable-items-overflow{padding-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i5.GroupButtonsSettingsComponent, selector: "pep-group-buttons-settings", inputs: ["header", "subHeader", "groupType", "btnsArray", "excludeKeys", "useNone", "disabled", "dir", "titleSize", "bold", "btnKey"], outputs: ["btnkeyChange"] }, { kind: "component", type: i6.PepDraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { kind: "component", type: i7.PepLayoutBuilderEditorComponent, selector: "pep-layout-builder-editor", inputs: ["editorTabs"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+MainEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: MainEditorComponent, selector: "main-editor", inputs: { availableBlocksForDrag: "availableBlocksForDrag", sectionsColumnsDropList: "sectionsColumnsDropList", hostObject: "hostObject" }, outputs: { hostObjectChange: "hostObjectChange", addSectionClick: "addSectionClick", onBlockDragStart: "onBlockDragStart", onBlockDragEnd: "onBlockDragEnd" }, viewQueries: [{ propertyName: "_topContentRef", first: true, predicate: ["topContentRef"], descendants: true, static: true }, { propertyName: "availableBlocksContainer", first: true, predicate: ["availableBlocksContainer"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<pep-layout-builder-editor [editorTabs]=\"[\n    {key: '1', title: 'LAYOUT_BUILDER.GENERAL', templateRef: firstTabTemplate}, \n    {key: '2', title: 'LAYOUT_BUILDER.DESIGN', templateRef: secondTabTemplate}]\">\n</pep-layout-builder-editor>\n\n<ng-template #firstTabTemplate let-tabKey=\"tabKey\">\n    <div #topContentRef class=\"layout-builder-editor-group\">\n        <ng-content select=\"[layout-editor-top-content]\"></ng-content>\n        <div *ngIf=\"showTopContent\" class=\"editor-separator\"></div>\n    </div>\n    <div>\n        <label class=\"editor-title\">{{'LAYOUT_BUILDER.SECTIONS_TITLE' | translate}}</label>\n        <pep-button class=\"add-section-button\" value=\"{{'LAYOUT_BUILDER.ADD_SECTION' | translate}}\" styleType=\"regular\" iconName=\"number_plus\" iconPosition=\"end\"\n            (buttonClick)=\"onAddSectionClick($event)\"></pep-button>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <pep-draggable-items class=\"available-blocks\" [containerId]=\"availableBlocksContainerId\" [items]=\"availableBlocksForDrag\" [title]=\"'LAYOUT_BUILDER.BLOCKS_TITLE' | translate\"\n        titleSizeType=\"xl\" titleType=\"with-bottom-border\" [showSearch]=\"true\" [dropAreaIds]=\"sectionsColumnsDropList\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n    </pep-draggable-items>\n    <!-- <div #bottomContentRef class=\"layout-builder-editor-group\">\n        <div *ngIf=\"showBottomContent\" class=\"editor-separator\"></div>\n        <ng-content select=\"[layout-editor-bottom-content]\"></ng-content>\n    </div> -->\n</ng-template>\n\n<ng-template #secondTabTemplate let-tabKey=\"tabKey\">\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"isFullWidth\" [label]=\"'LAYOUT_BUILDER.FULL_WIDTH_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"isFullWidthChange($event)\"></pep-checkbox>\n        <pep-textbox [label]=\"'LAYOUT_BUILDER.MAX_WIDTH_TITLE' | translate\" type=\"int\" [disabled]=\"isFullWidth\" [value]=\"maxWidth.toString()\" (valueChange)=\"onMaxWidthChange($event)\"></pep-textbox>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <!-- Spacing -->\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [header]=\"'LAYOUT_BUILDER.SPACING_TITLE' | translate\" [subHeader]=\"'LAYOUT_BUILDER.SPACING_HORIZONTAL_TITLE' | translate\"\n                                [btnKey]=\"horizontalSpacing.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsHorizntalGap($event)\">\n    </pep-group-buttons-settings>\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [subHeader]=\"'LAYOUT_BUILDER.SPACING_VERTICAL_TITLE' | translate\"\n                                [btnKey]=\"verticalSpacing.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsVerticalGap($event)\">\n    </pep-group-buttons-settings>\n    <div class=\"editor-separator\"></div>\n    <!-- Gaps -->\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [header]=\"'LAYOUT_BUILDER.GAPS_TITLE' | translate\" [subHeader]=\"'LAYOUT_BUILDER.SECTIONS_GAP_TITLE' | translate\"\n                                [btnKey]=\"sectionsGap.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setSectionGap($event)\">\n    </pep-group-buttons-settings>\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [subHeader]=\"'LAYOUT_BUILDER.COLUMNS_GAP_TITLE' | translate\"\n                                [btnKey]=\"columnsGap.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsGap($event)\">\n    </pep-group-buttons-settings>\n    <!-- Rounded Corners -->\n    <!--\n    <div class=\"editor-separator\"></div>\n    <label class=\"editor-title\">{{'LAYOUT_BUILDER.ROUNDED_CORNERS_TITLE' | translate}}</label><br>\n    <label class=\"body-xs ellipsis\">{{'LAYOUT_BUILDER.BORDER_RADIUS_TITLE' | translate}}</label>\n    <pep-group-buttons [buttons]=\"sizesGroupButtons\" [selectedButtonKey]=\"roundedCorners\" buttonsClass=\"ms regular\" viewType=\"toggle\"\n        (buttonClick)=\"setRoundedCorners($event)\"></pep-group-buttons> -->\n</ng-template>\n", styles: [":host pep-draggable-items ::ng-deep .draggable-items-overflow{padding-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i5.GroupButtonsSettingsComponent, selector: "pep-group-buttons-settings", inputs: ["header", "subHeader", "groupType", "btnsArray", "excludeKeys", "useNone", "disabled", "dir", "titleSize", "bold", "btnKey"], outputs: ["btnkeyChange"] }, { kind: "component", type: i6.PepDraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { kind: "component", type: i7.PepLayoutBuilderEditorComponent, selector: "pep-layout-builder-editor", inputs: ["editorTabs"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: MainEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'main-editor', template: "<pep-layout-builder-editor [editorTabs]=\"[\n    {key: '1', title: 'LAYOUT_BUILDER.GENERAL', templateRef: firstTabTemplate}, \n    {key: '2', title: 'LAYOUT_BUILDER.DESIGN', templateRef: secondTabTemplate}]\">\n</pep-layout-builder-editor>\n\n<ng-template #firstTabTemplate let-tabKey=\"tabKey\">\n    <div #topContentRef class=\"layout-builder-editor-group\">\n        <ng-content select=\"[layout-editor-top-content]\"></ng-content>\n        <div *ngIf=\"showTopContent\" class=\"editor-separator\"></div>\n    </div>\n    <div>\n        <label class=\"editor-title\">{{'LAYOUT_BUILDER.SECTIONS_TITLE' | translate}}</label>\n        <pep-button class=\"add-section-button\" value=\"{{'LAYOUT_BUILDER.ADD_SECTION' | translate}}\" styleType=\"regular\" iconName=\"number_plus\" iconPosition=\"end\"\n            (buttonClick)=\"onAddSectionClick($event)\"></pep-button>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <pep-draggable-items class=\"available-blocks\" [containerId]=\"availableBlocksContainerId\" [items]=\"availableBlocksForDrag\" [title]=\"'LAYOUT_BUILDER.BLOCKS_TITLE' | translate\"\n        titleSizeType=\"xl\" titleType=\"with-bottom-border\" [showSearch]=\"true\" [dropAreaIds]=\"sectionsColumnsDropList\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n    </pep-draggable-items>\n    <!-- <div #bottomContentRef class=\"layout-builder-editor-group\">\n        <div *ngIf=\"showBottomContent\" class=\"editor-separator\"></div>\n        <ng-content select=\"[layout-editor-bottom-content]\"></ng-content>\n    </div> -->\n</ng-template>\n\n<ng-template #secondTabTemplate let-tabKey=\"tabKey\">\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"isFullWidth\" [label]=\"'LAYOUT_BUILDER.FULL_WIDTH_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"isFullWidthChange($event)\"></pep-checkbox>\n        <pep-textbox [label]=\"'LAYOUT_BUILDER.MAX_WIDTH_TITLE' | translate\" type=\"int\" [disabled]=\"isFullWidth\" [value]=\"maxWidth.toString()\" (valueChange)=\"onMaxWidthChange($event)\"></pep-textbox>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <!-- Spacing -->\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [header]=\"'LAYOUT_BUILDER.SPACING_TITLE' | translate\" [subHeader]=\"'LAYOUT_BUILDER.SPACING_HORIZONTAL_TITLE' | translate\"\n                                [btnKey]=\"horizontalSpacing.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsHorizntalGap($event)\">\n    </pep-group-buttons-settings>\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [subHeader]=\"'LAYOUT_BUILDER.SPACING_VERTICAL_TITLE' | translate\"\n                                [btnKey]=\"verticalSpacing.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsVerticalGap($event)\">\n    </pep-group-buttons-settings>\n    <div class=\"editor-separator\"></div>\n    <!-- Gaps -->\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [header]=\"'LAYOUT_BUILDER.GAPS_TITLE' | translate\" [subHeader]=\"'LAYOUT_BUILDER.SECTIONS_GAP_TITLE' | translate\"\n                                [btnKey]=\"sectionsGap.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setSectionGap($event)\">\n    </pep-group-buttons-settings>\n    <pep-group-buttons-settings [groupType]=\"'sizes'\" \n                                [subHeader]=\"'LAYOUT_BUILDER.COLUMNS_GAP_TITLE' | translate\"\n                                [btnKey]=\"columnsGap.toLowerCase()\" [excludeKeys]=\"['xs','xl','2xl']\" [useNone]=\"true\"\n                                (btnkeyChange)=\"setColumnsGap($event)\">\n    </pep-group-buttons-settings>\n    <!-- Rounded Corners -->\n    <!--\n    <div class=\"editor-separator\"></div>\n    <label class=\"editor-title\">{{'LAYOUT_BUILDER.ROUNDED_CORNERS_TITLE' | translate}}</label><br>\n    <label class=\"body-xs ellipsis\">{{'LAYOUT_BUILDER.BORDER_RADIUS_TITLE' | translate}}</label>\n    <pep-group-buttons [buttons]=\"sizesGroupButtons\" [selectedButtonKey]=\"roundedCorners\" buttonsClass=\"ms regular\" viewType=\"toggle\"\n        (buttonClick)=\"setRoundedCorners($event)\"></pep-group-buttons> -->\n</ng-template>\n", styles: [":host pep-draggable-items ::ng-deep .draggable-items-overflow{padding-bottom:0!important}\n"] }]

package/esm2020/layout-builder/section-editor/section-editor.component.mjs

@@ -189,7 +189,7 @@ export class SectionEditorComponent {
     }
 }
 SectionEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: SectionEditorComponent, deps: [{ token: i1.TranslateService }, { token: i2.PepDialogService }], target: i0.ɵɵFactoryTarget.Component });
-SectionEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: SectionEditorComponent, selector: "section-editor", inputs: { hostObject: "hostObject" }, outputs: { hostObjectChange: "hostObjectChange" }, ngImport: i0, template: "<pep-layout-builder-editor class=\"section-editor-container\">\n    <div>\n        <pep-textbox [value]=\"sectionName\" [label]=\"'LAYOUT_BUILDER.SECTION_NAME_TITLE' | translate\" (valueChange)=\"onSectionNameChange($event)\"></pep-textbox>\n    </div>\n    <!-- \n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"isAutoHeight\" [label]=\"'LAYOUT_BUILDER.AUTO_HEIGHT_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"isAutoHeightChange($event)\"></pep-checkbox>\n        <pep-textbox [label]=\"'LAYOUT_BUILDER.HEIGHT_TITLE' | translate\" type=\"int\" [minValue]=\"MIN_HEIGHT\" [disabled]=\"isAutoHeight\" [value]=\"height\" (valueChange)=\"onHeightChange($event)\"></pep-textbox> \n    </div>\n    -->\n    <div class=\"editor-separator\"></div>\n    <div>\n        <label class=\"editor-title\">{{'LAYOUT_BUILDER.LAYOUT' | translate}}</label>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"subSections\" [label]=\"'LAYOUT_BUILDER.SUB_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onSubSectionsChange($event)\"></pep-checkbox>\n        <div class=\"split-area\">\n            <pep-select [label]=\"'LAYOUT_BUILDER.SECTIONS_TITLE' | translate\" [value]=\"partsNumber\" [options]=\"partsNumberOptions\" \n                (valueChange)=\"onPartsNumberChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n            <pep-select [label]=\"'LAYOUT_BUILDER.SPLIT_TITLE' | translate\" [value]=\"split || ''\" [options]=\"splitOptions\"\n                (valueChange)=\"onSplitChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n        </div>\n    </div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"collapseOnTablet\" [label]=\"'LAYOUT_BUILDER.COLLAPSE_ON_TABLET_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onCollapseOnTabletChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.COLLAPSE_ON_TABLET_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"fillHeight\" [label]=\"'LAYOUT_BUILDER.FILL_HEIGHT_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onFillHeightChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.FILL_HEIGHT_SECTION_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <pep-padding-settings \n    [padding]=\"padding\" (paddingChange)=\"onPaddingChange($event)\">\n</pep-padding-settings>\n</pep-layout-builder-editor>\n\n<!-- <div class=\"section-editor-container layout-builder-editor-container\">\n    <div>\n        <pep-textbox [value]=\"sectionName\" [label]=\"'LAYOUT_BUILDER.SECTION_NAME_TITLE' | translate\" (valueChange)=\"onSectionNameChange($event)\"></pep-textbox>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"subSections\" [label]=\"'LAYOUT_BUILDER.SUB_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onSubSectionsChange($event)\"></pep-checkbox>\n        <div class=\"split-area\">\n            <pep-select [label]=\"'LAYOUT_BUILDER.SECTIONS_TITLE' | translate\" [value]=\"partsNumber\" [options]=\"partsNumberOptions\" \n                (valueChange)=\"onPartsNumberChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n            <pep-select [label]=\"'LAYOUT_BUILDER.SPLIT_TITLE' | translate\" [value]=\"split || ''\" [options]=\"splitOptions\"\n                (valueChange)=\"onSplitChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n        </div>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"collapseOnTablet\" [label]=\"'LAYOUT_BUILDER.COLLAPSE_ON_TABLET_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onCollapseOnTabletChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.COLLAPSE_ON_TABLET_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"fillHeight\" [label]=\"'LAYOUT_BUILDER.FILL_HEIGHT_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onFillHeightChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.FILL_HEIGHT_SECTION_DESCRIPTION' | translate)}}</span>\n    </div>\n</div> -->\n", styles: [".section-editor-container .split-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i3.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "component", type: i4.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "placeholder", "placeholderWhenDisabled", "autoSortOptions", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle", "typeaheadDebounceInterval", "addValueToOptionsIfNotExist"], outputs: ["valueChange"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i6.PepLayoutBuilderEditorComponent, selector: "pep-layout-builder-editor", inputs: ["editorTabs"] }, { kind: "component", type: i7.PaddingSettingsComponent, selector: "pep-padding-settings", inputs: ["padding"], outputs: ["paddingChange"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+SectionEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: SectionEditorComponent, selector: "section-editor", inputs: { hostObject: "hostObject" }, outputs: { hostObjectChange: "hostObjectChange" }, ngImport: i0, template: "<pep-layout-builder-editor class=\"section-editor-container\">\n    <div>\n        <pep-textbox [value]=\"sectionName\" [label]=\"'LAYOUT_BUILDER.SECTION_NAME_TITLE' | translate\" (valueChange)=\"onSectionNameChange($event)\"></pep-textbox>\n    </div>\n    <!-- \n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"isAutoHeight\" [label]=\"'LAYOUT_BUILDER.AUTO_HEIGHT_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"isAutoHeightChange($event)\"></pep-checkbox>\n        <pep-textbox [label]=\"'LAYOUT_BUILDER.HEIGHT_TITLE' | translate\" type=\"int\" [minValue]=\"MIN_HEIGHT\" [disabled]=\"isAutoHeight\" [value]=\"height\" (valueChange)=\"onHeightChange($event)\"></pep-textbox> \n    </div>\n    -->\n    <div class=\"editor-separator\"></div>\n    <div>\n        <label class=\"editor-title\">{{'LAYOUT_BUILDER.LAYOUT' | translate}}</label>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"subSections\" [label]=\"'LAYOUT_BUILDER.SUB_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onSubSectionsChange($event)\"></pep-checkbox>\n        <div class=\"split-area\">\n            <pep-select [label]=\"'LAYOUT_BUILDER.SECTIONS_TITLE' | translate\" [value]=\"partsNumber\" [options]=\"partsNumberOptions\" \n                (valueChange)=\"onPartsNumberChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n            <pep-select [label]=\"'LAYOUT_BUILDER.SPLIT_TITLE' | translate\" [value]=\"split || ''\" [options]=\"splitOptions\"\n                (valueChange)=\"onSplitChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n        </div>\n    </div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"collapseOnTablet\" [label]=\"'LAYOUT_BUILDER.COLLAPSE_ON_TABLET_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onCollapseOnTabletChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.COLLAPSE_ON_TABLET_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"fillHeight\" [label]=\"'LAYOUT_BUILDER.FILL_HEIGHT_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onFillHeightChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.FILL_HEIGHT_SECTION_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <pep-padding-settings \n    [padding]=\"padding\" (paddingChange)=\"onPaddingChange($event)\">\n</pep-padding-settings>\n</pep-layout-builder-editor>\n\n<!-- <div class=\"section-editor-container layout-builder-editor-container\">\n    <div>\n        <pep-textbox [value]=\"sectionName\" [label]=\"'LAYOUT_BUILDER.SECTION_NAME_TITLE' | translate\" (valueChange)=\"onSectionNameChange($event)\"></pep-textbox>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"subSections\" [label]=\"'LAYOUT_BUILDER.SUB_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onSubSectionsChange($event)\"></pep-checkbox>\n        <div class=\"split-area\">\n            <pep-select [label]=\"'LAYOUT_BUILDER.SECTIONS_TITLE' | translate\" [value]=\"partsNumber\" [options]=\"partsNumberOptions\" \n                (valueChange)=\"onPartsNumberChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n            <pep-select [label]=\"'LAYOUT_BUILDER.SPLIT_TITLE' | translate\" [value]=\"split || ''\" [options]=\"splitOptions\"\n                (valueChange)=\"onSplitChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n        </div>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"collapseOnTablet\" [label]=\"'LAYOUT_BUILDER.COLLAPSE_ON_TABLET_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onCollapseOnTabletChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.COLLAPSE_ON_TABLET_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"fillHeight\" [label]=\"'LAYOUT_BUILDER.FILL_HEIGHT_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onFillHeightChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.FILL_HEIGHT_SECTION_DESCRIPTION' | translate)}}</span>\n    </div>\n</div> -->\n", styles: [".section-editor-container .split-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i3.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "component", type: i4.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "placeholder", "placeholderWhenDisabled", "autoSortOptions", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle", "typeaheadDebounceInterval", "addValueToOptionsIfNotExist"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i6.PepLayoutBuilderEditorComponent, selector: "pep-layout-builder-editor", inputs: ["editorTabs"] }, { kind: "component", type: i7.PaddingSettingsComponent, selector: "pep-padding-settings", inputs: ["padding"], outputs: ["paddingChange"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: SectionEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'section-editor', template: "<pep-layout-builder-editor class=\"section-editor-container\">\n    <div>\n        <pep-textbox [value]=\"sectionName\" [label]=\"'LAYOUT_BUILDER.SECTION_NAME_TITLE' | translate\" (valueChange)=\"onSectionNameChange($event)\"></pep-textbox>\n    </div>\n    <!-- \n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"isAutoHeight\" [label]=\"'LAYOUT_BUILDER.AUTO_HEIGHT_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"isAutoHeightChange($event)\"></pep-checkbox>\n        <pep-textbox [label]=\"'LAYOUT_BUILDER.HEIGHT_TITLE' | translate\" type=\"int\" [minValue]=\"MIN_HEIGHT\" [disabled]=\"isAutoHeight\" [value]=\"height\" (valueChange)=\"onHeightChange($event)\"></pep-textbox> \n    </div>\n    -->\n    <div class=\"editor-separator\"></div>\n    <div>\n        <label class=\"editor-title\">{{'LAYOUT_BUILDER.LAYOUT' | translate}}</label>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"subSections\" [label]=\"'LAYOUT_BUILDER.SUB_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onSubSectionsChange($event)\"></pep-checkbox>\n        <div class=\"split-area\">\n            <pep-select [label]=\"'LAYOUT_BUILDER.SECTIONS_TITLE' | translate\" [value]=\"partsNumber\" [options]=\"partsNumberOptions\" \n                (valueChange)=\"onPartsNumberChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n            <pep-select [label]=\"'LAYOUT_BUILDER.SPLIT_TITLE' | translate\" [value]=\"split || ''\" [options]=\"splitOptions\"\n                (valueChange)=\"onSplitChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n        </div>\n    </div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"collapseOnTablet\" [label]=\"'LAYOUT_BUILDER.COLLAPSE_ON_TABLET_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onCollapseOnTabletChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.COLLAPSE_ON_TABLET_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-sub-title\" [value]=\"fillHeight\" [label]=\"'LAYOUT_BUILDER.FILL_HEIGHT_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onFillHeightChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.FILL_HEIGHT_SECTION_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <pep-padding-settings \n    [padding]=\"padding\" (paddingChange)=\"onPaddingChange($event)\">\n</pep-padding-settings>\n</pep-layout-builder-editor>\n\n<!-- <div class=\"section-editor-container layout-builder-editor-container\">\n    <div>\n        <pep-textbox [value]=\"sectionName\" [label]=\"'LAYOUT_BUILDER.SECTION_NAME_TITLE' | translate\" (valueChange)=\"onSectionNameChange($event)\"></pep-textbox>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"subSections\" [label]=\"'LAYOUT_BUILDER.SUB_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onSubSectionsChange($event)\"></pep-checkbox>\n        <div class=\"split-area\">\n            <pep-select [label]=\"'LAYOUT_BUILDER.SECTIONS_TITLE' | translate\" [value]=\"partsNumber\" [options]=\"partsNumberOptions\" \n                (valueChange)=\"onPartsNumberChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n            <pep-select [label]=\"'LAYOUT_BUILDER.SPLIT_TITLE' | translate\" [value]=\"split || ''\" [options]=\"splitOptions\"\n                (valueChange)=\"onSplitChange($event)\" [emptyOption]=\"false\" [disabled]=\"!subSections\"></pep-select>\n        </div>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"collapseOnTablet\" [label]=\"'LAYOUT_BUILDER.COLLAPSE_ON_TABLET_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onCollapseOnTabletChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.COLLAPSE_ON_TABLET_DESCRIPTION' | translate)}}</span>\n    </div>\n    <div class=\"editor-separator\"></div>\n    <div>\n        <pep-checkbox class=\"checkbox-as-title\" [value]=\"fillHeight\" [label]=\"'LAYOUT_BUILDER.FILL_HEIGHT_SECTION_TITLE' | translate\" [renderTitle]=\"false\" (valueChange)=\"onFillHeightChange($event)\"></pep-checkbox>\n        <span class=\"header-title body-xs\">{{('LAYOUT_BUILDER.FILL_HEIGHT_SECTION_DESCRIPTION' | translate)}}</span>\n    </div>\n</div> -->\n", styles: [".section-editor-container .split-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--pep-spacing-lg, 1rem)}\n"] }]

package/esm2020/mapping-parameters/mapping-parameters.component.mjs

@@ -0,0 +1,41 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { PepMappingParametersService } from './mapping-parameters.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./mapping-parameters.service";
+import * as i2 from "@angular/common";
+import * as i3 from "./param-map/param-map.component";
+import * as i4 from "@ngx-translate/core";
+export class PepMappingParametersComponent {
+    constructor(_mappingParametersService) {
+        this._mappingParametersService = _mappingParametersService;
+        this.mapToParameters = {};
+        this.configurationParameters = [];
+        this.mappedListParams = {};
+        this.mappedParamValueChanged = new EventEmitter();
+    }
+    ngOnInit() {
+        this._mappingParametersService.initParametersByType(this.mapToParameters);
+    }
+    onMappedParamValueChanged(event, key) {
+        if (!this.mappedListParams) {
+            this.mappedListParams = {};
+        }
+        this.mappedListParams[key] = event;
+        this.mappedParamValueChanged.emit(this.mappedListParams);
+    }
+}
+PepMappingParametersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersComponent, deps: [{ token: i1.PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component });
+PepMappingParametersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepMappingParametersComponent, selector: "pep-mapping-parameters", inputs: { mapToParameters: "mapToParameters", configurationParameters: "configurationParameters", mappedListParams: "mappedListParams" }, outputs: { mappedParamValueChanged: "mappedParamValueChanged" }, providers: [PepMappingParametersService], ngImport: i0, template: "<div class=\"paramCont\">\n    <label class=\"editor-sub-title\">{{'MAPPING_PARAMETERS.VARIABLE_MAPPING' | translate}}</label>\n    <content *ngFor=\"let configParam of configurationParameters\">\n        <param-map \n            [configurationParameter]=\"configParam\" \n            [mappedParam]=\"mappedListParams && mappedListParams[configParam.Key]\" \n            (mappedParamValueChanged)=\"onMappedParamValueChanged($event, configParam.Key)\">\n        </param-map>\n    </content>\n    <!-- <pep-generic-form *ngIf=\"hasParamsToMap\" [dataView]=\"formDataView\" [dataSource]=\"formData\"\n        (valueChange)=\"onFormValueChanged($event)\"> </pep-generic-form> -->\n</div>\n", styles: [".paramCont{padding:var(--pep-spacing-md, .75rem) 0 var(--pep-spacing-md, .75rem);gap:var(--pep-spacing-md, .75rem) 0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.ParamMapComponent, selector: "param-map", inputs: ["configurationParameter", "mappedParam"], outputs: ["mappedParamValueChanged"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-mapping-parameters', providers: [PepMappingParametersService], template: "<div class=\"paramCont\">\n    <label class=\"editor-sub-title\">{{'MAPPING_PARAMETERS.VARIABLE_MAPPING' | translate}}</label>\n    <content *ngFor=\"let configParam of configurationParameters\">\n        <param-map \n            [configurationParameter]=\"configParam\" \n            [mappedParam]=\"mappedListParams && mappedListParams[configParam.Key]\" \n            (mappedParamValueChanged)=\"onMappedParamValueChanged($event, configParam.Key)\">\n        </param-map>\n    </content>\n    <!-- <pep-generic-form *ngIf=\"hasParamsToMap\" [dataView]=\"formDataView\" [dataSource]=\"formData\"\n        (valueChange)=\"onFormValueChanged($event)\"> </pep-generic-form> -->\n</div>\n", styles: [".paramCont{padding:var(--pep-spacing-md, .75rem) 0 var(--pep-spacing-md, .75rem);gap:var(--pep-spacing-md, .75rem) 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.PepMappingParametersService }]; }, propDecorators: { mapToParameters: [{
+                type: Input
+            }], configurationParameters: [{
+                type: Input
+            }], mappedListParams: [{
+                type: Input
+            }], mappedParamValueChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwcGluZy1wYXJhbWV0ZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL21hcHBpbmctcGFyYW1ldGVycy9tYXBwaW5nLXBhcmFtZXRlcnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvbWFwcGluZy1wYXJhbWV0ZXJzL21hcHBpbmctcGFyYW1ldGVycy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRy9FLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7QUFTM0UsTUFBTSxPQUFPLDZCQUE2QjtJQVF0QyxZQUFvQix5QkFBc0Q7UUFBdEQsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUE2QjtRQU5qRSxvQkFBZSxHQUE4QixFQUFFLENBQUM7UUFDaEQsNEJBQXVCLEdBQW1CLEVBQUUsQ0FBQztRQUM3QyxxQkFBZ0IsR0FBb0MsRUFBRSxDQUFDO1FBRXRELDRCQUF1QixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFBO0lBRUksQ0FBQztJQUU5RSxRQUFRO1FBQ0osSUFBSSxDQUFDLHlCQUF5QixDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQseUJBQXlCLENBQUMsS0FBc0IsRUFBRSxHQUFXO1FBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztTQUM5QjtRQUVELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUM3RCxDQUFDOzswSEFyQlEsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsNFBBRjNCLENBQUMsMkJBQTJCLENBQUMsMEJDVjVDLGdyQkFZQTsyRkRBYSw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0ksd0JBQXdCLGFBR3ZCLENBQUMsMkJBQTJCLENBQUM7a0hBSS9CLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csdUJBQXVCO3NCQUEvQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSx1QkFBdUI7c0JBQWhDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXBwZWRQYXJhbWV0ZXIgfSBmcm9tICcuL21hcHBpbmctcGFyYW1ldGVycy5tb2RlbCc7XG5pbXBvcnQgeyBJUGFyYW1lbWV0ZXIgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWNvbXBvc2l0ZS1saWIvbWFuYWdlLXBhcmFtZXRlcnMnO1xuaW1wb3J0IHsgUGVwTWFwcGluZ1BhcmFtZXRlcnNTZXJ2aWNlIH0gZnJvbSAnLi9tYXBwaW5nLXBhcmFtZXRlcnMuc2VydmljZSc7XG5pbXBvcnQgeyBBZGRvbkRhdGFTY2hlbWUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvcGFwaS1zZGsnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1tYXBwaW5nLXBhcmFtZXRlcnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tYXBwaW5nLXBhcmFtZXRlcnMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21hcHBpbmctcGFyYW1ldGVycy5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1BlcE1hcHBpbmdQYXJhbWV0ZXJzU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgUGVwTWFwcGluZ1BhcmFtZXRlcnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgbWFwVG9QYXJhbWV0ZXJzOiBBZGRvbkRhdGFTY2hlbWVbJ0ZpZWxkcyddID0ge307XG4gICAgQElucHV0KCkgY29uZmlndXJhdGlvblBhcmFtZXRlcnM6IElQYXJhbWVtZXRlcltdID0gW107XG4gICAgQElucHV0KCkgbWFwcGVkTGlzdFBhcmFtczogUmVjb3JkPHN0cmluZywgTWFwcGVkUGFyYW1ldGVyPiA9IHt9O1xuXG4gICAgQE91dHB1dCgpIG1hcHBlZFBhcmFtVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfbWFwcGluZ1BhcmFtZXRlcnNTZXJ2aWNlOiBQZXBNYXBwaW5nUGFyYW1ldGVyc1NlcnZpY2UpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fbWFwcGluZ1BhcmFtZXRlcnNTZXJ2aWNlLmluaXRQYXJhbWV0ZXJzQnlUeXBlKHRoaXMubWFwVG9QYXJhbWV0ZXJzKTtcbiAgICB9XG5cbiAgICBvbk1hcHBlZFBhcmFtVmFsdWVDaGFuZ2VkKGV2ZW50OiBNYXBwZWRQYXJhbWV0ZXIsIGtleTogc3RyaW5nKSB7XG4gICAgICAgIGlmICghdGhpcy5tYXBwZWRMaXN0UGFyYW1zKSB7XG4gICAgICAgICAgICB0aGlzLm1hcHBlZExpc3RQYXJhbXMgPSB7fTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMubWFwcGVkTGlzdFBhcmFtc1trZXldID0gZXZlbnQ7XG4gICAgICAgIHRoaXMubWFwcGVkUGFyYW1WYWx1ZUNoYW5nZWQuZW1pdCh0aGlzLm1hcHBlZExpc3RQYXJhbXMpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYXJhbUNvbnRcIj5cbiAgICA8bGFiZWwgY2xhc3M9XCJlZGl0b3Itc3ViLXRpdGxlXCI+e3snTUFQUElOR19QQVJBTUVURVJTLlZBUklBQkxFX01BUFBJTkcnIHwgdHJhbnNsYXRlfX08L2xhYmVsPlxuICAgIDxjb250ZW50ICpuZ0Zvcj1cImxldCBjb25maWdQYXJhbSBvZiBjb25maWd1cmF0aW9uUGFyYW1ldGVyc1wiPlxuICAgICAgICA8cGFyYW0tbWFwIFxuICAgICAgICAgICAgW2NvbmZpZ3VyYXRpb25QYXJhbWV0ZXJdPVwiY29uZmlnUGFyYW1cIiBcbiAgICAgICAgICAgIFttYXBwZWRQYXJhbV09XCJtYXBwZWRMaXN0UGFyYW1zICYmIG1hcHBlZExpc3RQYXJhbXNbY29uZmlnUGFyYW0uS2V5XVwiIFxuICAgICAgICAgICAgKG1hcHBlZFBhcmFtVmFsdWVDaGFuZ2VkKT1cIm9uTWFwcGVkUGFyYW1WYWx1ZUNoYW5nZWQoJGV2ZW50LCBjb25maWdQYXJhbS5LZXkpXCI+XG4gICAgICAgIDwvcGFyYW0tbWFwPlxuICAgIDwvY29udGVudD5cbiAgICA8IS0tIDxwZXAtZ2VuZXJpYy1mb3JtICpuZ0lmPVwiaGFzUGFyYW1zVG9NYXBcIiBbZGF0YVZpZXddPVwiZm9ybURhdGFWaWV3XCIgW2RhdGFTb3VyY2VdPVwiZm9ybURhdGFcIlxuICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25Gb3JtVmFsdWVDaGFuZ2VkKCRldmVudClcIj4gPC9wZXAtZ2VuZXJpYy1mb3JtPiAtLT5cbjwvZGl2PlxuIl19

package/esm2020/mapping-parameters/mapping-parameters.model.mjs

@@ -0,0 +1,6 @@
+/**
+ * Interface for mapping parameters
+ */
+// export type ListParameter = Record<string, any>;
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwcGluZy1wYXJhbWV0ZXJzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvbWFwcGluZy1wYXJhbWV0ZXJzL21hcHBpbmctcGFyYW1ldGVycy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILG1EQUFtRCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSW50ZXJmYWNlIGZvciBtYXBwaW5nIHBhcmFtZXRlcnNcbiAqL1xuLy8gZXhwb3J0IHR5cGUgTGlzdFBhcmFtZXRlciA9IFJlY29yZDxzdHJpbmcsIGFueT47XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWFwcGVkUGFyYW1ldGVyIHtcbiAgICAvLyBLZXk6IHN0cmluZztcbiAgICBWYWx1ZTogc3RyaW5nO1xuICAgIFR5cGU6IHN0cmluZztcbn0iXX0=

package/esm2020/mapping-parameters/mapping-parameters.module.mjs

@@ -0,0 +1,59 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import { TranslateModule } from '@ngx-translate/core';
+import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
+import { PepSelectModule } from '@pepperi-addons/ngx-lib/select';
+import { PepMappingParametersComponent } from './mapping-parameters.component';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { ParamMapComponent } from './param-map/param-map.component';
+import { PepMappingParametersService } from './mapping-parameters.service';
+import { PepGenericFormModule } from '@pepperi-addons/ngx-composite-lib/generic-form';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class PepMappingParametersModule {
+}
+PepMappingParametersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepMappingParametersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersModule, declarations: [PepMappingParametersComponent, ParamMapComponent], imports: [CommonModule,
+        PepButtonModule,
+        PepCheckboxModule,
+        PepSliderModule,
+        PepNgxLibModule,
+        PepSelectModule,
+        PepGroupButtonsModule,
+        PepTextboxModule,
+        PepGenericFormModule, i1.TranslateModule], exports: [PepMappingParametersComponent] });
+PepMappingParametersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersModule, providers: [PepMappingParametersService], imports: [CommonModule,
+        PepButtonModule,
+        PepCheckboxModule,
+        PepSliderModule,
+        PepNgxLibModule,
+        PepSelectModule,
+        PepGroupButtonsModule,
+        PepTextboxModule,
+        PepGenericFormModule,
+        TranslateModule.forChild()] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PepMappingParametersComponent, ParamMapComponent],
+                    imports: [
+                        CommonModule,
+                        PepButtonModule,
+                        PepCheckboxModule,
+                        PepSliderModule,
+                        PepNgxLibModule,
+                        PepSelectModule,
+                        PepGroupButtonsModule,
+                        PepTextboxModule,
+                        PepGenericFormModule,
+                        TranslateModule.forChild()
+                    ],
+                    exports: [PepMappingParametersComponent],
+                    providers: [PepMappingParametersService]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwcGluZy1wYXJhbWV0ZXJzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL21hcHBpbmctcGFyYW1ldGVycy9tYXBwaW5nLXBhcmFtZXRlcnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7OztBQW1CdEYsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGlCQWhCcEIsNkJBQTZCLEVBQUUsaUJBQWlCLGFBRTNELFlBQVk7UUFDWixlQUFlO1FBQ2YsaUJBQWlCO1FBQ2pCLGVBQWU7UUFDZixlQUFlO1FBQ2YsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsb0JBQW9CLGlDQUdkLDZCQUE2Qjt3SEFHOUIsMEJBQTBCLGFBRnhCLENBQUMsMkJBQTJCLENBQUMsWUFacEMsWUFBWTtRQUNaLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsZUFBZTtRQUNmLGVBQWU7UUFDZixlQUFlO1FBQ2YscUJBQXFCO1FBQ3JCLGdCQUFnQjtRQUNoQixvQkFBb0I7UUFDcEIsZUFBZSxDQUFDLFFBQVEsRUFBRTsyRkFLckIsMEJBQTBCO2tCQWpCdEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyw2QkFBNkIsRUFBRSxpQkFBaUIsQ0FBQztvQkFDaEUsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixvQkFBb0I7d0JBQ3BCLGVBQWUsQ0FBQyxRQUFRLEVBQUU7cUJBQzdCO29CQUNELE9BQU8sRUFBRSxDQUFDLDZCQUE2QixDQUFDO29CQUN4QyxTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDM0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFBlcEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2J1dHRvbic7XG5pbXBvcnQgeyBQZXBDaGVja2JveE1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2NoZWNrYm94JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgUGVwU2xpZGVyTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvc2xpZGVyJztcbmltcG9ydCB7IFBlcE5neExpYk1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcEdyb3VwQnV0dG9uc01vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2dyb3VwLWJ1dHRvbnMnO1xuaW1wb3J0IHsgUGVwU2VsZWN0TW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvc2VsZWN0JztcbmltcG9ydCB7IFBlcE1hcHBpbmdQYXJhbWV0ZXJzQ29tcG9uZW50IH0gZnJvbSAnLi9tYXBwaW5nLXBhcmFtZXRlcnMuY29tcG9uZW50JztcbmltcG9ydCB7IFBlcFRleHRib3hNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi90ZXh0Ym94JztcbmltcG9ydCB7IFBhcmFtTWFwQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJhbS1tYXAvcGFyYW0tbWFwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQZXBNYXBwaW5nUGFyYW1ldGVyc1NlcnZpY2UgfSBmcm9tICcuL21hcHBpbmctcGFyYW1ldGVycy5zZXJ2aWNlJztcbmltcG9ydCB7IFBlcEdlbmVyaWNGb3JtTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1jb21wb3NpdGUtbGliL2dlbmVyaWMtZm9ybSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbUGVwTWFwcGluZ1BhcmFtZXRlcnNDb21wb25lbnQsIFBhcmFtTWFwQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUGVwQnV0dG9uTW9kdWxlLFxuICAgICAgICBQZXBDaGVja2JveE1vZHVsZSxcbiAgICAgICAgUGVwU2xpZGVyTW9kdWxlLFxuICAgICAgICBQZXBOZ3hMaWJNb2R1bGUsXG4gICAgICAgIFBlcFNlbGVjdE1vZHVsZSxcbiAgICAgICAgUGVwR3JvdXBCdXR0b25zTW9kdWxlLFxuICAgICAgICBQZXBUZXh0Ym94TW9kdWxlLFxuICAgICAgICBQZXBHZW5lcmljRm9ybU1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTW9kdWxlLmZvckNoaWxkKClcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtQZXBNYXBwaW5nUGFyYW1ldGVyc0NvbXBvbmVudF0sXG4gICAgcHJvdmlkZXJzOiBbUGVwTWFwcGluZ1BhcmFtZXRlcnNTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBQZXBNYXBwaW5nUGFyYW1ldGVyc01vZHVsZSB7IH1cbiJdfQ==

package/esm2020/mapping-parameters/mapping-parameters.service.mjs

@@ -0,0 +1,36 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+// export const SELECTION_FIELD_PREFIX = 'ValueSelectionType_';
+export class PepMappingParametersService {
+    constructor() {
+        this._parametersByType = new Map();
+    }
+    get parametersByType() {
+        return this._parametersByType;
+    }
+    initParametersByType(parameters) {
+        this._parameters = parameters || {};
+        Object.keys(this._parameters).forEach(key => {
+            const param = this._parameters ? this._parameters[key] : undefined;
+            if (!param) {
+                return;
+            }
+            if (!this._parametersByType.has(param.Type)) {
+                this._parametersByType.set(param.Type, []);
+            }
+            this._parametersByType.get(param.Type)?.push({
+                key: key,
+                value: key
+            });
+        });
+    }
+    getParametersOptions(type) {
+        return this._parametersByType.get(type) || [];
+    }
+}
+PepMappingParametersService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepMappingParametersService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwcGluZy1wYXJhbWV0ZXJzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9tYXBwaW5nLXBhcmFtZXRlcnMvbWFwcGluZy1wYXJhbWV0ZXJzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHM0MsK0RBQStEO0FBRy9ELE1BQU0sT0FBTywyQkFBMkI7SUFhcEM7UUFMUSxzQkFBaUIsR0FBdUMsSUFBSSxHQUFHLEVBQWlDLENBQUM7SUFLMUYsQ0FBQztJQUpoQixJQUFJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBSUQsb0JBQW9CLENBQUMsVUFBcUM7UUFDdEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLElBQUksRUFBRSxDQUFDO1FBQ3BDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN4QyxNQUFNLEtBQUssR0FBNEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQzVGLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ1IsT0FBTzthQUNWO1lBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7YUFDOUM7WUFFRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLENBQUM7Z0JBQ3pDLEdBQUcsRUFBRSxHQUFHO2dCQUNSLEtBQUssRUFBRSxHQUFHO2FBQ2IsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsb0JBQW9CLENBQUMsSUFBcUI7UUFDdEMsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsRCxDQUFDOzt3SEFwQ1EsMkJBQTJCOzRIQUEzQiwyQkFBMkI7MkZBQTNCLDJCQUEyQjtrQkFEdkMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFkZG9uRGF0YVNjaGVtZSwgRGF0YVZpZXdGaWVsZFR5cGUsIEZsb3dQYXJhbSwgU2NoZW1lRmllbGQsIFNjaGVtZUZpZWxkVHlwZSB9IGZyb20gXCJAcGVwcGVyaS1hZGRvbnMvcGFwaS1zZGtcIjtcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSVBlcE9wdGlvbiB9IGZyb20gXCJAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYlwiO1xuXG4vLyBleHBvcnQgY29uc3QgU0VMRUNUSU9OX0ZJRUxEX1BSRUZJWCA9ICdWYWx1ZVNlbGVjdGlvblR5cGVfJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBlcE1hcHBpbmdQYXJhbWV0ZXJzU2VydmljZSB7XG5cbiAgICAvLyBjb25maWdQYXJhbXM6IElQYXJhbWVtZXRlcltdID0gW11cblxuICAgIC8vIHZhcmlhYmxlc01hcDoge1xuICAgIC8vICAgICBba2V5OiBzdHJpbmddOiBTZXQ8c3RyaW5nPlxuICAgIC8vIH0gPSB7fTtcbiAgICBwcml2YXRlIF9wYXJhbWV0ZXJzOiBBZGRvbkRhdGFTY2hlbWVbJ0ZpZWxkcyddO1xuICAgIHByaXZhdGUgX3BhcmFtZXRlcnNCeVR5cGU6IE1hcDxTY2hlbWVGaWVsZFR5cGUsIElQZXBPcHRpb25bXT4gPSBuZXcgTWFwPFNjaGVtZUZpZWxkVHlwZSwgSVBlcE9wdGlvbltdPigpO1xuICAgIGdldCBwYXJhbWV0ZXJzQnlUeXBlKCk6IFJlYWRvbmx5TWFwPFNjaGVtZUZpZWxkVHlwZSwgSVBlcE9wdGlvbltdPiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9wYXJhbWV0ZXJzQnlUeXBlO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIGluaXRQYXJhbWV0ZXJzQnlUeXBlKHBhcmFtZXRlcnM6IEFkZG9uRGF0YVNjaGVtZVsnRmllbGRzJ10pIHtcbiAgICAgICAgdGhpcy5fcGFyYW1ldGVycyA9IHBhcmFtZXRlcnMgfHwge307XG4gICAgICAgIE9iamVjdC5rZXlzKHRoaXMuX3BhcmFtZXRlcnMpLmZvckVhY2goa2V5ID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBhcmFtOiBTY2hlbWVGaWVsZCB8IHVuZGVmaW5lZCA9IHRoaXMuX3BhcmFtZXRlcnMgPyB0aGlzLl9wYXJhbWV0ZXJzW2tleV0gOiB1bmRlZmluZWQ7XG4gICAgICAgICAgICBpZiAoIXBhcmFtKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAoIXRoaXMuX3BhcmFtZXRlcnNCeVR5cGUuaGFzKHBhcmFtLlR5cGUpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5fcGFyYW1ldGVyc0J5VHlwZS5zZXQocGFyYW0uVHlwZSwgW10pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgXG4gICAgICAgICAgICB0aGlzLl9wYXJhbWV0ZXJzQnlUeXBlLmdldChwYXJhbS5UeXBlKT8ucHVzaCh7XG4gICAgICAgICAgICAgICAga2V5OiBrZXksXG4gICAgICAgICAgICAgICAgdmFsdWU6IGtleVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGdldFBhcmFtZXRlcnNPcHRpb25zKHR5cGU6IFNjaGVtZUZpZWxkVHlwZSk6IElQZXBPcHRpb25bXSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9wYXJhbWV0ZXJzQnlUeXBlLmdldCh0eXBlKSB8fCBbXTtcbiAgICB9XG4gICAgICAgIFxuICAgIFxuICAgIC8vIHByaXZhdGUgaW5pdFZhcmlhYmxlcyhob3N0UGFyYW1zOiBBZGRvbkRhdGFTY2hlbWVbJ0ZpZWxkcyddKSB7XG4gICAgLy8gICAgIGNvbnN0IHBhcmFtcyA9IGhvc3RQYXJhbXMgfHwge307XG4gICAgLy8gICAgIE9iamVjdC5rZXlzKHBhcmFtcykuZm9yRWFjaChuYW1lID0+IHtcbiAgICAvLyAgICAgICAgIGNvbnN0IHBhcmFtID0gcGFyYW1zW25hbWVdO1xuICAgIC8vICAgICAgICAgaWYoIXRoaXMudmFyaWFibGVzTWFwLmhhc093blByb3BlcnR5KHBhcmFtLlR5cGUpKSB7XG4gICAgLy8gICAgICAgICAgICAgdGhpcy52YXJpYWJsZXNNYXBbcGFyYW0uVHlwZV0gPSBuZXcgU2V0PHN0cmluZz4oKTtcbiAgICAvLyAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIHRoaXMudmFyaWFibGVzTWFwW3BhcmFtLlR5cGVdLmFkZChuYW1lKTtcbiAgICAvLyAgICAgfSlcbiAgICAvLyB9XG4gICAgXG4gICAgLy8gcHJpdmF0ZSBnZXREZWZhdWx0VmFsdWVGb3JUeXBlKHBhcmFtVHlwZTogU2NoZW1lRmllbGRUeXBlKTogYW55IHtcbiAgICAvLyAgICAgbGV0IGRlZmF1bHRWYWx1ZTtcbiAgICAvLyAgICAgc3dpdGNoIChwYXJhbVR5cGUpIHtcbiAgICAvLyAgICAgICAgIGNhc2UgJ0Jvb2wnOntcbiAgICAvLyAgICAgICAgICAgICBkZWZhdWx0VmFsdWUgPSBmYWxzZTtcbiAgICAvLyAgICAgICAgICAgICBicmVhaztcbiAgICAvLyAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIGNhc2UgJ0ludGVnZXInOntcbiAgICAvLyAgICAgICAgICAgICBkZWZhdWx0VmFsdWUgPSAwO1xuICAgIC8vICAgICAgICAgICAgIGJyZWFrO1xuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICAgICAgY2FzZSAnRG91YmxlJzoge1xuICAgIC8vICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZSA9IDAuMDtcbiAgICAvLyAgICAgICAgICAgICBicmVhaztcbiAgICAvLyAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIGNhc2UgJ09iamVjdCc6IHtcbiAgICAvLyAgICAgICAgICAgICBkZWZhdWx0VmFsdWUgPSAne30nO1xuICAgIC8vICAgICAgICAgICAgIGJyZWFrO1xuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICAgICAgZGVmYXVsdDoge1xuICAgIC8vICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZSA9ICcnXG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgIH1cbiAgICAvLyAgICAgcmV0dXJuIGRlZmF1bHRWYWx1ZTsgXG4gICAgLy8gfVxuXG4gICAgLy8gcHJpdmF0ZSBnZXRGaWVsZHNGcm9tQ29uZmlnUGFyYW1zKGNvbmZpZ1BhcmFtczogSVBhcmFtZW1ldGVyW10sIGZvcm1EYXRhOiBSZWNvcmQ8c3RyaW5nLCBhbnk+KTogSVBlcEdlbmVyaWNGb3JtRGF0YVZpZXdGaWVsZFtdIHtcbiAgICAvLyAgICAgY29uc3Qgdmlld0ZpZWxkczogSVBlcEdlbmVyaWNGb3JtRGF0YVZpZXdGaWVsZFtdID0gW3tcbiAgICAvLyAgICAgICAgIFR5cGU6ICdTZXBhcmF0b3InLFxuICAgIC8vICAgICAgICAgRmllbGRJRDogJycsXG4gICAgLy8gICAgICAgICBPcHRpb25hbFZhbHVlczogW10sXG4gICAgLy8gICAgICAgICBBZGRpdGlvbmFsUHJvcHM6IHt9LFxuICAgIC8vICAgICAgICAgTWFuZGF0b3J5OiBmYWxzZSxcbiAgICAvLyAgICAgICAgIFJlYWRPbmx5OiB0cnVlLFxuICAgIC8vICAgICAgICAgVGl0bGU6ICcnLCAvL3RoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0Zsb3dQaWNrZXJfUGFyYW1zU2VjdGlvbl9UaXRsZScpLFxuICAgIC8vICAgICAgICAgTGF5b3V0OiB7XG4gICAgLy8gICAgICAgICAgICAgT3JpZ2luOiB7XG4gICAgLy8gICAgICAgICAgICAgICAgIFg6IDAsXG4gICAgLy8gICAgICAgICAgICAgICAgIFk6IDBcbiAgICAvLyAgICAgICAgICAgICB9LFxuICAgIC8vICAgICAgICAgICAgIFNpemU6IHtcbiAgICAvLyAgICAgICAgICAgICAgICAgV2lkdGg6IDIsXG4gICAgLy8gICAgICAgICAgICAgICAgIEhlaWdodDowXG4gICAgLy8gICAgICAgICAgICAgfVxuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICB9XTtcbiAgICAvLyAgICAgKGNvbmZpZ1BhcmFtcykuZmlsdGVyKHBhcmFtID0+ICFwYXJhbS5JbnRlcm5hbCkuZm9yRWFjaCgocGFyYW0sIGluZGV4KSA9PiB7XG4gICAgLy8gICAgICAgICBjb25zdCBmaWVsZElEID0gYCR7U0VMRUNUSU9OX0ZJRUxEX1BSRUZJWH0ke3BhcmFtLktleX1gO1xuICAgIC8vICAgICAgICAgY29uc3QgcGFpciA9IHRoaXMuZ2V0UGFyYW1EYXRhVmlld0ZpZWxkcyhwYXJhbSwgaW5kZXggKyAxLCBmb3JtRGF0YVtmaWVsZElEXSk7XG4gICAgLy8gICAgICAgICB2aWV3RmllbGRzLnB1c2goLi4ucGFpcik7XG4gICAgLy8gICAgIH0pXG4gICAgLy8gICAgIHJldHVybiB2aWV3RmllbGRzO1xuICAgIC8vIH1cbiAgICBcbiAgICAvLyBwcml2YXRlIGdldFBhcmFtRGF0YVZpZXdGaWVsZHMocGFyYW06IElQYXJhbWVtZXRlciwgaW5kZXg6IG51bWJlciwgZmllbGRTZWxlY3Rpb246IHN0cmluZyk6IElQZXBHZW5lcmljRm9ybURhdGFWaWV3RmllbGRbXXtcbiAgICAvLyAgICAgY29uc3QgZmllbGRJRCA9IGAke1NFTEVDVElPTl9GSUVMRF9QUkVGSVh9JHtwYXJhbS5LZXl9YDtcbiAgICAvLyAgICAgY29uc3QgdmFyaWFibGVOYW1lczogS2V5VmFsdWVQYWlyPHN0cmluZz5bXSA9IHRoaXMuZ2V0VmFyaWFibGVzRm9yVHlwZShwYXJhbS5UeXBlKTtcbiAgICAvLyAgICAgY29uc3QgdmFsdWVTZWxlY3Rpb25PcHRpb25zOiBLZXlWYWx1ZVBhaXI8c3RyaW5nPltdID0gW3tcbiAgICAvLyAgICAgICAgIEtleTogJ3N0YXRpYycsIFxuICAgIC8vICAgICAgICAgVmFsdWU6ICdTdGF0aWMnXG4gICAgLy8gICAgIH1dXG4gICAgLy8gICAgIGlmKHBhcmFtLkRlZmF1bHRWYWx1ZSkge1xuICAgIC8vICAgICAgICAgdmFsdWVTZWxlY3Rpb25PcHRpb25zLnB1c2goe1xuICAgIC8vICAgICAgICAgICAgIEtleTogJ2RlZmF1bHQnLFxuICAgIC8vICAgICAgICAgICAgIFZhbHVlOiAnRGVmYXVsdCdcbiAgICAvLyAgICAgICAgIH0pXG4gICAgLy8gICAgIH1cbiAgICAvLyAgICAgaWYodmFyaWFibGVOYW1lcz8ubGVuZ3RoID4gMCkge1xuICAgIC8vICAgICAgICAgdmFsdWVTZWxlY3Rpb25PcHRpb25zLnB1c2goe1xuICAgIC8vICAgICAgICAgICAgIEtleTogJ2R5bmFtaWMnLFxuICAgIC8vICAgICAgICAgICAgIFZhbHVlOiAnRHluYW1pYydcbiAgICAvLyAgICAgICAgIH0pXG4gICAgLy8gICAgIH1cbiAgICAvLyAgICAgcmV0dXJuIFt7XG4gICAgLy8gICAgICAgICBGaWVsZElEOiBmaWVsZElELFxuICAgIC8vICAgICAgICAgTWFuZGF0b3J5OiBmYWxzZSxcbiAgICAvLyAgICAgICAgIFJlYWRPbmx5OiBmYWxzZSxcbiAgICAvLyAgICAgICAgIFRpdGxlOiBwYXJhbS5LZXksXG4gICAgLy8gICAgICAgICBUeXBlOidDb21ib0JveCcsXG4gICAgLy8gICAgICAgICBMYXlvdXQ6IHtcbiAgICAvLyAgICAgICAgICAgICBPcmlnaW46IHtcbiAgICAvLyAgICAgICAgICAgICAgICAgWDogMCxcbiAgICAvLyAgICAgICAgICAgICAgICAgWTogaW5kZXhcbiAgICAvLyAgICAgICAgICAgICB9LFxuICAgIC8vICAgICAgICAgICAgIFNpemU6IHtcbiAgICAvLyAgICAgICAgICAgICAgICAgV2lkdGg6IDEsXG4gICAgLy8gICAgICAgICAgICAgICAgIEhlaWdodDogMFxuICAgIC8vICAgICAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIH0sXG4gICAgLy8gICAgICAgICBTdHlsZToge1xuICAgIC8vICAgICAgICAgICAgIEFsaWdubWVudDoge1xuICAgIC8vICAgICAgICAgICAgICAgICBIb3Jpem9udGFsOiAnU3RyZXRjaCcsXG4gICAgLy8gICAgICAgICAgICAgICAgIFZlcnRpY2FsOiAnU3RyZXRjaCdcbiAgICAvLyAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICB9LFxuICAgIC8vICAgICAgICAgT3B0aW9uYWxWYWx1ZXM6IHZhbHVlU2VsZWN0aW9uT3B0aW9ucyxcbiAgICAvLyAgICAgICAgIEFkZGl0aW9uYWxQcm9wczoge1xuICAgIC8vICAgICAgICAgICAgIGVtcHR5T3B0aW9uOiBmYWxzZVxuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICB9LCB7XG4gICAgLy8gICAgICAgICBGaWVsZElEOiBwYXJhbS5LZXksXG4gICAgLy8gICAgICAgICBNYW5kYXRvcnk6IGZhbHNlLFxuICAgIC8vICAgICAgICAgUmVhZE9ubHk6IGZpZWxkU2VsZWN0aW9uID09PSAnZGVmYXVsdCcsXG4gICAgLy8gICAgICAgICBUaXRsZTogcGFyYW0uS2V5LFxuICAgIC8vICAgICAgICAgVHlwZTogZmllbGRTZWxlY3Rpb24gIT0gJ2R5bmFtaWMnID8gdGhpcy5jb252ZXJ0UGFyYW1zVHlwZVRvRFZUeXBlKHBhcmFtLlR5cGUpOiAnQ29tYm9Cb3gnLFxuICAgIC8vICAgICAgICAgTGF5b3V0OiB7XG4gICAgLy8gICAgICAgICAgICAgT3JpZ2luOiB7XG4gICAgLy8gICAgICAgICAgICAgICAgIFg6IDEsXG4gICAgLy8gICAgICAgICAgICAgICAgIFk6IGluZGV4XG4gICAgLy8gICAgICAgICAgICAgfSxcbiAgICAvLyAgICAgICAgICAgICBTaXplOiB7XG4gICAgLy8gICAgICAgICAgICAgICAgIFdpZHRoOiAxLFxuICAgIC8vICAgICAgICAgICAgICAgICBIZWlnaHQ6IDBcbiAgICAvLyAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICB9LFxuICAgIC8vICAgICAgICAgU3R5bGU6IHtcbiAgICAvLyAgICAgICAgICAgICBBbGlnbm1lbnQ6IHtcbiAgICAvLyAgICAgICAgICAgICAgICAgSG9yaXpvbnRhbDogJ1N0cmV0Y2gnLFxuICAgIC8vICAgICAgICAgICAgICAgICBWZXJ0aWNhbDogJ1N0cmV0Y2gnXG4gICAgLy8gICAgICAgICAgICAgfVxuICAgIC8vICAgICAgICAgfSxcbiAgICAvLyAgICAgICAgIE9wdGlvbmFsVmFsdWVzOiBmaWVsZFNlbGVjdGlvbiA9PT0gJ2R5bmFtaWMnID8gdmFyaWFibGVOYW1lcyA6IFtdLFxuICAgIC8vICAgICAgICAgQWRkaXRpb25hbFByb3BzOiB7XG4gICAgLy8gICAgICAgICAgICAgZW1wdHlPcHRpb246IGZhbHNlXG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgIH1dXG4gICAgLy8gfVxuXG4gICAgLy8gcHJpdmF0ZSBjb252ZXJ0UGFyYW1zVHlwZVRvRFZUeXBlKHBhcmFtVHlwZTogU2NoZW1lRmllbGRUeXBlKTogRGF0YVZpZXdGaWVsZFR5cGUge1xuICAgIC8vICAgICBsZXQgcmVzOiBEYXRhVmlld0ZpZWxkVHlwZSA9ICdUZXh0Qm94JztcbiAgICAvLyAgICAgc3dpdGNoIChwYXJhbVR5cGUpIHtcbiAgICAvLyAgICAgICAgIGNhc2UgJ0Jvb2wnOiB7XG4gICAgLy8gICAgICAgICAgICAgcmVzID0gJ0Jvb2xlYW4nO1xuICAgIC8vICAgICAgICAgICAgIGJyZWFrO1xuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICAgICAgY2FzZSAnSW50ZWdlcic6IHtcbiAgICAvLyAgICAgICAgICAgICByZXMgPSAnTnVtYmVySW50ZWdlcic7XG4gICAgLy8gICAgICAgICAgICAgYnJlYWs7XG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgICAgICBjYXNlICdEb3VibGUnOiB7XG4gICAgLy8gICAgICAgICAgICAgcmVzID0gJ051bWJlclJlYWwnO1xuICAgIC8vICAgICAgICAgICAgIGJyZWFrO1xuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICB9XG4gICAgLy8gICAgIHJldHVybiByZXM7XG4gICAgLy8gfVxuXG4gICAgLy8gcHJpdmF0ZSBnZXRWYXJpYWJsZXNGb3JUeXBlKHBhcmFtVHlwZTogU2NoZW1lRmllbGRUeXBlKTogS2V5VmFsdWVQYWlyPHN0cmluZz5bXSB7XG4gICAgLy8gICAgIGNvbnN0IHJlc3VsdDogS2V5VmFsdWVQYWlyPHN0cmluZz5bXSA9IFtdXG4gICAgLy8gICAgIGNvbnN0IHZhcmlhYmxlcyA9IHRoaXMudmFyaWFibGVzTWFwW3BhcmFtVHlwZV07XG4gICAgLy8gICAgIGlmKHZhcmlhYmxlcykge1xuICAgIC8vICAgICAgICAgZm9yIChjb25zdCBpdGVtIG9mIHZhcmlhYmxlcy5lbnRyaWVzKCkpe1xuICAgIC8vICAgICAgICAgICAgIHJlc3VsdC5wdXNoKHtcbiAgICAvLyAgICAgICAgICAgICAgICAgS2V5OiBpdGVtWzFdLFxuICAgIC8vICAgICAgICAgICAgICAgICBWYWx1ZTogaXRlbVsxXVxuICAgIC8vICAgICAgICAgICAgIH0pXG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgIH1cblxuICAgIC8vICAgICByZXR1cm4gcmVzdWx0O1xuICAgIC8vIH1cblxuICAgIC8vIGhhbmRsZUZpZWxkQ2hhbmdlZChldmVudDogSVBlcEdlbmVyaWNGb3JtVmFsdWVDaGFuZ2UsIGN1cnJlbnRGb3JtRGF0YTogUmVjb3JkPHN0cmluZywgYW55Pikge1xuICAgIC8vICAgICBsZXQgbmV3VmFsdWUgPSAnJ1xuICAgIC8vICAgICBpZihldmVudC5BcGlOYW1lLnN0YXJ0c1dpdGgoU0VMRUNUSU9OX0ZJRUxEX1BSRUZJWCkpIHtcbiAgICAvLyAgICAgICAgIGNvbnN0IHBhcmFtTmFtZSA9IGV2ZW50LkFwaU5hbWUuc3Vic3RyaW5nKFNFTEVDVElPTl9GSUVMRF9QUkVGSVgubGVuZ3RoKTtcbiAgICAvLyAgICAgICAgIGNvbnN0IHBhcmFtID0gdGhpcy5jb25maWdQYXJhbXMuZmluZCh4PT4geC5LZXkgPT09IHBhcmFtTmFtZSk7XG4gICAgLy8gICAgICAgICBpZihldmVudC5WYWx1ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgLy8gICAgICAgICAgICAgbmV3VmFsdWUgPSBwYXJhbT8uRGVmYXVsdFZhbHVlO1xuICAgIC8vICAgICAgICAgfVxuICAgIC8vICAgICAgICAgZWxzZSB7XG4gICAgLy8gICAgICAgICAgICAgbmV3VmFsdWUgPSB0aGlzLmdldERlZmF1bHRWYWx1ZUZvclR5cGUocGFyYW0/LlR5cGUgYXMgU2NoZW1lRmllbGRUeXBlKTtcbiAgICAvLyAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIGN1cnJlbnRGb3JtRGF0YVtwYXJhbU5hbWVdID0gbmV3VmFsdWU7XG4gICAgLy8gICAgIH1cbiAgICAvLyAgICAgcmV0dXJuIGN1cnJlbnRGb3JtRGF0YTtcbiAgICAvLyB9XG5cbiAgICAvLyBnZXRGb3JtRGF0YShGbG93UGFyYW1zT2JqZWN0PzogUmVjb3JkPHN0cmluZywgYW55PiwgY29uZmlnUGFyYW1zOiBJUGFyYW1lbWV0ZXJbXSA9IFtdKTogUmVjb3JkPHN0cmluZywgYW55PiB7XG4gICAgLy8gICAgIHRoaXMuY29uZmlnUGFyYW1zID0gY29uZmlnUGFyYW1zO1xuICAgIC8vICAgICByZXR1cm4gY29uZmlnUGFyYW1zLmZpbHRlcihwYXJhbSA9PiAhcGFyYW0uSW50ZXJuYWwpLm1hcCgocGFyYW0pOiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0+IHtcbiAgICAvLyAgICAgICAgIGNvbnN0IHJlc3VsdDogUmVjb3JkPHN0cmluZywgYW55PiA9IHt9O1xuICAgIC8vICAgICAgICAgY29uc3QgZm9ybVByb3BOYW1lID0gYCR7U0VMRUNUSU9OX0ZJRUxEX1BSRUZJWH0ke3BhcmFtLktleX1gO1xuICAgIC8vICAgICAgICAgaWYgKEZsb3dQYXJhbXNPYmplY3QpIHtcbiAgICAvLyAgICAgICAgICAgICBjb25zdCBkYXRhID0gRmxvd1BhcmFtc09iamVjdFtwYXJhbS5OYW1lXTtcbiAgICAvLyAgICAgICAgICAgICBpZihkYXRhKSB7XG4gICAgLy8gICAgICAgICAgICAgICAgIHN3aXRjaCAoZGF0YS5Tb3VyY2UpIHtcbiAgICAvLyAgICAgICAgICAgICAgICAgICAgIGNhc2UgJ0R5bmFtaWMnOiB7XG4gICAgLy8gICAgICAgICAgICAgICAgICAgICAgICAgcmVzdWx0W2Zvcm1Qcm9wTmFtZV0gPSAnZHluYW1pYyc7XG4gICAgLy8gICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgLy8gICAgICAgICAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICAgICAgICAgICAgICBjYXNlICdTdGF0aWMnOiB7XG4gICAgLy8gICAgICAgICAgICAgICAgICAgICAgICAgcmVzdWx0W2Zvcm1Qcm9wTmFtZV0gPSAnc3RhdGljJ1xuICAgIC8vICAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgIC8vICAgICAgICAgICAgICAgICAgICAgfVxuICAgIC8vICAgICAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICAgICAgICAgIHJlc3VsdFtwYXJhbS5LZXldID0gZGF0YS5WYWx1ZTtcbiAgICAvLyAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgICAgICBpZiAoIXJlc3VsdFtmb3JtUHJvcE5hbWVdKSB7XG4gICAgLy8gICAgICAgICAgICAgcmVzdWx0W3BhcmFtLktleV0gPSBwYXJhbT8uRGVmYXVsdFZhbHVlID8gcGFyYW0uRGVmYXVsdFZhbHVlIDogdGhpcy5nZXREZWZhdWx0VmFsdWVGb3JUeXBlKHBhcmFtLlR5cGUpO1xuICAgIC8vICAgICAgICAgICAgIHJlc3VsdFtmb3JtUHJvcE5hbWVdID0gcGFyYW0/LkRlZmF1bHRWYWx1ZSA/ICdkZWZhdWx0JzogJ3N0YXRpYyc7XG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgIC8vICAgICB9KS5yZWR1Y2UoKHByZXYsIGN1cnJlbnQpID0+IHtcbiAgICAvLyAgICAgICAgIHByZXYgPSB7Li4ucHJldiwgLi4uY3VycmVudH07XG4gICAgLy8gICAgICAgICByZXR1cm4gcHJldjtcbiAgICAvLyAgICAgfSwge30pXG4gICAgLy8gfVxuXG4gICAgLy8gZ2V0UnVuRmxvd1BhcmFtc0RhdGEoZm9ybURhdGE6IFJlY29yZDxzdHJpbmcsIGFueT4pOiBSZWNvcmQ8c3RyaW5nLCBhbnk+IHtcbiAgICAvLyAgICAgY29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0ge31cbiAgICAvLyAgICAgT2JqZWN0LmtleXMoZm9ybURhdGEpLmZvckVhY2gocHJvcCA9PiB7XG4gICAgLy8gICAgICAgICBpZiAocHJvcC5zdGFydHNXaXRoKFNFTEVDVElPTl9GSUVMRF9QUkVGSVgpKSB7XG4gICAgLy8gICAgICAgICAgICAgY29uc3QgcGFyYW1OYW1lID0gcHJvcC5zdWJzdHJpbmcoU0VMRUNUSU9OX0ZJRUxEX1BSRUZJWC5sZW5ndGgpO1xuICAgIC8vICAgICAgICAgICAgIGNvbnN0IHZhbHVlID0ge1xuICAgIC8vICAgICAgICAgICAgICAgICBTb3VyY2U6IGZvcm1EYXRhW3Byb3BdID09PSAnZHluYW1pYycgPyAnRHluYW1pYycgOiAnU3RhdGljJyxcbiAgICAvLyAgICAgICAgICAgICAgICAgVmFsdWU6IGZvcm1EYXRhW3BhcmFtTmFtZV1cbiAgICAvLyAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICAgICAgcmVzdWx0W3BhcmFtTmFtZV0gPSB2YWx1ZTtcbiAgICAvLyAgICAgICAgIH1cbiAgICAvLyAgICAgfSlcbiAgICAvLyAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICAvLyB9XG5cbiAgICAvLyBnZXRQaWNrZXJGb3JtVmlldyhjb25maWdQYXJhbXM6IElQYXJhbWVtZXRlcltdLCBob3N0UGFyYW1zOiBBZGRvbkRhdGFTY2hlbWVbJ0ZpZWxkcyddLCBmb3JtRGF0YTogUmVjb3JkPHN0cmluZywgYW55Pik6IElQZXBHZW5lcmljRm9ybURhdGFWaWV3IHtcbiAgICAvLyAgICAgdGhpcy5pbml0VmFyaWFibGVzKGhvc3RQYXJhbXMpO1xuICAgIC8vICAgICBjb25zdCByZXN1bHQ6IElQZXBHZW5lcmljRm9ybURhdGFWaWV3ID0ge1xuICAgIC8vICAgICAgICAgVHlwZTogJ0Zvcm0nLFxuICAgIC8vICAgICAgICAgRmllbGRzOiBbXSxcbiAgICAvLyAgICAgICAgIENvbHVtbnM6IFt7fSx7fV0sXG4gICAgLy8gICAgICAgICBDb250ZXh0OiB7XG4gICAgLy8gICAgICAgICAgICAgTmFtZTogJycsXG4gICAgLy8gICAgICAgICAgICAgUHJvZmlsZTogeyB9LFxuICAgIC8vICAgICAgICAgICAgIFNjcmVlblNpemU6ICdUYWJsZXQnXG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgIH07XG4gICAgLy8gICAgIHJlc3VsdC5GaWVsZHMgPSB0aGlzLmdldEZpZWxkc0Zyb21Db25maWdQYXJhbXMoY29uZmlnUGFyYW1zLCBmb3JtRGF0YSk7XG4gICAgLy8gICAgIHJldHVybiByZXN1bHQ7XG4gICAgLy8gfVxufSJdfQ==