@onecx/angular-accelerator 5.38.0 → 6.0.0-rc.10

package/esm2022/lib/components/custom-group-column-selector/custom-group-column-selector.component.mjs

@@ -1,184 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@ngx-translate/core";
-import * as i2 from "primeng/tooltip";
-import * as i3 from "primeng/api";
-import * as i4 from "primeng/button";
-import * as i5 from "primeng/dialog";
-import * as i6 from "primeng/picklist";
-import * as i7 from "primeng/selectbutton";
-import * as i8 from "@angular/forms";
-export class CustomGroupColumnSelectorComponent {
-    get displayedColumns() {
-        return this._displayedColumns;
-    }
-    set displayedColumns(value) {
-        this._displayedColumns = value;
-        this.componentStateChanged.emit({
-            actionColumnConfig: {
-                frozen: this.frozenActionColumn,
-                position: this.actionColumnPosition,
-            },
-            displayedColumns: this._displayedColumns,
-        });
-    }
-    constructor(translate) {
-        this.translate = translate;
-        this.columns = [];
-        this._displayedColumns = [];
-        this.customGroupKey = '';
-        this.dialogTitle = '';
-        this.dialogTitleKey = '';
-        this.openButtonTitle = '';
-        this.openButtonTitleKey = '';
-        this.openButtonAriaLabel = '';
-        this.openButtonAriaLabelKey = '';
-        this.saveButtonLabel = '';
-        this.saveButtonLabelKey = '';
-        this.saveButtonAriaLabel = '';
-        this.saveButtonAriaLabelKey = '';
-        this.cancelButtonLabel = '';
-        this.cancelButtonLabelKey = '';
-        this.cancelButtonAriaLabel = '';
-        this.cancelButtonAriaLabelKey = '';
-        this.activeColumnsLabel = '';
-        this.activeColumnsLabelKey = '';
-        this.inactiveColumnsLabel = '';
-        this.inactiveColumnsLabelKey = '';
-        this.frozenActionColumn = false;
-        this.actionColumnPosition = 'right';
-        this.columnSelectionChanged = new EventEmitter();
-        this.actionColumnConfigChanged = new EventEmitter();
-        this.componentStateChanged = new EventEmitter();
-        this.hiddenColumnsModel = [];
-        this.displayedColumnsModel = [];
-        this.frozenActionColumnModel = false;
-        this.actionColumnPositionModel = 'right';
-        this.visible = false;
-        this.alignmentOptions = [
-            {
-                label: 'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.LEFT',
-                value: 'left',
-            },
-            {
-                label: 'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.RIGHT',
-                value: 'right',
-            },
-        ];
-        this.frozenOptions = [
-            {
-                label: 'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.YES',
-                value: true,
-            },
-            {
-                label: 'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.NO',
-                value: false,
-            },
-        ];
-    }
-    ngOnInit() {
-        this.componentStateChanged.emit({
-            actionColumnConfig: {
-                frozen: this.frozenActionColumn,
-                position: this.actionColumnPosition,
-            },
-            displayedColumns: this.displayedColumns,
-        });
-    }
-    onOpenCustomGroupColumnSelectionDialogClick() {
-        this.displayedColumnsModel = [...this.displayedColumns];
-        this.hiddenColumnsModel = this.columns.filter((column) => !this.displayedColumnsModel.map((c) => c.id).includes(column.id));
-        this.frozenActionColumnModel = this.frozenActionColumn;
-        this.actionColumnPositionModel = this.actionColumnPosition;
-        this.visible = true;
-    }
-    onSaveClick() {
-        this.visible = false;
-        const colIdsBefore = this.displayedColumns.map((column) => column.id);
-        const colIdsAfter = this.displayedColumnsModel.map((column) => column.id);
-        if (!colIdsAfter.every((colId, i) => colId === colIdsBefore[i]) || colIdsAfter.length != colIdsBefore.length) {
-            this.columnSelectionChanged.emit({ activeColumns: [...this.displayedColumnsModel] });
-            this.componentStateChanged.emit({
-                displayedColumns: [...this.displayedColumnsModel],
-            });
-        }
-        if (this.frozenActionColumn != this.frozenActionColumnModel ||
-            this.actionColumnPosition != this.actionColumnPositionModel) {
-            this.actionColumnConfigChanged.emit({
-                frozenActionColumn: this.frozenActionColumnModel,
-                actionColumnPosition: this.actionColumnPositionModel,
-            });
-            this.componentStateChanged.emit({
-                displayedColumns: [...this.displayedColumnsModel],
-                actionColumnConfig: {
-                    frozen: this.frozenActionColumnModel,
-                    position: this.actionColumnPositionModel,
-                },
-                activeColumnGroupKey: this.customGroupKey,
-            });
-        }
-    }
-    onCancelClick() {
-        this.visible = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomGroupColumnSelectorComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CustomGroupColumnSelectorComponent, selector: "ocx-custom-group-column-selector", inputs: { columns: "columns", displayedColumns: "displayedColumns", customGroupKey: "customGroupKey", dialogTitle: "dialogTitle", dialogTitleKey: "dialogTitleKey", openButtonTitle: "openButtonTitle", openButtonTitleKey: "openButtonTitleKey", openButtonAriaLabel: "openButtonAriaLabel", openButtonAriaLabelKey: "openButtonAriaLabelKey", saveButtonLabel: "saveButtonLabel", saveButtonLabelKey: "saveButtonLabelKey", saveButtonAriaLabel: "saveButtonAriaLabel", saveButtonAriaLabelKey: "saveButtonAriaLabelKey", cancelButtonLabel: "cancelButtonLabel", cancelButtonLabelKey: "cancelButtonLabelKey", cancelButtonAriaLabel: "cancelButtonAriaLabel", cancelButtonAriaLabelKey: "cancelButtonAriaLabelKey", activeColumnsLabel: "activeColumnsLabel", activeColumnsLabelKey: "activeColumnsLabelKey", inactiveColumnsLabel: "inactiveColumnsLabel", inactiveColumnsLabelKey: "inactiveColumnsLabelKey", frozenActionColumn: "frozenActionColumn", actionColumnPosition: "actionColumnPosition" }, outputs: { columnSelectionChanged: "columnSelectionChanged", actionColumnConfigChanged: "actionColumnConfigChanged", componentStateChanged: "componentStateChanged" }, ngImport: i0, template: "<p-button\n  id=\"customGroupColumnSelectorButton\"\n  type=\"button\"\n  (onClick)=\"onOpenCustomGroupColumnSelectionDialogClick()\"\n  [pTooltip]=\"openButtonTitle || (openButtonTitleKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.OPEN_BUTTON_DETAIL' | translate)\"\n  tooltipPosition=\"top\"\n  icon=\"pi pi-cog\"\n  styleClass=\"p-button\"\n  [ariaLabel]=\"(openButtonAriaLabelKey ? (openButtonAriaLabelKey | translate) : openButtonAriaLabel) || openButtonTitle || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.OPEN_BUTTON_DETAIL' | translate)\"\n  [attr.aria-controls]=\"visible ? 'customGroupColumnSelectorDialog' : null\"\n  [attr.aria-expanded]=\"visible ? true : false\"\n></p-button>\n\n<p-dialog\n  #dialog\n  id=\"customGroupColumnSelectorDialog\"\n  [(visible)]=\"visible\"\n  [style]=\"{ width: '70%' }\"\n  [modal]=\"true\"\n  [closeAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.CLOSE' | translate)\"\n>\n  <ng-template pTemplate=\"header\">\n    <span [id]=\"dialog.ariaLabelledBy\" class=\"text-xl font-bold\"\n      >{{ dialogTitle || (dialogTitleKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.DIALOG_TITLE' | translate)\n      }}</span\n    >\n  </ng-template>\n\n  <p-pickList\n    [source]=\"displayedColumnsModel\"\n    [target]=\"hiddenColumnsModel\"\n    [sourceHeader]=\"activeColumnsLabel || (activeColumnsLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ACTIVE_COLUMNS_LABEL' | translate)\"\n    [targetHeader]=\"inactiveColumnsLabel || (inactiveColumnsLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.INACTIVE_COLUMNS_LABEL' | translate)\"\n    [dragdrop]=\"true\"\n    [responsive]=\"false\"\n    [sourceStyle]=\"{ height: '300px' }\"\n    [targetStyle]=\"{ height: '300px' }\"\n    [upButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.UP' | translate)\"\n    [topButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.TOP' | translate)\"\n    [downButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.DOWN' | translate)\"\n    [bottomButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.BOTTOM' | translate)\"\n    [rightButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.RIGHT' | translate)\"\n    [allRightButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.ALL_RIGHT' | translate)\"\n    [leftButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.LEFT' | translate)\"\n    [allLeftButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.ALL_LEFT' | translate)\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div>{{ item.nameKey | translate }}</div>\n    </ng-template>\n  </p-pickList>\n\n  <div class=\"pt-4\">\n    <p class=\"text-xl font-bold\">{{'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.TITLE' | translate}}</p>\n    <div class=\"flex gap-6 px-3\">\n      <div>\n        <p class=\"mb-1\">{{'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.FREEZE' | translate}}</p>\n        <p-selectButton\n          [options]=\"frozenOptions\"\n          [(ngModel)]=\"frozenActionColumnModel\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          id=\"frozenActionColumn\"\n          name=\"frozen-action-column-select-button\"\n        >\n          <ng-template let-option pTemplate>\n            <label id=\"{{option.label}}\">{{option.label | translate}}</label>\n          </ng-template>\n        </p-selectButton>\n      </div>\n      <div>\n        <p class=\"mb-1\">{{'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.POSITION' | translate}}</p>\n        <p-selectButton\n          [options]=\"alignmentOptions\"\n          [(ngModel)]=\"actionColumnPositionModel\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          id=\"actionColumnPosition\"\n          class=\"mt-2\"\n          name=\"action-column-position-select-button\"\n        >\n          <ng-template let-option pTemplate>\n            <label id=\"{{option.label}}\">{{option.label | translate}}</label>\n          </ng-template>\n        </p-selectButton>\n      </div>\n    </div>\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <p-button\n      id=\"cancelButton\"\n      (onClick)=\"onCancelClick()\"\n      [label]=\"cancelButtonLabel || (cancelButtonLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CANCEL_BUTTON_LABEL' | translate)\"\n      styleClass=\"p-button\"\n      [ariaLabel]=\"cancelButtonLabel || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CANCEL_BUTTON_ARIA_LABEL' | translate)\"\n    ></p-button>\n    <p-button\n      id=\"saveButton\"\n      (onClick)=\"onSaveClick()\"\n      [label]=\"saveButtonLabel || (saveButtonLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.SAVE_BUTTON_LABEL' | translate)\"\n      [ariaLabel]=\"saveButtonAriaLabelKey || (saveButtonAriaLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.SAVE_BUTTON_ARIA_LABEL' | translate)\"\n    ></p-button>\n  </ng-template>\n</p-dialog>\n", styles: ["::ng-deep .p-buttonset .p-button{min-width:auto}::ng-deep .p-buttonset{display:flex}::ng-deep .p-picklist-item.cdk-drag-preview{z-index:2000!important}.p-button{height:100%}\n"], dependencies: [{ kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i6.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "component", type: i7.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomGroupColumnSelectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ocx-custom-group-column-selector', template: "<p-button\n  id=\"customGroupColumnSelectorButton\"\n  type=\"button\"\n  (onClick)=\"onOpenCustomGroupColumnSelectionDialogClick()\"\n  [pTooltip]=\"openButtonTitle || (openButtonTitleKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.OPEN_BUTTON_DETAIL' | translate)\"\n  tooltipPosition=\"top\"\n  icon=\"pi pi-cog\"\n  styleClass=\"p-button\"\n  [ariaLabel]=\"(openButtonAriaLabelKey ? (openButtonAriaLabelKey | translate) : openButtonAriaLabel) || openButtonTitle || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.OPEN_BUTTON_DETAIL' | translate)\"\n  [attr.aria-controls]=\"visible ? 'customGroupColumnSelectorDialog' : null\"\n  [attr.aria-expanded]=\"visible ? true : false\"\n></p-button>\n\n<p-dialog\n  #dialog\n  id=\"customGroupColumnSelectorDialog\"\n  [(visible)]=\"visible\"\n  [style]=\"{ width: '70%' }\"\n  [modal]=\"true\"\n  [closeAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.CLOSE' | translate)\"\n>\n  <ng-template pTemplate=\"header\">\n    <span [id]=\"dialog.ariaLabelledBy\" class=\"text-xl font-bold\"\n      >{{ dialogTitle || (dialogTitleKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.DIALOG_TITLE' | translate)\n      }}</span\n    >\n  </ng-template>\n\n  <p-pickList\n    [source]=\"displayedColumnsModel\"\n    [target]=\"hiddenColumnsModel\"\n    [sourceHeader]=\"activeColumnsLabel || (activeColumnsLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ACTIVE_COLUMNS_LABEL' | translate)\"\n    [targetHeader]=\"inactiveColumnsLabel || (inactiveColumnsLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.INACTIVE_COLUMNS_LABEL' | translate)\"\n    [dragdrop]=\"true\"\n    [responsive]=\"false\"\n    [sourceStyle]=\"{ height: '300px' }\"\n    [targetStyle]=\"{ height: '300px' }\"\n    [upButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.UP' | translate)\"\n    [topButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.TOP' | translate)\"\n    [downButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.DOWN' | translate)\"\n    [bottomButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.BOTTOM' | translate)\"\n    [rightButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.RIGHT' | translate)\"\n    [allRightButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.ALL_RIGHT' | translate)\"\n    [leftButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.LEFT' | translate)\"\n    [allLeftButtonAriaLabel]=\"('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.ARIA_LABELS.ALL_LEFT' | translate)\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div>{{ item.nameKey | translate }}</div>\n    </ng-template>\n  </p-pickList>\n\n  <div class=\"pt-4\">\n    <p class=\"text-xl font-bold\">{{'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.TITLE' | translate}}</p>\n    <div class=\"flex gap-6 px-3\">\n      <div>\n        <p class=\"mb-1\">{{'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.FREEZE' | translate}}</p>\n        <p-selectButton\n          [options]=\"frozenOptions\"\n          [(ngModel)]=\"frozenActionColumnModel\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          id=\"frozenActionColumn\"\n          name=\"frozen-action-column-select-button\"\n        >\n          <ng-template let-option pTemplate>\n            <label id=\"{{option.label}}\">{{option.label | translate}}</label>\n          </ng-template>\n        </p-selectButton>\n      </div>\n      <div>\n        <p class=\"mb-1\">{{'OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CONFIGURE_ACTION_COLUMN.POSITION' | translate}}</p>\n        <p-selectButton\n          [options]=\"alignmentOptions\"\n          [(ngModel)]=\"actionColumnPositionModel\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          id=\"actionColumnPosition\"\n          class=\"mt-2\"\n          name=\"action-column-position-select-button\"\n        >\n          <ng-template let-option pTemplate>\n            <label id=\"{{option.label}}\">{{option.label | translate}}</label>\n          </ng-template>\n        </p-selectButton>\n      </div>\n    </div>\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <p-button\n      id=\"cancelButton\"\n      (onClick)=\"onCancelClick()\"\n      [label]=\"cancelButtonLabel || (cancelButtonLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CANCEL_BUTTON_LABEL' | translate)\"\n      styleClass=\"p-button\"\n      [ariaLabel]=\"cancelButtonLabel || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.CANCEL_BUTTON_ARIA_LABEL' | translate)\"\n    ></p-button>\n    <p-button\n      id=\"saveButton\"\n      (onClick)=\"onSaveClick()\"\n      [label]=\"saveButtonLabel || (saveButtonLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.SAVE_BUTTON_LABEL' | translate)\"\n      [ariaLabel]=\"saveButtonAriaLabelKey || (saveButtonAriaLabelKey | translate) || ('OCX_CUSTOM_GROUP_COLUMN_SELECTOR.SAVE_BUTTON_ARIA_LABEL' | translate)\"\n    ></p-button>\n  </ng-template>\n</p-dialog>\n", styles: ["::ng-deep .p-buttonset .p-button{min-width:auto}::ng-deep .p-buttonset{display:flex}::ng-deep .p-picklist-item.cdk-drag-preview{z-index:2000!important}.p-button{height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { columns: [{
-                type: Input
-            }], displayedColumns: [{
-                type: Input
-            }], customGroupKey: [{
-                type: Input
-            }], dialogTitle: [{
-                type: Input
-            }], dialogTitleKey: [{
-                type: Input
-            }], openButtonTitle: [{
-                type: Input
-            }], openButtonTitleKey: [{
-                type: Input
-            }], openButtonAriaLabel: [{
-                type: Input
-            }], openButtonAriaLabelKey: [{
-                type: Input
-            }], saveButtonLabel: [{
-                type: Input
-            }], saveButtonLabelKey: [{
-                type: Input
-            }], saveButtonAriaLabel: [{
-                type: Input
-            }], saveButtonAriaLabelKey: [{
-                type: Input
-            }], cancelButtonLabel: [{
-                type: Input
-            }], cancelButtonLabelKey: [{
-                type: Input
-            }], cancelButtonAriaLabel: [{
-                type: Input
-            }], cancelButtonAriaLabelKey: [{
-                type: Input
-            }], activeColumnsLabel: [{
-                type: Input
-            }], activeColumnsLabelKey: [{
-                type: Input
-            }], inactiveColumnsLabel: [{
-                type: Input
-            }], inactiveColumnsLabelKey: [{
-                type: Input
-            }], frozenActionColumn: [{
-                type: Input
-            }], actionColumnPosition: [{
-                type: Input
-            }], columnSelectionChanged: [{
-                type: Output
-            }], actionColumnConfigChanged: [{
-                type: Output
-            }], componentStateChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWdyb3VwLWNvbHVtbi1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjZWxlcmF0b3Ivc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1ncm91cC1jb2x1bW4tc2VsZWN0b3IvY3VzdG9tLWdyb3VwLWNvbHVtbi1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjZWxlcmF0b3Ivc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1ncm91cC1jb2x1bW4tc2VsZWN0b3IvY3VzdG9tLWdyb3VwLWNvbHVtbi1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzlFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFBOzs7Ozs7Ozs7O0FBdUJ0RCxNQUFNLE9BQU8sa0NBQWtDO0lBRzdDLElBQ0ksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFBO0lBQy9CLENBQUM7SUFDRCxJQUFJLGdCQUFnQixDQUFDLEtBQXdCO1FBQzNDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUE7UUFDOUIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQztZQUM5QixrQkFBa0IsRUFBRTtnQkFDbEIsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0I7Z0JBQy9CLFFBQVEsRUFBRSxJQUFJLENBQUMsb0JBQW9CO2FBQ3BDO1lBQ0QsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLGlCQUFpQjtTQUN6QyxDQUFDLENBQUE7SUFDSixDQUFDO0lBc0RELFlBQW9CLFNBQTJCO1FBQTNCLGNBQVMsR0FBVCxTQUFTLENB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S0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBRUksc0JBQXNCO3NCQUEvQixNQUFNO2dCQUNHLHlCQUF5QjtzQkFBbEMsTUFBTTtnQkFDRyxxQkFBcUI7c0JBQTlCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJ1xuaW1wb3J0IHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSAnLi4vLi4vbW9kZWwvZGF0YS10YWJsZS1jb2x1bW4ubW9kZWwnXG5cbmV4cG9ydCB0eXBlIENvbHVtblNlbGVjdGlvbkNoYW5nZWRFdmVudCA9IHsgYWN0aXZlQ29sdW1uczogRGF0YVRhYmxlQ29sdW1uW10gfVxuZXhwb3J0IHR5cGUgQWN0aW9uQ29sdW1uQ2hhbmdlZEV2ZW50ID0ge1xuICBmcm96ZW5BY3Rpb25Db2x1bW46IGJvb2xlYW5cbiAgYWN0aW9uQ29sdW1uUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDdXN0b21Hcm91cENvbHVtblNlbGVjdG9yQ29tcG9uZW50U3RhdGUge1xuICBhY3Rpb25Db2x1bW5Db25maWc/OiB7XG4gICAgZnJvemVuOiBib29sZWFuXG4gICAgcG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCdcbiAgfVxuICBkaXNwbGF5ZWRDb2x1bW5zPzogRGF0YVRhYmxlQ29sdW1uW11cbiAgYWN0aXZlQ29sdW1uR3JvdXBLZXk/OiBzdHJpbmdcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2N4LWN1c3RvbS1ncm91cC1jb2x1bW4tc2VsZWN0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWdyb3VwLWNvbHVtbi1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS1ncm91cC1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tR3JvdXBDb2x1bW5TZWxlY3RvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbHVtbnM6IERhdGFUYWJsZUNvbHVtbltdID0gW11cbiAgcHJpdmF0ZSBfZGlzcGxheWVkQ29sdW1uczogRGF0YVRhYmxlQ29sdW1uW10gPSBbXVxuICBASW5wdXQoKVxuICBnZXQgZGlzcGxheWVkQ29sdW1ucygpIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzcGxheWVkQ29sdW1uc1xuICB9XG4gIHNldCBkaXNwbGF5ZWRDb2x1bW5zKHZhbHVlOiBEYXRhVGFibGVDb2x1bW5bXSkge1xuICAgIHRoaXMuX2Rpc3BsYXllZENvbHVtbnMgPSB2YWx1ZVxuICAgIHRoaXMuY29tcG9uZW50U3RhdGVDaGFuZ2VkLmVtaXQoe1xuICAgICAgYWN0aW9uQ29sdW1uQ29uZmlnOiB7XG4gICAgICAgIGZyb3plbjogdGhpcy5mcm96ZW5BY3Rpb25Db2x1bW4sXG4gICAgICAgIHBvc2l0aW9uOiB0aGlzLmFjdGlvbkNvbHVtblBvc2l0aW9uLFxuICAgICAgfSxcbiAgICAgIGRpc3BsYXllZENvbHVtbnM6IHRoaXMuX2Rpc3BsYXllZENvbHVtbnMsXG4gICAgfSlcbiAgfVxuICBASW5wdXQoKSBjdXN0b21Hcm91cEtleSA9ICcnXG4gIEBJbnB1dCgpIGRpYWxvZ1RpdGxlID0gJydcbiAgQElucHV0KCkgZGlhbG9nVGl0bGVLZXkgPSAnJ1xuICBASW5wdXQoKSBvcGVuQnV0dG9uVGl0bGUgPSAnJ1xuICBASW5wdXQoKSBvcGVuQnV0dG9uVGl0bGVLZXkgPSAnJ1xuICBASW5wdXQoKSBvcGVuQnV0dG9uQXJpYUxhYmVsID0gJydcbiAgQElucHV0KCkgb3BlbkJ1dHRvbkFyaWFMYWJlbEtleSA9ICcnXG4gIEBJbnB1dCgpIHNhdmVCdXR0b25MYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHNhdmVCdXR0b25MYWJlbEtleSA9ICcnXG4gIEBJbnB1dCgpIHNhdmVCdXR0b25BcmlhTGFiZWwgPSAnJ1xuICBASW5wdXQoKSBzYXZlQnV0dG9uQXJpYUxhYmVsS2V5ID0gJydcbiAgQElucHV0KCkgY2FuY2VsQnV0dG9uTGFiZWwgPSAnJ1xuICBASW5wdXQoKSBjYW5jZWxCdXR0b25MYWJlbEtleSA9ICcnXG4gIEBJbnB1dCgpIGNhbmNlbEJ1dHRvbkFyaWFMYWJlbCA9ICcnXG4gIEBJbnB1dCgpIGNhbmNlbEJ1dHRvbkFyaWFMYWJlbEtleSA9ICcnXG4gIEBJbnB1dCgpIGFjdGl2ZUNvbHVtbnNMYWJlbCA9ICcnXG4gIEBJbnB1dCgpIGFjdGl2ZUNvbHVtbnNMYWJlbEtleSA9ICcnXG4gIEBJbnB1dCgpIGluYWN0aXZlQ29sdW1uc0xhYmVsID0gJydcbiAgQElucHV0KCkgaW5hY3RpdmVDb2x1bW5zTGFiZWxLZXkgPSAnJ1xuICBASW5wdXQoKSBmcm96ZW5BY3Rpb25Db2x1bW4gPSBmYWxzZVxuICBASW5wdXQoKSBhY3Rpb25Db2x1bW5Qb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdyaWdodCdcblxuICBAT3V0cHV0KCkgY29sdW1uU2VsZWN0aW9uQ2hhbmdlZDogRXZlbnRFbWl0dGVyPENvbHVtblNlbGVjdGlvbkNoYW5nZWRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKClcbiAgQE91dHB1dCgpIGFjdGlvbkNvbHVtbkNvbmZpZ0NoYW5nZWQ6IEV2ZW50RW1pdHRlcjxBY3Rpb25Db2x1bW5DaGFuZ2VkRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpXG4gIEBPdXRwdXQoKSBjb21wb25lbnRTdGF0ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxDdXN0b21Hcm91cENvbHVtblNlbGVjdG9yQ29tcG9uZW50U3RhdGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpXG5cbiAgaGlkZGVuQ29sdW1uc01vZGVsOiBEYXRhVGFibGVDb2x1bW5bXSA9IFtdXG4gIGRpc3BsYXllZENvbHVtbnNNb2RlbDogRGF0YVRhYmxlQ29sdW1uW10gPSBbXVxuICBmcm96ZW5BY3Rpb25Db2x1bW5Nb2RlbCA9IGZhbHNlXG4gIGFjdGlvbkNvbHVtblBvc2l0aW9uTW9kZWw6ICdsZWZ0JyB8ICdyaWdodCcgPSAncmlnaHQnXG4gIHZpc2libGUgPSBmYWxzZVxuICBhbGlnbm1lbnRPcHRpb25zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQ09ORklHVVJFX0FDVElPTl9DT0xVTU4uTEVGVCcsXG4gICAgICB2YWx1ZTogJ2xlZnQnLFxuICAgIH0sXG4gICAge1xuICAgICAgbGFiZWw6ICdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5DT05GSUdVUkVfQUNUSU9OX0NPTFVNTi5SSUdIVCcsXG4gICAgICB2YWx1ZTogJ3JpZ2h0JyxcbiAgICB9LFxuICBdXG5cbiAgZnJvemVuT3B0aW9ucyA9IFtcbiAgICB7XG4gICAgICBsYWJlbDogJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkNPTkZJR1VSRV9BQ1RJT05fQ09MVU1OLllFUycsXG4gICAgICB2YWx1ZTogdHJ1ZSxcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAnT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQ09ORklHVVJFX0FDVElPTl9DT0xVTU4uTk8nLFxuICAgICAgdmFsdWU6IGZhbHNlLFxuICAgIH0sXG4gIF1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBvbmVudFN0YXRlQ2hhbmdlZC5lbWl0KHtcbiAgICAgIGFjdGlvbkNvbHVtbkNvbmZpZzoge1xuICAgICAgICBmcm96ZW46IHRoaXMuZnJvemVuQWN0aW9uQ29sdW1uLFxuICAgICAgICBwb3NpdGlvbjogdGhpcy5hY3Rpb25Db2x1bW5Qb3NpdGlvbixcbiAgICAgIH0sXG4gICAgICBkaXNwbGF5ZWRDb2x1bW5zOiB0aGlzLmRpc3BsYXllZENvbHVtbnMsXG4gICAgfSlcbiAgfVxuXG4gIG9uT3BlbkN1c3RvbUdyb3VwQ29sdW1uU2VsZWN0aW9uRGlhbG9nQ2xpY2soKSB7XG4gICAgdGhpcy5kaXNwbGF5ZWRDb2x1bW5zTW9kZWwgPSBbLi4udGhpcy5kaXNwbGF5ZWRDb2x1bW5zXVxuICAgIHRoaXMuaGlkZGVuQ29sdW1uc01vZGVsID0gdGhpcy5jb2x1bW5zLmZpbHRlcihcbiAgICAgIChjb2x1bW4pID0+ICF0aGlzLmRpc3BsYXllZENvbHVtbnNNb2RlbC5tYXAoKGMpID0+IGMuaWQpLmluY2x1ZGVzKGNvbHVtbi5pZClcbiAgICApXG4gICAgdGhpcy5mcm96ZW5BY3Rpb25Db2x1bW5Nb2RlbCA9IHRoaXMuZnJvemVuQWN0aW9uQ29sdW1uXG4gICAgdGhpcy5hY3Rpb25Db2x1bW5Qb3NpdGlvbk1vZGVsID0gdGhpcy5hY3Rpb25Db2x1bW5Qb3NpdGlvblxuICAgIHRoaXMudmlzaWJsZSA9IHRydWVcbiAgfVxuXG4gIG9uU2F2ZUNsaWNrKCkge1xuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlXG4gICAgY29uc3QgY29sSWRzQmVmb3JlID0gdGhpcy5kaXNwbGF5ZWRDb2x1bW5zLm1hcCgoY29sdW1uKSA9PiBjb2x1bW4uaWQpXG4gICAgY29uc3QgY29sSWRzQWZ0ZXIgPSB0aGlzLmRpc3BsYXllZENvbHVtbnNNb2RlbC5tYXAoKGNvbHVtbikgPT4gY29sdW1uLmlkKVxuXG4gICAgaWYgKCFjb2xJZHNBZnRlci5ldmVyeSgoY29sSWQsIGkpID0+IGNvbElkID09PSBjb2xJZHNCZWZvcmVbaV0pIHx8IGNvbElkc0FmdGVyLmxlbmd0aCAhPSBjb2xJZHNCZWZvcmUubGVuZ3RoKSB7XG4gICAgICB0aGlzLmNvbHVtblNlbGVjdGlvbkNoYW5nZWQuZW1pdCh7IGFjdGl2ZUNvbHVtbnM6IFsuLi50aGlzLmRpc3BsYXllZENvbHVtbnNNb2RlbF0gfSlcbiAgICAgIHRoaXMuY29tcG9uZW50U3RhdGVDaGFuZ2VkLmVtaXQoe1xuICAgICAgICBkaXNwbGF5ZWRDb2x1bW5zOiBbLi4udGhpcy5kaXNwbGF5ZWRDb2x1bW5zTW9kZWxdLFxuICAgICAgfSlcbiAgICB9XG5cbiAgICBpZiAoXG4gICAgICB0aGlzLmZyb3plbkFjdGlvbkNvbHVtbiAhPSB0aGlzLmZyb3plbkFjdGlvbkNvbHVtbk1vZGVsIHx8XG4gICAgICB0aGlzLmFjdGlvbkNvbHVtblBvc2l0aW9uICE9IHRoaXMuYWN0aW9uQ29sdW1uUG9zaXRpb25Nb2RlbFxuICAgICkge1xuICAgICAgdGhpcy5hY3Rpb25Db2x1bW5Db25maWdDaGFuZ2VkLmVtaXQoe1xuICAgICAgICBmcm96ZW5BY3Rpb25Db2x1bW46IHRoaXMuZnJvemVuQWN0aW9uQ29sdW1uTW9kZWwsXG4gICAgICAgIGFjdGlvbkNvbHVtblBvc2l0aW9uOiB0aGlzLmFjdGlvbkNvbHVtblBvc2l0aW9uTW9kZWwsXG4gICAgICB9KVxuICAgICAgdGhpcy5jb21wb25lbnRTdGF0ZUNoYW5nZWQuZW1pdCh7XG4gICAgICAgIGRpc3BsYXllZENvbHVtbnM6IFsuLi50aGlzLmRpc3BsYXllZENvbHVtbnNNb2RlbF0sXG4gICAgICAgIGFjdGlvbkNvbHVtbkNvbmZpZzoge1xuICAgICAgICAgIGZyb3plbjogdGhpcy5mcm96ZW5BY3Rpb25Db2x1bW5Nb2RlbCxcbiAgICAgICAgICBwb3NpdGlvbjogdGhpcy5hY3Rpb25Db2x1bW5Qb3NpdGlvbk1vZGVsLFxuICAgICAgICB9LFxuICAgICAgICBhY3RpdmVDb2x1bW5Hcm91cEtleTogdGhpcy5jdXN0b21Hcm91cEtleSxcbiAgICAgIH0pXG4gICAgfVxuICB9XG5cbiAgb25DYW5jZWxDbGljaygpIHtcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZVxuICB9XG59XG4iLCI8cC1idXR0b25cbiAgaWQ9XCJjdXN0b21Hcm91cENvbHVtblNlbGVjdG9yQnV0dG9uXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIChvbkNsaWNrKT1cIm9uT3BlbkN1c3RvbUdyb3VwQ29sdW1uU2VsZWN0aW9uRGlhbG9nQ2xpY2soKVwiXG4gIFtwVG9vbHRpcF09XCJvcGVuQnV0dG9uVGl0bGUgfHwgKG9wZW5CdXR0b25UaXRsZUtleSB8IHRyYW5zbGF0ZSkgfHwgKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5PUEVOX0JVVFRPTl9ERVRBSUwnIHwgdHJhbnNsYXRlKVwiXG4gIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXG4gIGljb249XCJwaSBwaS1jb2dcIlxuICBzdHlsZUNsYXNzPVwicC1idXR0b25cIlxuICBbYXJpYUxhYmVsXT1cIihvcGVuQnV0dG9uQXJpYUxhYmVsS2V5ID8gKG9wZW5CdXR0b25BcmlhTGFiZWxLZXkgfCB0cmFuc2xhdGUpIDogb3BlbkJ1dHRvbkFyaWFMYWJlbCkgfHwgb3BlbkJ1dHRvblRpdGxlIHx8ICgnT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuT1BFTl9CVVRUT05fREVUQUlMJyB8IHRyYW5zbGF0ZSlcIlxuICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cInZpc2libGUgPyAnY3VzdG9tR3JvdXBDb2x1bW5TZWxlY3RvckRpYWxvZycgOiBudWxsXCJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJ2aXNpYmxlID8gdHJ1ZSA6IGZhbHNlXCJcbj48L3AtYnV0dG9uPlxuXG48cC1kaWFsb2dcbiAgI2RpYWxvZ1xuICBpZD1cImN1c3RvbUdyb3VwQ29sdW1uU2VsZWN0b3JEaWFsb2dcIlxuICBbKHZpc2libGUpXT1cInZpc2libGVcIlxuICBbc3R5bGVdPVwieyB3aWR0aDogJzcwJScgfVwiXG4gIFttb2RhbF09XCJ0cnVlXCJcbiAgW2Nsb3NlQXJpYUxhYmVsXT1cIignT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQVJJQV9MQUJFTFMuQ0xPU0UnIHwgdHJhbnNsYXRlKVwiXG4+XG4gIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cbiAgICA8c3BhbiBbaWRdPVwiZGlhbG9nLmFyaWFMYWJlbGxlZEJ5XCIgY2xhc3M9XCJ0ZXh0LXhsIGZvbnQtYm9sZFwiXG4gICAgICA+e3sgZGlhbG9nVGl0bGUgfHwgKGRpYWxvZ1RpdGxlS2V5IHwgdHJhbnNsYXRlKSB8fCAoJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkRJQUxPR19USVRMRScgfCB0cmFuc2xhdGUpXG4gICAgICB9fTwvc3BhblxuICAgID5cbiAgPC9uZy10ZW1wbGF0ZT5cblxuICA8cC1waWNrTGlzdFxuICAgIFtzb3VyY2VdPVwiZGlzcGxheWVkQ29sdW1uc01vZGVsXCJcbiAgICBbdGFyZ2V0XT1cImhpZGRlbkNvbHVtbnNNb2RlbFwiXG4gICAgW3NvdXJjZUhlYWRlcl09XCJhY3RpdmVDb2x1bW5zTGFiZWwgfHwgKGFjdGl2ZUNvbHVtbnNMYWJlbEtleSB8IHRyYW5zbGF0ZSkgfHwgKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5BQ1RJVkVfQ09MVU1OU19MQUJFTCcgfCB0cmFuc2xhdGUpXCJcbiAgICBbdGFyZ2V0SGVhZGVyXT1cImluYWN0aXZlQ29sdW1uc0xhYmVsIHx8IChpbmFjdGl2ZUNvbHVtbnNMYWJlbEtleSB8IHRyYW5zbGF0ZSkgfHwgKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5JTkFDVElWRV9DT0xVTU5TX0xBQkVMJyB8IHRyYW5zbGF0ZSlcIlxuICAgIFtkcmFnZHJvcF09XCJ0cnVlXCJcbiAgICBbcmVzcG9uc2l2ZV09XCJmYWxzZVwiXG4gICAgW3NvdXJjZVN0eWxlXT1cInsgaGVpZ2h0OiAnMzAwcHgnIH1cIlxuICAgIFt0YXJnZXRTdHlsZV09XCJ7IGhlaWdodDogJzMwMHB4JyB9XCJcbiAgICBbdXBCdXR0b25BcmlhTGFiZWxdPVwiKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5BUklBX0xBQkVMUy5VUCcgfCB0cmFuc2xhdGUpXCJcbiAgICBbdG9wQnV0dG9uQXJpYUxhYmVsXT1cIignT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQVJJQV9MQUJFTFMuVE9QJyB8IHRyYW5zbGF0ZSlcIlxuICAgIFtkb3duQnV0dG9uQXJpYUxhYmVsXT1cIignT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQVJJQV9MQUJFTFMuRE9XTicgfCB0cmFuc2xhdGUpXCJcbiAgICBbYm90dG9tQnV0dG9uQXJpYUxhYmVsXT1cIignT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQVJJQV9MQUJFTFMuQk9UVE9NJyB8IHRyYW5zbGF0ZSlcIlxuICAgIFtyaWdodEJ1dHRvbkFyaWFMYWJlbF09XCIoJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkFSSUFfTEFCRUxTLlJJR0hUJyB8IHRyYW5zbGF0ZSlcIlxuICAgIFthbGxSaWdodEJ1dHRvbkFyaWFMYWJlbF09XCIoJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkFSSUFfTEFCRUxTLkFMTF9SSUdIVCcgfCB0cmFuc2xhdGUpXCJcbiAgICBbbGVmdEJ1dHRvbkFyaWFMYWJlbF09XCIoJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkFSSUFfTEFCRUxTLkxFRlQnIHwgdHJhbnNsYXRlKVwiXG4gICAgW2FsbExlZnRCdXR0b25BcmlhTGFiZWxdPVwiKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5BUklBX0xBQkVMUy5BTExfTEVGVCcgfCB0cmFuc2xhdGUpXCJcbiAgPlxuICAgIDxuZy10ZW1wbGF0ZSBsZXQtaXRlbSBwVGVtcGxhdGU9XCJpdGVtXCI+XG4gICAgICA8ZGl2Pnt7IGl0ZW0ubmFtZUtleSB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC1waWNrTGlzdD5cblxuICA8ZGl2IGNsYXNzPVwicHQtNFwiPlxuICAgIDxwIGNsYXNzPVwidGV4dC14bCBmb250LWJvbGRcIj57eydPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5DT05GSUdVUkVfQUNUSU9OX0NPTFVNTi5USVRMRScgfCB0cmFuc2xhdGV9fTwvcD5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtNiBweC0zXCI+XG4gICAgICA8ZGl2PlxuICAgICAgICA8cCBjbGFzcz1cIm1iLTFcIj57eydPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5DT05GSUdVUkVfQUNUSU9OX0NPTFVNTi5GUkVFWkUnIHwgdHJhbnNsYXRlfX08L3A+XG4gICAgICAgIDxwLXNlbGVjdEJ1dHRvblxuICAgICAgICAgIFtvcHRpb25zXT1cImZyb3plbk9wdGlvbnNcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiZnJvemVuQWN0aW9uQ29sdW1uTW9kZWxcIlxuICAgICAgICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgICAgICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIlxuICAgICAgICAgIGlkPVwiZnJvemVuQWN0aW9uQ29sdW1uXCJcbiAgICAgICAgICBuYW1lPVwiZnJvemVuLWFjdGlvbi1jb2x1bW4tc2VsZWN0LWJ1dHRvblwiXG4gICAgICAgID5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgbGV0LW9wdGlvbiBwVGVtcGxhdGU+XG4gICAgICAgICAgICA8bGFiZWwgaWQ9XCJ7e29wdGlvbi5sYWJlbH19XCI+e3tvcHRpb24ubGFiZWwgfCB0cmFuc2xhdGV9fTwvbGFiZWw+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9wLXNlbGVjdEJ1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPHAgY2xhc3M9XCJtYi0xXCI+e3snT0NYX0NVU1RPTV9HUk9VUF9DT0xVTU5fU0VMRUNUT1IuQ09ORklHVVJFX0FDVElPTl9DT0xVTU4uUE9TSVRJT04nIHwgdHJhbnNsYXRlfX08L3A+XG4gICAgICAgIDxwLXNlbGVjdEJ1dHRvblxuICAgICAgICAgIFtvcHRpb25zXT1cImFsaWdubWVudE9wdGlvbnNcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiYWN0aW9uQ29sdW1uUG9zaXRpb25Nb2RlbFwiXG4gICAgICAgICAgb3B0aW9uTGFiZWw9XCJsYWJlbFwiXG4gICAgICAgICAgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiXG4gICAgICAgICAgaWQ9XCJhY3Rpb25Db2x1bW5Qb3NpdGlvblwiXG4gICAgICAgICAgY2xhc3M9XCJtdC0yXCJcbiAgICAgICAgICBuYW1lPVwiYWN0aW9uLWNvbHVtbi1wb3NpdGlvbi1zZWxlY3QtYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtb3B0aW9uIHBUZW1wbGF0ZT5cbiAgICAgICAgICAgIDxsYWJlbCBpZD1cInt7b3B0aW9uLmxhYmVsfX1cIj57e29wdGlvbi5sYWJlbCB8IHRyYW5zbGF0ZX19PC9sYWJlbD5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L3Atc2VsZWN0QnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJmb290ZXJcIj5cbiAgICA8cC1idXR0b25cbiAgICAgIGlkPVwiY2FuY2VsQnV0dG9uXCJcbiAgICAgIChvbkNsaWNrKT1cIm9uQ2FuY2VsQ2xpY2soKVwiXG4gICAgICBbbGFiZWxdPVwiY2FuY2VsQnV0dG9uTGFiZWwgfHwgKGNhbmNlbEJ1dHRvbkxhYmVsS2V5IHwgdHJhbnNsYXRlKSB8fCAoJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkNBTkNFTF9CVVRUT05fTEFCRUwnIHwgdHJhbnNsYXRlKVwiXG4gICAgICBzdHlsZUNsYXNzPVwicC1idXR0b25cIlxuICAgICAgW2FyaWFMYWJlbF09XCJjYW5jZWxCdXR0b25MYWJlbCB8fCAoJ09DWF9DVVNUT01fR1JPVVBfQ09MVU1OX1NFTEVDVE9SLkNBTkNFTF9CVVRUT05fQVJJQV9MQUJFTCcgfCB0cmFuc2xhdGUpXCJcbiAgICA+PC9wLWJ1dHRvbj5cbiAgICA8cC1idXR0b25cbiAgICAgIGlkPVwic2F2ZUJ1dHRvblwiXG4gICAgICAob25DbGljayk9XCJvblNhdmVDbGljaygpXCJcbiAgICAgIFtsYWJlbF09XCJzYXZlQnV0dG9uTGFiZWwgfHwgKHNhdmVCdXR0b25MYWJlbEtleSB8IHRyYW5zbGF0ZSkgfHwgKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5TQVZFX0JVVFRPTl9MQUJFTCcgfCB0cmFuc2xhdGUpXCJcbiAgICAgIFthcmlhTGFiZWxdPVwic2F2ZUJ1dHRvbkFyaWFMYWJlbEtleSB8fCAoc2F2ZUJ1dHRvbkFyaWFMYWJlbEtleSB8IHRyYW5zbGF0ZSkgfHwgKCdPQ1hfQ1VTVE9NX0dST1VQX0NPTFVNTl9TRUxFQ1RPUi5TQVZFX0JVVFRPTl9BUklBX0xBQkVMJyB8IHRyYW5zbGF0ZSlcIlxuICAgID48L3AtYnV0dG9uPlxuICA8L25nLXRlbXBsYXRlPlxuPC9wLWRpYWxvZz5cbiJdfQ==

package/esm2022/lib/components/data-layout-selection/data-layout-selection.component.mjs

@@ -1,73 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { PrimeIcons } from 'primeng/api';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "primeng/tooltip";
-import * as i3 from "primeng/api";
-import * as i4 from "primeng/selectbutton";
-import * as i5 from "@angular/forms";
-import * as i6 from "@ngx-translate/core";
-const ALL_VIEW_LAYOUTS = [
-    {
-        id: 'ocx-data-layout-selection-list',
-        icon: PrimeIcons.LIST,
-        layout: 'list',
-        tooltipKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.LIST',
-        labelKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.LIST',
-    },
-    {
-        id: 'ocx-data-layout-selection-grid',
-        icon: PrimeIcons.TH_LARGE,
-        layout: 'grid',
-        tooltipKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.GRID',
-        labelKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.GRID',
-    },
-    {
-        id: 'ocx-data-layout-selection-table',
-        icon: PrimeIcons.TABLE,
-        layout: 'table',
-        tooltipKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.TABLE',
-        labelKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.TABLE',
-    },
-];
-export class DataLayoutSelectionComponent {
-    constructor() {
-        this.supportedViewLayouts = [];
-        this.dataViewLayoutChange = new EventEmitter();
-        this.componentStateChanged = new EventEmitter();
-        this.viewingLayouts = [];
-    }
-    set layout(value) {
-        this.selectedViewLayout = ALL_VIEW_LAYOUTS.find((v) => v.layout === value);
-    }
-    get layout() {
-        return this.selectedViewLayout?.layout || 'table';
-    }
-    ngOnInit() {
-        this.viewingLayouts = ALL_VIEW_LAYOUTS.filter((vl) => this.supportedViewLayouts.includes(vl.layout));
-        this.componentStateChanged.emit({
-            layout: this.layout,
-        });
-    }
-    onDataViewLayoutChange(event) {
-        this.dataViewLayoutChange.emit(event.layout);
-        this.componentStateChanged.emit({
-            layout: event.layout,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataLayoutSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataLayoutSelectionComponent, selector: "ocx-data-layout-selection", inputs: { supportedViewLayouts: "supportedViewLayouts", layout: "layout" }, outputs: { dataViewLayoutChange: "dataViewLayoutChange", componentStateChanged: "componentStateChanged" }, ngImport: i0, template: "<div class=\"flex flex-wrap justify-content-between align-items-center py-1 gap-2\">\n  <p-selectButton\n    *ngIf=\"viewingLayouts.length > 1\"\n    [options]=\"viewingLayouts\"\n    [(ngModel)]=\"selectedViewLayout\"\n    optionLabel=\"id\"\n    (onChange)=\"onDataViewLayoutChange($event.value)\"\n  >\n    <ng-template let-item pTemplate>\n      <i [class]=\"item.icon\" [pTooltip]=\"item.tooltip || (item.tooltipKey | translate)\" tooltipPosition=\"top\"></i>\n      <label style=\"display: none\" id=\"{{item.id}}\">{{item.labelKey | translate}}</label>\n    </ng-template>\n  </p-selectButton>\n</div>\n", styles: ["::ng-deep .p-buttonset .p-button{min-width:auto}::ng-deep .p-buttonset{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataLayoutSelectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ocx-data-layout-selection', template: "<div class=\"flex flex-wrap justify-content-between align-items-center py-1 gap-2\">\n  <p-selectButton\n    *ngIf=\"viewingLayouts.length > 1\"\n    [options]=\"viewingLayouts\"\n    [(ngModel)]=\"selectedViewLayout\"\n    optionLabel=\"id\"\n    (onChange)=\"onDataViewLayoutChange($event.value)\"\n  >\n    <ng-template let-item pTemplate>\n      <i [class]=\"item.icon\" [pTooltip]=\"item.tooltip || (item.tooltipKey | translate)\" tooltipPosition=\"top\"></i>\n      <label style=\"display: none\" id=\"{{item.id}}\">{{item.labelKey | translate}}</label>\n    </ng-template>\n  </p-selectButton>\n</div>\n", styles: ["::ng-deep .p-buttonset .p-button{min-width:auto}::ng-deep .p-buttonset{display:flex}\n"] }]
-        }], propDecorators: { supportedViewLayouts: [{
-                type: Input
-            }], layout: [{
-                type: Input
-            }], dataViewLayoutChange: [{
-                type: Output
-            }], componentStateChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1sYXlvdXQtc2VsZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1hY2NlbGVyYXRvci9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS1sYXlvdXQtc2VsZWN0aW9uL2RhdGEtbGF5b3V0LXNlbGVjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjZWxlcmF0b3Ivc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtbGF5b3V0LXNlbGVjdGlvbi9kYXRhLWxheW91dC1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUM5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sYUFBYSxDQUFBOzs7Ozs7OztBQWF4QyxNQUFNLGdCQUFnQixHQUFxQjtJQUN6QztRQUNFLEVBQUUsRUFBRSxnQ0FBZ0M7UUFDcEMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxJQUFJO1FBQ3JCLE1BQU0sRUFBRSxNQUFNO1FBQ2QsVUFBVSxFQUFFLHVDQUF1QztRQUNuRCxRQUFRLEVBQUUsdUNBQXVDO0tBQ2xEO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsZ0NBQWdDO1FBQ3BDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUTtRQUN6QixNQUFNLEVBQUUsTUFBTTtRQUNkLFVBQVUsRUFBRSx1Q0FBdUM7UUFDbkQsUUFBUSxFQUFFLHVDQUF1QztLQUNsRDtJQUNEO1FBQ0UsRUFBRSxFQUFFLGlDQUFpQztRQUNyQyxJQUFJLEVBQUUsVUFBVSxDQUFDLEtBQUs7UUFDdEIsTUFBTSxFQUFFLE9BQU87UUFDZixVQUFVLEVBQUUsd0NBQXdDO1FBQ3BELFFBQVEsRUFBRSx3Q0FBd0M7S0FDbkQ7Q0FDRixDQUFBO0FBVUQsTUFBTSxPQUFPLDRCQUE0QjtJQUx6QztRQU1XLHlCQUFvQixHQUFrQixFQUFFLENBQUE7UUFTdkMseUJBQW9CLEdBQTRDLElBQUksWUFBWSxFQUFFLENBQUE7UUFDbEYsMEJBQXFCLEdBQW9ELElBQUksWUFBWSxFQUFFLENBQUE7UUFFckcsbUJBQWMsR0FBcUIsRUFBRSxDQUFBO0tBZ0J0QztJQTNCQyxJQUNJLE1BQU0sQ0FBQyxLQUFnQztRQUN6QyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxDQUFBO0lBQzVFLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxNQUFNLElBQUksT0FBTyxDQUFBO0lBQ25ELENBQUM7SUFRRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFDcEcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQztZQUM5QixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07U0FDcEIsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELHNCQUFzQixDQUFDLEtBQTZEO1FBQ2xGLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQzVDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUM7WUFDOUIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNO1NBQ3JCLENBQUMsQ0FBQTtJQUNKLENBQUM7K0dBNUJVLDRCQUE0QjttR0FBNUIsNEJBQTRCLHdQQzlDekMsb21CQWNBOzs0RkRnQ2EsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDJCQUEyQjs4QkFLNUIsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUVGLE1BQU07c0JBRFQsS0FBSztnQkFRSSxvQkFBb0I7c0JBQTdCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBQcmltZUljb25zIH0gZnJvbSAncHJpbWVuZy9hcGknXG5pbXBvcnQgeyBQcmltZUljb24gfSBmcm9tICcuLi8uLi91dGlscy9wcmltZWljb24udXRpbHMnXG5cbmludGVyZmFjZSBWaWV3aW5nTGF5b3V0cyB7XG4gIGlkOiBzdHJpbmdcbiAgaWNvbjogUHJpbWVJY29uXG4gIGxheW91dDogJ2dyaWQnIHwgJ2xpc3QnIHwgJ3RhYmxlJ1xuICB0b29sdGlwPzogc3RyaW5nXG4gIHRvb2x0aXBLZXk6IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBsYWJlbEtleTogc3RyaW5nXG59XG5cbmNvbnN0IEFMTF9WSUVXX0xBWU9VVFM6IFZpZXdpbmdMYXlvdXRzW10gPSBbXG4gIHtcbiAgICBpZDogJ29jeC1kYXRhLWxheW91dC1zZWxlY3Rpb24tbGlzdCcsXG4gICAgaWNvbjogUHJpbWVJY29ucy5MSVNULFxuICAgIGxheW91dDogJ2xpc3QnLFxuICAgIHRvb2x0aXBLZXk6ICdPQ1hfREFUQV9MQVlPVVRfU0VMRUNUSU9OLkxBWU9VVC5MSVNUJyxcbiAgICBsYWJlbEtleTogJ09DWF9EQVRBX0xBWU9VVF9TRUxFQ1RJT04uTEFZT1VULkxJU1QnLFxuICB9LFxuICB7XG4gICAgaWQ6ICdvY3gtZGF0YS1sYXlvdXQtc2VsZWN0aW9uLWdyaWQnLFxuICAgIGljb246IFByaW1lSWNvbnMuVEhfTEFSR0UsXG4gICAgbGF5b3V0OiAnZ3JpZCcsXG4gICAgdG9vbHRpcEtleTogJ09DWF9EQVRBX0xBWU9VVF9TRUxFQ1RJT04uTEFZT1VULkdSSUQnLFxuICAgIGxhYmVsS2V5OiAnT0NYX0RBVEFfTEFZT1VUX1NFTEVDVElPTi5MQVlPVVQuR1JJRCcsXG4gIH0sXG4gIHtcbiAgICBpZDogJ29jeC1kYXRhLWxheW91dC1zZWxlY3Rpb24tdGFibGUnLFxuICAgIGljb246IFByaW1lSWNvbnMuVEFCTEUsXG4gICAgbGF5b3V0OiAndGFibGUnLFxuICAgIHRvb2x0aXBLZXk6ICdPQ1hfREFUQV9MQVlPVVRfU0VMRUNUSU9OLkxBWU9VVC5UQUJMRScsXG4gICAgbGFiZWxLZXk6ICdPQ1hfREFUQV9MQVlPVVRfU0VMRUNUSU9OLkxBWU9VVC5UQUJMRScsXG4gIH0sXG5dXG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0YUxheW91dFNlbGVjdGlvbkNvbXBvbmVudFN0YXRlIHtcbiAgbGF5b3V0PzogJ2dyaWQnIHwgJ2xpc3QnIHwgJ3RhYmxlJ1xufVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2N4LWRhdGEtbGF5b3V0LXNlbGVjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLWxheW91dC1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhLWxheW91dC1zZWxlY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YUxheW91dFNlbGVjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHN1cHBvcnRlZFZpZXdMYXlvdXRzOiBBcnJheTxzdHJpbmc+ID0gW11cbiAgQElucHV0KClcbiAgc2V0IGxheW91dCh2YWx1ZTogJ2dyaWQnIHwgJ2xpc3QnIHwgJ3RhYmxlJykge1xuICAgIHRoaXMuc2VsZWN0ZWRWaWV3TGF5b3V0ID0gQUxMX1ZJRVdfTEFZT1VUUy5maW5kKCh2KSA9PiB2LmxheW91dCA9PT0gdmFsdWUpXG4gIH1cbiAgZ2V0IGxheW91dCgpOiAnZ3JpZCcgfCAnbGlzdCcgfCAndGFibGUnIHtcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZFZpZXdMYXlvdXQ/LmxheW91dCB8fCAndGFibGUnXG4gIH1cblxuICBAT3V0cHV0KCkgZGF0YVZpZXdMYXlvdXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjwnZ3JpZCcgfCAnbGlzdCcgfCAndGFibGUnPiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuICBAT3V0cHV0KCkgY29tcG9uZW50U3RhdGVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8RGF0YUxheW91dFNlbGVjdGlvbkNvbXBvbmVudFN0YXRlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuXG4gIHZpZXdpbmdMYXlvdXRzOiBWaWV3aW5nTGF5b3V0c1tdID0gW11cbiAgc2VsZWN0ZWRWaWV3TGF5b3V0OiBWaWV3aW5nTGF5b3V0cyB8IHVuZGVmaW5lZFxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudmlld2luZ0xheW91dHMgPSBBTExfVklFV19MQVlPVVRTLmZpbHRlcigodmwpID0+IHRoaXMuc3VwcG9ydGVkVmlld0xheW91dHMuaW5jbHVkZXModmwubGF5b3V0KSlcbiAgICB0aGlzLmNvbXBvbmVudFN0YXRlQ2hhbmdlZC5lbWl0KHtcbiAgICAgIGxheW91dDogdGhpcy5sYXlvdXQsXG4gICAgfSlcbiAgfVxuXG4gIG9uRGF0YVZpZXdMYXlvdXRDaGFuZ2UoZXZlbnQ6IHsgaWNvbjogUHJpbWVJY29uOyBsYXlvdXQ6ICdncmlkJyB8ICdsaXN0JyB8ICd0YWJsZScgfSk6IHZvaWQge1xuICAgIHRoaXMuZGF0YVZpZXdMYXlvdXRDaGFuZ2UuZW1pdChldmVudC5sYXlvdXQpXG4gICAgdGhpcy5jb21wb25lbnRTdGF0ZUNoYW5nZWQuZW1pdCh7XG4gICAgICBsYXlvdXQ6IGV2ZW50LmxheW91dCxcbiAgICB9KVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXdyYXAganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIHB5LTEgZ2FwLTJcIj5cbiAgPHAtc2VsZWN0QnV0dG9uXG4gICAgKm5nSWY9XCJ2aWV3aW5nTGF5b3V0cy5sZW5ndGggPiAxXCJcbiAgICBbb3B0aW9uc109XCJ2aWV3aW5nTGF5b3V0c1wiXG4gICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFZpZXdMYXlvdXRcIlxuICAgIG9wdGlvbkxhYmVsPVwiaWRcIlxuICAgIChvbkNoYW5nZSk9XCJvbkRhdGFWaWV3TGF5b3V0Q2hhbmdlKCRldmVudC52YWx1ZSlcIlxuICA+XG4gICAgPG5nLXRlbXBsYXRlIGxldC1pdGVtIHBUZW1wbGF0ZT5cbiAgICAgIDxpIFtjbGFzc109XCJpdGVtLmljb25cIiBbcFRvb2x0aXBdPVwiaXRlbS50b29sdGlwIHx8IChpdGVtLnRvb2x0aXBLZXkgfCB0cmFuc2xhdGUpXCIgdG9vbHRpcFBvc2l0aW9uPVwidG9wXCI+PC9pPlxuICAgICAgPGxhYmVsIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiIGlkPVwie3tpdGVtLmlkfX1cIj57e2l0ZW0ubGFiZWxLZXkgfCB0cmFuc2xhdGV9fTwvbGFiZWw+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9wLXNlbGVjdEJ1dHRvbj5cbjwvZGl2PlxuIl19