@netgrif/components/esm2022/lib/header/header.component.mjs

Netgrif Application Engine frontend Angular components

import { Component, Inject, Optional } from '@angular/core';
import { AbstractHeaderComponent, CaseHeaderService, CategoryFactory, HeaderSearchService, TaskHeaderService, WorkflowHeaderService, MultichoiceField, DATA_FIELD_PORTAL_DATA, EnumerationField } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@ngx-translate/core";
import * as i2 from "@netgrif/components-core";
import * as i3 from "@angular/common";
import * as i4 from "@ngbracket/ngx-layout";
import * as i5 from "@ngbracket/ngx-layout/extended";
import * as i6 from "@angular/material/button";
import * as i7 from "@angular/material/card";
import * as i8 from "@angular/material/icon";
import * as i9 from "@angular/material/input";
import * as i10 from "@angular/material/form-field";
import * as i11 from "@angular/material/menu";
import * as i12 from "@angular/material/slide-toggle";
import * as i13 from "@angular/forms";
import * as i14 from "./header-modes/sort-mode/sort-mode.component";
import * as i15 from "./header-modes/search-mode/search-mode.component";
import * as i16 from "./header-modes/edit-mode/edit-mode.component";
import * as i17 from "./header-modes/loading-mode/loading-mode.component";
export class HeaderComponent extends AbstractHeaderComponent {
    _dataFieldPortalData;
    _changeValue;
    constructor(injector, translate, overflowService, _dataFieldPortalData) {
        super(injector, translate, overflowService);
        this._dataFieldPortalData = _dataFieldPortalData;
        this._changeValue = true;
    }
    indeterminate() {
        return this._dataFieldPortalData?.dataField?.value?.length > 0 &&
            this._dataFieldPortalData?.dataField?.value?.length < this._dataFieldPortalData?.dataField?.choices?.length;
    }
    typeApproval() {
        return this._dataFieldPortalData?.dataField instanceof MultichoiceField ? 'multichoice' : 'enumeration';
    }
    ngOnInit() {
        super.ngOnInit();
        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof MultichoiceField) {
            this.approvalFormControl.setValue(this._dataFieldPortalData?.dataField.value.length === this._dataFieldPortalData?.dataField.choices.length);
            this.approvalFormControl.valueChanges.subscribe(value => {
                if (this._changeValue) {
                    if (value) {
                        this._dataFieldPortalData.dataField.value = this._dataFieldPortalData?.dataField.choices.map(val => val.key);
                    }
                    else {
                        this._dataFieldPortalData.dataField.value = [];
                    }
                }
                this._changeValue = true;
            });
            this._dataFieldPortalData.dataField.valueChanges().subscribe(() => {
                this._changeValue = false;
                this.approvalFormControl.setValue(this._dataFieldPortalData?.dataField.value.length === this._dataFieldPortalData?.dataField.choices.length);
            });
        }
        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof EnumerationField) {
            this.approvalFormControl.valueChanges.subscribe(value => {
                this._dataFieldPortalData.dataField.value = null;
            });
        }
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.Injector }, { token: i1.TranslateService }, { token: i2.OverflowService, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderComponent, selector: "nc-header", providers: [
            CaseHeaderService,
            TaskHeaderService,
            WorkflowHeaderService,
            HeaderSearchService,
            CategoryFactory
        ], usesInheritance: true, ngImport: i0, template: "<mat-card [ngClass]=\"{'padding-custom': headerService.headerState.mode === headerModeEnum.SORT}\" class=\"header-color header-card\">\n    <div fxLayout=\"row\" class=\"header-content-container\">\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container flex-95\" fxLayoutAlign=\"start center\"\n             [ngSwitch]=\"headerService.headerState.mode\" *ngIf=\"!headerService.loading.isActive\">\n            <div *ngSwitchCase=\"headerModeEnum.SORT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-sort-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                              [overflowWidth]=\"getMinWidth()\"\n                              [approvalFormControl]=\"approvalFormControl\"\n                              [indeterminate]=\"indeterminate()\"\n                              [approval]=\"approval\"\n                              [typeApproval]=\"typeApproval()\"\n                ></nc-sort-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.SEARCH\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-search-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                                [overflowWidth]=\"getMinWidth()\"\n                                [approvalFormControl]=\"approvalFormControl\"\n                                [indeterminate]=\"indeterminate()\"\n                                [approval]=\"approval\"\n                                [typeApproval]=\"typeApproval()\"\n                ></nc-search-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.EDIT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-edit-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                              [overflowWidth]=\"getMinWidth()\"\n                              [approvalFormControl]=\"approvalFormControl\"\n                              [indeterminate]=\"indeterminate()\"\n                              [approval]=\"approval\"\n                              [typeApproval]=\"typeApproval()\"\n                ></nc-edit-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container\" fxLayoutAlign=\"start center\"\n             *ngIf=\"headerService.loading.isActive\">\n            <div fxFlex=\"100\" fxLayout=\"row\">\n                <nc-loading-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                                 [overflowWidth]=\"getMinWidth()\"></nc-loading-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\" class=\"flex-5\">\n            <div *ngIf=\"!hideHeaderMenu\">\n                <button mat-icon-button [matMenuTriggerFor]=\"headerMenu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu  #headerMenu=\"matMenu\" class=\"mat-menu-border-radius mat-menu-padding\">\n                    <div *ngIf=\"headerService.headerState.mode !== headerModeEnum.EDIT && showSortButton\">\n                        <button mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SORT}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SORT, false)\">\n                            <mat-icon>sort</mat-icon>\n                            {{ 'headers.orderMode' | translate}}\n                        </button>\n                        <button *ngIf=\"type === headerTypeEnum.CASE && showSearchButton\" mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SEARCH}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SEARCH, false)\">\n                            <mat-icon>search</mat-icon>\n                            {{ 'headers.searchMode' | translate}}\n                        </button>\n                        <button *ngIf=\"showEditButton\" mat-menu-item\n                                (click)=\"headerService.changeMode(headerModeEnum.EDIT)\">\n                            <mat-icon>edit</mat-icon>\n                            {{ 'headers.editMode' | translate}}\n                        </button>\n                    </div>\n                    <div *ngIf=\"headerService.headerState.mode === headerModeEnum.EDIT\">\n                        <button mat-menu-item (click)=\"confirmEditMode()\">\n                            <mat-icon color=\"primary\">done</mat-icon>\n                            {{ 'dialog.submit' | translate}}\n                        </button>\n                        <button mat-menu-item (click)=\"headerService.revertEditMode()\">\n                            <mat-icon color=\"warn\">close</mat-icon>\n                            {{ 'tasks.view.cancel' | translate}}\n                        </button>\n                        <div class=\"mat-menu-item-look\" *ngIf=\"canOverflow && showTableSection\">\n                            <mat-slide-toggle\n                                [formControl]=\"overflowControl\">{{ 'headers.overflowMode' | translate}}</mat-slide-toggle>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\"\n                             *ngIf=\"canOverflow && showTableSection && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnWidth' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnWidthControl\">\n                                <mat-error *ngIf=\"!columnWidthControl.valid\">{{getErrorMessageWidth()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\"\n                             *ngIf=\"canOverflow && showTableSection && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnCount' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnCountControl\">\n                                <mat-error *ngIf=\"!columnCountControl.valid\">{{getErrorMessageCount()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </mat-menu>\n            </div>\n        </div>\n    </div>\n</mat-card>\n", styles: [".header-content-container{height:40px}.header-card{border-radius:8px 8px 0 0;padding:10px 16px}.padding-custom{padding:6px 16px}.flex-95{flex:1 1 95%}.flex-5{flex:1 1 5%}.mat-mdc-menu-item-look{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;font-size:14px}.mat-mdc-menu-item-height{min-height:64px;height:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i11.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i12.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i13.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i13.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i14.SortModeComponent, selector: "nc-sort-mode" }, { kind: "component", type: i15.SearchModeComponent, selector: "nc-search-mode" }, { kind: "component", type: i16.EditModeComponent, selector: "nc-edit-mode" }, { kind: "component", type: i17.LoadingModeComponent, selector: "nc-loading-mode" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'nc-header', providers: [
                        CaseHeaderService,
                        TaskHeaderService,
                        WorkflowHeaderService,
                        HeaderSearchService,
                        CategoryFactory
                    ], template: "<mat-card [ngClass]=\"{'padding-custom': headerService.headerState.mode === headerModeEnum.SORT}\" class=\"header-color header-card\">\n    <div fxLayout=\"row\" class=\"header-content-container\">\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container flex-95\" fxLayoutAlign=\"start center\"\n             [ngSwitch]=\"headerService.headerState.mode\" *ngIf=\"!headerService.loading.isActive\">\n            <div *ngSwitchCase=\"headerModeEnum.SORT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-sort-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                              [overflowWidth]=\"getMinWidth()\"\n                              [approvalFormControl]=\"approvalFormControl\"\n                              [indeterminate]=\"indeterminate()\"\n                              [approval]=\"approval\"\n                              [typeApproval]=\"typeApproval()\"\n                ></nc-sort-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.SEARCH\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-search-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                                [overflowWidth]=\"getMinWidth()\"\n                                [approvalFormControl]=\"approvalFormControl\"\n                                [indeterminate]=\"indeterminate()\"\n                                [approval]=\"approval\"\n                                [typeApproval]=\"typeApproval()\"\n                ></nc-search-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.EDIT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-edit-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                              [overflowWidth]=\"getMinWidth()\"\n                              [approvalFormControl]=\"approvalFormControl\"\n                              [indeterminate]=\"indeterminate()\"\n                              [approval]=\"approval\"\n                              [typeApproval]=\"typeApproval()\"\n                ></nc-edit-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container\" fxLayoutAlign=\"start center\"\n             *ngIf=\"headerService.loading.isActive\">\n            <div fxFlex=\"100\" fxLayout=\"row\">\n                <nc-loading-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                                 [overflowWidth]=\"getMinWidth()\"></nc-loading-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\" class=\"flex-5\">\n            <div *ngIf=\"!hideHeaderMenu\">\n                <button mat-icon-button [matMenuTriggerFor]=\"headerMenu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu  #headerMenu=\"matMenu\" class=\"mat-menu-border-radius mat-menu-padding\">\n                    <div *ngIf=\"headerService.headerState.mode !== headerModeEnum.EDIT && showSortButton\">\n                        <button mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SORT}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SORT, false)\">\n                            <mat-icon>sort</mat-icon>\n                            {{ 'headers.orderMode' | translate}}\n                        </button>\n                        <button *ngIf=\"type === headerTypeEnum.CASE && showSearchButton\" mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SEARCH}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SEARCH, false)\">\n                            <mat-icon>search</mat-icon>\n                            {{ 'headers.searchMode' | translate}}\n                        </button>\n                        <button *ngIf=\"showEditButton\" mat-menu-item\n                                (click)=\"headerService.changeMode(headerModeEnum.EDIT)\">\n                            <mat-icon>edit</mat-icon>\n                            {{ 'headers.editMode' | translate}}\n                        </button>\n                    </div>\n                    <div *ngIf=\"headerService.headerState.mode === headerModeEnum.EDIT\">\n                        <button mat-menu-item (click)=\"confirmEditMode()\">\n                            <mat-icon color=\"primary\">done</mat-icon>\n                            {{ 'dialog.submit' | translate}}\n                        </button>\n                        <button mat-menu-item (click)=\"headerService.revertEditMode()\">\n                            <mat-icon color=\"warn\">close</mat-icon>\n                            {{ 'tasks.view.cancel' | translate}}\n                        </button>\n                        <div class=\"mat-menu-item-look\" *ngIf=\"canOverflow && showTableSection\">\n                            <mat-slide-toggle\n                                [formControl]=\"overflowControl\">{{ 'headers.overflowMode' | translate}}</mat-slide-toggle>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\"\n                             *ngIf=\"canOverflow && showTableSection && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnWidth' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnWidthControl\">\n                                <mat-error *ngIf=\"!columnWidthControl.valid\">{{getErrorMessageWidth()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\"\n                             *ngIf=\"canOverflow && showTableSection && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnCount' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnCountControl\">\n                                <mat-error *ngIf=\"!columnCountControl.valid\">{{getErrorMessageCount()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </mat-menu>\n            </div>\n        </div>\n    </div>\n</mat-card>\n", styles: [".header-content-container{height:40px}.header-card{border-radius:8px 8px 0 0;padding:10px 16px}.padding-custom{padding:6px 16px}.flex-95{flex:1 1 95%}.flex-5{flex:1 1 5%}.mat-mdc-menu-item-look{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;font-size:14px}.mat-mdc-menu-item-height{min-height:64px;height:auto}\n"] }]
        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.TranslateService }, { type: i2.OverflowService, decorators: [{
                    type: Optional
                }] }, { type: undefined, decorators: [{
                    type: Optional
                }, {
                    type: Inject,
                    args: [DATA_FIELD_PORTAL_DATA]
                }] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBb0IsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBQ2pCLHFCQUFxQixFQUNKLGdCQUFnQixFQUFFLHNCQUFzQixFQUF1QixnQkFBZ0IsRUFDbkcsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWVsQyxNQUFNLE9BQU8sZUFBZ0IsU0FBUSx1QkFBdUI7SUFNVTtJQUx4RCxZQUFZLENBQVU7SUFFaEMsWUFBWSxRQUFrQixFQUNsQixTQUEyQixFQUNmLGVBQWdDLEVBQ1Usb0JBQTJEO1FBQ3pILEtBQUssQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBRGtCLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBdUM7UUFFekgsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQztJQUVNLGFBQWE7UUFDaEIsT0FBTyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEdBQUcsQ0FBQztZQUMxRCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDO0lBQ3BILENBQUM7SUFFTSxZQUFZO1FBQ2YsT0FBTyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxZQUFZLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQztJQUM1RyxDQUFDO0lBRUQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLElBQUksQ0FBQyxvQkFBb0IsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsWUFBWSxnQkFBZ0IsRUFBRTtZQUN2RyxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM3SSxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDcEQsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO29CQUNuQixJQUFJLEtBQUssRUFBRTt3QkFDUCxJQUFJLENBQUMsb0JBQW9CLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7cUJBQ2hIO3lCQUFNO3dCQUNILElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztxQkFDbEQ7aUJBQ0o7Z0JBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7WUFDN0IsQ0FBQyxDQUFDLENBQUE7WUFDRixJQUFJLENBQUMsb0JBQW9CLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQzlELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2dCQUMxQixJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNqSixDQUFDLENBQUMsQ0FBQTtTQUNMO1FBQ0QsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLFlBQVksZ0JBQWdCLEVBQUU7WUFDdkcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUNyRCxDQUFDLENBQUMsQ0FBQTtTQUNMO0lBQ0wsQ0FBQzt3R0E1Q1EsZUFBZSx5SEFNUSxzQkFBc0I7NEZBTjdDLGVBQWUsb0NBUmI7WUFDUCxpQkFBaUI7WUFDakIsaUJBQWlCO1lBQ2pCLHFCQUFxQjtZQUNyQixtQkFBbUI7WUFDbkIsZUFBZTtTQUNsQixpREN0QkwsMmhOQW1HQTs7NEZEM0VhLGVBQWU7a0JBWjNCLFNBQVM7K0JBQ0ksV0FBVyxhQUdWO3dCQUNQLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQixxQkFBcUI7d0JBQ3JCLG1CQUFtQjt3QkFDbkIsZUFBZTtxQkFDbEI7OzBCQU9ZLFFBQVE7OzBCQUNSLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9uSW5pdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdEhlYWRlckNvbXBvbmVudCxcbiAgICBDYXNlSGVhZGVyU2VydmljZSxcbiAgICBDYXRlZ29yeUZhY3RvcnksXG4gICAgSGVhZGVyU2VhcmNoU2VydmljZSxcbiAgICBUYXNrSGVhZGVyU2VydmljZSxcbiAgICBXb3JrZmxvd0hlYWRlclNlcnZpY2UsXG4gICAgT3ZlcmZsb3dTZXJ2aWNlLCBNdWx0aWNob2ljZUZpZWxkLCBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLCBEYXRhRmllbGRQb3J0YWxEYXRhLCBFbnVtZXJhdGlvbkZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWhlYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIENhc2VIZWFkZXJTZXJ2aWNlLFxuICAgICAgICBUYXNrSGVhZGVyU2VydmljZSxcbiAgICAgICAgV29ya2Zsb3dIZWFkZXJTZXJ2aWNlLFxuICAgICAgICBIZWFkZXJTZWFyY2hTZXJ2aWNlLFxuICAgICAgICBDYXRlZ29yeUZhY3RvcnlcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0SGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBwcm90ZWN0ZWQgX2NoYW5nZVZhbHVlOiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBvdmVyZmxvd1NlcnZpY2U6IE92ZXJmbG93U2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIHByb3RlY3RlZCBfZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxNdWx0aWNob2ljZUZpZWxkPikge1xuICAgICAgICBzdXBlcihpbmplY3RvciwgdHJhbnNsYXRlLCBvdmVyZmxvd1NlcnZpY2UpO1xuICAgICAgICB0aGlzLl9jaGFuZ2VWYWx1ZSA9IHRydWU7XG4gICAgfVxuXG4gICAgcHVibGljIGluZGV0ZXJtaW5hdGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9kYXRhRmllbGRQb3J0YWxEYXRhPy5kYXRhRmllbGQ/LnZhbHVlPy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICB0aGlzLl9kYXRhRmllbGRQb3J0YWxEYXRhPy5kYXRhRmllbGQ/LnZhbHVlPy5sZW5ndGggPCB0aGlzLl9kYXRhRmllbGRQb3J0YWxEYXRhPy5kYXRhRmllbGQ/LmNob2ljZXM/Lmxlbmd0aDtcbiAgICB9XG5cbiAgICBwdWJsaWMgdHlwZUFwcHJvdmFsKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YT8uZGF0YUZpZWxkIGluc3RhbmNlb2YgTXVsdGljaG9pY2VGaWVsZCA/ICdtdWx0aWNob2ljZScgOiAnZW51bWVyYXRpb24nO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICBpZiAodGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YSAhPT0gbnVsbCAmJiB0aGlzLl9kYXRhRmllbGRQb3J0YWxEYXRhLmRhdGFGaWVsZCBpbnN0YW5jZW9mIE11bHRpY2hvaWNlRmllbGQpIHtcbiAgICAgICAgICAgIHRoaXMuYXBwcm92YWxGb3JtQ29udHJvbC5zZXRWYWx1ZSh0aGlzLl9kYXRhRmllbGRQb3J0YWxEYXRhPy5kYXRhRmllbGQudmFsdWUubGVuZ3RoID09PSB0aGlzLl9kYXRhRmllbGRQb3J0YWxEYXRhPy5kYXRhRmllbGQuY2hvaWNlcy5sZW5ndGgpO1xuICAgICAgICAgICAgdGhpcy5hcHByb3ZhbEZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLl9jaGFuZ2VWYWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuX2RhdGFGaWVsZFBvcnRhbERhdGEuZGF0YUZpZWxkLnZhbHVlID0gdGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YT8uZGF0YUZpZWxkLmNob2ljZXMubWFwKHZhbCA9PiB2YWwua2V5KTtcbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuX2RhdGFGaWVsZFBvcnRhbERhdGEuZGF0YUZpZWxkLnZhbHVlID0gW107XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpcy5fY2hhbmdlVmFsdWUgPSB0cnVlO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIHRoaXMuX2RhdGFGaWVsZFBvcnRhbERhdGEuZGF0YUZpZWxkLnZhbHVlQ2hhbmdlcygpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5fY2hhbmdlVmFsdWUgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB0aGlzLmFwcHJvdmFsRm9ybUNvbnRyb2wuc2V0VmFsdWUodGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YT8uZGF0YUZpZWxkLnZhbHVlLmxlbmd0aCA9PT0gdGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YT8uZGF0YUZpZWxkLmNob2ljZXMubGVuZ3RoKTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuX2RhdGFGaWVsZFBvcnRhbERhdGEgIT09IG51bGwgJiYgdGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YS5kYXRhRmllbGQgaW5zdGFuY2VvZiBFbnVtZXJhdGlvbkZpZWxkKSB7XG4gICAgICAgICAgICB0aGlzLmFwcHJvdmFsRm9ybUNvbnRyb2wudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSh2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5fZGF0YUZpZWxkUG9ydGFsRGF0YS5kYXRhRmllbGQudmFsdWUgPSBudWxsO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxtYXQtY2FyZCBbbmdDbGFzc109XCJ7J3BhZGRpbmctY3VzdG9tJzogaGVhZGVyU2VydmljZS5oZWFkZXJTdGF0ZS5tb2RlID09PSBoZWFkZXJNb2RlRW51bS5TT1JUfVwiIGNsYXNzPVwiaGVhZGVyLWNvbG9yIGhlYWRlci1jYXJkXCI+XG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGNsYXNzPVwiaGVhZGVyLWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeEZsZXg9XCI5NVwiIGNsYXNzPVwiaGVhZGVyLWNvbnRlbnQtY29udGFpbmVyIGZsZXgtOTVcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgICAgICAgICBbbmdTd2l0Y2hdPVwiaGVhZGVyU2VydmljZS5oZWFkZXJTdGF0ZS5tb2RlXCIgKm5nSWY9XCIhaGVhZGVyU2VydmljZS5sb2FkaW5nLmlzQWN0aXZlXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJoZWFkZXJNb2RlRW51bS5TT1JUXCIgZnhGbGV4PVwiMTAwXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8bmMtc29ydC1tb2RlIGZ4RmxleD1cIjEwMFwiIFtoZWFkZXJTZXJ2aWNlXT1cImhlYWRlclNlcnZpY2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW292ZXJmbG93V2lkdGhdPVwiZ2V0TWluV2lkdGgoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXBwcm92YWxGb3JtQ29udHJvbF09XCJhcHByb3ZhbEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpbmRldGVybWluYXRlXT1cImluZGV0ZXJtaW5hdGUoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXBwcm92YWxdPVwiYXBwcm92YWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3R5cGVBcHByb3ZhbF09XCJ0eXBlQXBwcm92YWwoKVwiXG4gICAgICAgICAgICAgICAgPjwvbmMtc29ydC1tb2RlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJoZWFkZXJNb2RlRW51bS5TRUFSQ0hcIiBmeEZsZXg9XCIxMDBcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxuYy1zZWFyY2gtbW9kZSBmeEZsZXg9XCIxMDBcIiBbaGVhZGVyU2VydmljZV09XCJoZWFkZXJTZXJ2aWNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW292ZXJmbG93V2lkdGhdPVwiZ2V0TWluV2lkdGgoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthcHByb3ZhbEZvcm1Db250cm9sXT1cImFwcHJvdmFsRm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaW5kZXRlcm1pbmF0ZV09XCJpbmRldGVybWluYXRlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXBwcm92YWxdPVwiYXBwcm92YWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdHlwZUFwcHJvdmFsXT1cInR5cGVBcHByb3ZhbCgpXCJcbiAgICAgICAgICAgICAgICA+PC9uYy1zZWFyY2gtbW9kZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiaGVhZGVyTW9kZUVudW0uRURJVFwiIGZ4RmxleD1cIjEwMFwiIGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgICAgICAgICAgPG5jLWVkaXQtbW9kZSBmeEZsZXg9XCIxMDBcIiBbaGVhZGVyU2VydmljZV09XCJoZWFkZXJTZXJ2aWNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtvdmVyZmxvd1dpZHRoXT1cImdldE1pbldpZHRoKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FwcHJvdmFsRm9ybUNvbnRyb2xdPVwiYXBwcm92YWxGb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaW5kZXRlcm1pbmF0ZV09XCJpbmRldGVybWluYXRlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FwcHJvdmFsXT1cImFwcHJvdmFsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0eXBlQXBwcm92YWxdPVwidHlwZUFwcHJvdmFsKClcIlxuICAgICAgICAgICAgICAgID48L25jLWVkaXQtbW9kZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4RmxleD1cIjk1XCIgY2xhc3M9XCJoZWFkZXItY29udGVudC1jb250YWluZXJcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgICAgICAgICAqbmdJZj1cImhlYWRlclNlcnZpY2UubG9hZGluZy5pc0FjdGl2ZVwiPlxuICAgICAgICAgICAgPGRpdiBmeEZsZXg9XCIxMDBcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxuYy1sb2FkaW5nLW1vZGUgZnhGbGV4PVwiMTAwXCIgW2hlYWRlclNlcnZpY2VdPVwiaGVhZGVyU2VydmljZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbb3ZlcmZsb3dXaWR0aF09XCJnZXRNaW5XaWR0aCgpXCI+PC9uYy1sb2FkaW5nLW1vZGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiZW5kIGNlbnRlclwiIGZ4RmxleD1cIjVcIiBjbGFzcz1cImZsZXgtNVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFoaWRlSGVhZGVyTWVudVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJoZWFkZXJNZW51XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxtYXQtbWVudSAgI2hlYWRlck1lbnU9XCJtYXRNZW51XCIgY2xhc3M9XCJtYXQtbWVudS1ib3JkZXItcmFkaXVzIG1hdC1tZW51LXBhZGRpbmdcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImhlYWRlclNlcnZpY2UuaGVhZGVyU3RhdGUubW9kZSAhPT0gaGVhZGVyTW9kZUVudW0uRURJVCAmJiBzaG93U29ydEJ1dHRvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlLWhlYWRlci1pdGVtJzogaGVhZGVyU2VydmljZS5oZWFkZXJTdGF0ZS5tb2RlID09PSBoZWFkZXJNb2RlRW51bS5TT1JUfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoZWFkZXJTZXJ2aWNlLmNoYW5nZU1vZGUoaGVhZGVyTW9kZUVudW0uU09SVCwgZmFsc2UpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnNvcnQ8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7ICdoZWFkZXJzLm9yZGVyTW9kZScgfCB0cmFuc2xhdGV9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwidHlwZSA9PT0gaGVhZGVyVHlwZUVudW0uQ0FTRSAmJiBzaG93U2VhcmNoQnV0dG9uXCIgbWF0LW1lbnUtaXRlbVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZS1oZWFkZXItaXRlbSc6IGhlYWRlclNlcnZpY2UuaGVhZGVyU3RhdGUubW9kZSA9PT0gaGVhZGVyTW9kZUVudW0uU0VBUkNIfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoZWFkZXJTZXJ2aWNlLmNoYW5nZU1vZGUoaGVhZGVyTW9kZUVudW0uU0VBUkNILCBmYWxzZSlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyAnaGVhZGVycy5zZWFyY2hNb2RlJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJzaG93RWRpdEJ1dHRvblwiIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImhlYWRlclNlcnZpY2UuY2hhbmdlTW9kZShoZWFkZXJNb2RlRW51bS5FRElUKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5lZGl0PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyAnaGVhZGVycy5lZGl0TW9kZScgfCB0cmFuc2xhdGV9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaGVhZGVyU2VydmljZS5oZWFkZXJTdGF0ZS5tb2RlID09PSBoZWFkZXJNb2RlRW51bS5FRElUXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gKGNsaWNrKT1cImNvbmZpcm1FZGl0TW9kZSgpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwicHJpbWFyeVwiPmRvbmU8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7ICdkaWFsb2cuc3VibWl0JyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwiaGVhZGVyU2VydmljZS5yZXZlcnRFZGl0TW9kZSgpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwid2FyblwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyAndGFza3Mudmlldy5jYW5jZWwnIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1hdC1tZW51LWl0ZW0tbG9va1wiICpuZ0lmPVwiY2FuT3ZlcmZsb3cgJiYgc2hvd1RhYmxlU2VjdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtc2xpZGUtdG9nZ2xlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJvdmVyZmxvd0NvbnRyb2xcIj57eyAnaGVhZGVycy5vdmVyZmxvd01vZGUnIHwgdHJhbnNsYXRlfX08L21hdC1zbGlkZS10b2dnbGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYXQtbWVudS1pdGVtLWxvb2sgbWF0LW1lbnUtaXRlbS1oZWlnaHRcIiAoY2xpY2spPVwiY2xpY2tTdG9wKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImNhbk92ZXJmbG93ICYmIHNob3dUYWJsZVNlY3Rpb24gJiYgb3ZlcmZsb3dDb250cm9sLnZhbHVlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+e3sgJ2hlYWRlcnMuY29sdW1uV2lkdGgnIHwgdHJhbnNsYXRlfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBbZm9ybUNvbnRyb2xdPVwiY29sdW1uV2lkdGhDb250cm9sXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCIhY29sdW1uV2lkdGhDb250cm9sLnZhbGlkXCI+e3tnZXRFcnJvck1lc3NhZ2VXaWR0aCgpfX08L21hdC1lcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWF0LW1lbnUtaXRlbS1sb29rIG1hdC1tZW51LWl0ZW0taGVpZ2h0XCIgKGNsaWNrKT1cImNsaWNrU3RvcCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJjYW5PdmVyZmxvdyAmJiBzaG93VGFibGVTZWN0aW9uICYmIG92ZXJmbG93Q29udHJvbC52YWx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPnt7ICdoZWFkZXJzLmNvbHVtbkNvdW50JyB8IHRyYW5zbGF0ZX19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgW2Zvcm1Db250cm9sXT1cImNvbHVtbkNvdW50Q29udHJvbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiIWNvbHVtbkNvdW50Q29udHJvbC52YWxpZFwiPnt7Z2V0RXJyb3JNZXNzYWdlQ291bnQoKX19PC9tYXQtZXJyb3I+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L21hdC1tZW51PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9tYXQtY2FyZD5cbiJdfQ==