barsa-sap-ui 1.0.456 → 2.0.1

package/esm2022/lib/ulv-form-multi-select/ulv-form-multi-select.component.mjs

@@ -0,0 +1,184 @@
+import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
+import { BaseComponent, BarsaApi } from 'barsa-novin-ray-core';
+import { takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core";
+import * as i2 from "barsa-novin-ray-core";
+import * as i3 from "@fundamental-ngx/core/bar";
+import * as i4 from "@fundamental-ngx/core/content-density";
+import * as i5 from "@fundamental-ngx/core/button";
+import * as i6 from "@fundamental-ngx/core/dialog";
+import * as i7 from "@fundamental-ngx/cdk/utils";
+import * as i8 from "@fundamental-ngx/core/title";
+import * as i9 from "@fundamental-ngx/core/toolbar";
+import * as i10 from "@fundamental-ngx/core/token";
+import * as i11 from "../ui-ulv-main-ui/ui-ulv-main-ui.component";
+import * as i12 from "../fullscreen-dialog.directive";
+export class UlvFormMultiSelectComponent extends BaseComponent {
+    constructor(_dialogService, _bbbTranslatePipe, _portalService, _contentDensityService) {
+        super();
+        this._dialogService = _dialogService;
+        this._bbbTranslatePipe = _bbbTranslatePipe;
+        /* eslint-disable */
+        this.Show = (adapter, config) => {
+            const largeScreen = this.deviceSize === 'l' || this.deviceSize === 'xl';
+            const dialogConfig = {
+                data: { ...config, adapter },
+                escKeyCloseable: false,
+                dialogPanelClass: `ulv-selection-form-dialog ${this.deviceSize ? 'ulv-selection-form-dialog-mobile' : ''}`,
+                verticalPadding: false
+            };
+            if (largeScreen) {
+                dialogConfig.width = '50vw';
+                dialogConfig.height = 'auto';
+                dialogConfig.minWidth = '400';
+                dialogConfig.minHeight = '60vh';
+            }
+            else {
+                dialogConfig.mobile = true;
+                dialogConfig.fullScreen = true;
+            }
+            if (adapter.HideOkCancelButtons) {
+                dialogConfig.fullScreen = true;
+            }
+            const dialogRef = this._dialogService.open(this.dialogContainer, dialogConfig);
+            dialogRef.loading(config.IsLoaded === true ? false : true); // means ulv is loaded and it does not show loading in dialog
+            dialogRef.mask = (val) => {
+                dialogRef.loading(val);
+            };
+            dialogRef.AddUlvToWindow = (ulvControl1, ulvControl2) => {
+                dialogRef.loading(false);
+                const selectFormTitleText = this._bbbTranslatePipe.transform('SelectFormTitle');
+                dialogRef.data.title =
+                    ulvControl1.Setting.Extra?.ExtraJsonPropReport?.Title === false
+                        ? ''
+                        : selectFormTitleText.replace('{0}', ulvControl1.Setting.Extra.Report.TypeDefCaption);
+                dialogRef.data.ulv1 = ulvControl1;
+                if (ulvControl1.viewerControl) {
+                    this._handleUlvViewerEvent(ulvControl1, adapter, dialogRef);
+                }
+                else {
+                    ulvControl1.on({
+                        ViewerControlChanged: () => {
+                            this._handleUlvViewerEvent(ulvControl1, adapter, dialogRef);
+                        }
+                    });
+                }
+                if (ulvControl2) {
+                    dialogRef.data.ulv2 = ulvControl2;
+                    dialogRef.data.selectedItems = ulvControl2.Setting.Data;
+                }
+            };
+            return dialogRef;
+            /* eslint-disable */
+        };
+        this.contentDensity$ = _contentDensityService.contentDensity;
+        BarsaApi.Bw.UlvFormMultiSelect = this;
+        _portalService.deviceSize$.pipe(takeUntil(this._onDestroy$)).subscribe((c) => {
+            this.deviceSize = c;
+        });
+    }
+    _handleUlvViewerEvent(ulvControl1, adapter, dialogRef) {
+        ulvControl1.viewerControl.ShowOkCancelButtons = adapter.ShowOkCancelButtons;
+        ulvControl1.viewerControl.on({
+            /* eslint-disable */
+            rowselect: (sender, index, mo) => {
+                this._addItem(dialogRef, mo);
+            },
+            /* eslint-disable */
+            rowdeselect: (sender, index, mo) => {
+                this._removeItem(dialogRef, mo);
+            },
+            rowSelectAll: () => {
+                ulvControl1.Setting.Data.MoDataList.forEach((mo) => {
+                    this._addItem(dialogRef, mo);
+                });
+            },
+            rowDeSelectAll: () => {
+                ulvControl1.Setting.Data.MoDataList.forEach((mo) => {
+                    this._removeItem(dialogRef, mo);
+                });
+            }
+        });
+    }
+    onOk(dialogRef) {
+        const { ulv, ulv2 } = this._getUlv(dialogRef);
+        // if (ulv) {
+        //     if (ulv2) {
+        //         const adapter = dialogRef.data.adapter;
+        //         adapter.fireEvent('AddRemoveButtonClick', adapter, 'Add');
+        //     }
+        // }
+        this._btnClick(ulv, 'Ok');
+    }
+    _getUlv(dialogRef) {
+        const ulv2 = dialogRef.data.ulv2;
+        const ulv1 = dialogRef.data.ulv1;
+        const ulv = ulv2 || ulv1;
+        return { ulv, ulv2 };
+    }
+    _btnClick(ulv, btnKey) {
+        const okBtn = ulv.buttons.find((c) => c.Key === btnKey);
+        const scope = okBtn.scope;
+        okBtn.handler.bind(scope)(okBtn);
+    }
+    onCancel(dialogRef) {
+        if (!dialogRef.data.adapter?.ShowOkCancelButtons) {
+            dialogRef.dismiss();
+            return;
+        }
+        const { ulv, ulv2 } = this._getUlv(dialogRef);
+        this._btnClick(ulv, 'Cancel');
+    }
+    onClear(dialogRef) {
+        dialogRef.data.ulv1.viewerControl.fireEvent('ClearAllSelected');
+        dialogRef.data.selectedItems.MoDataList = [];
+    }
+    onRemoveSelected(dialogRef, item) {
+        this._removeItem(dialogRef, item);
+    }
+    _removeItem(dialogRef, mo) {
+        const selectedItems = dialogRef.data.selectedItems;
+        if (!selectedItems) {
+            return;
+        }
+        selectedItems.MoDataList = selectedItems.MoDataList.filter((c) => c.Id !== mo.Id);
+        dialogRef.data.ulv1.viewerControl.fireEvent('DeselectRowInDialog', [mo]);
+        if (dialogRef.data.ulv2) {
+            const adapter = dialogRef.data.adapter;
+            adapter.fireEvent('AddRemoveButtonClick', adapter, 'Remove');
+        }
+        // const adapter = dialogRef.data.adapter;
+        // adapter.fireEvent('AddRemoveButtonClick', adapter, 'Remove');
+    }
+    _addItem(dialogRef, mo) {
+        const selectedItems = dialogRef.data.selectedItems;
+        if (!selectedItems) {
+            return;
+        }
+        if (!selectedItems.MoDataList.find((c) => c.Id === mo.Id)) {
+            selectedItems.MoDataList = [...selectedItems.MoDataList, mo];
+            if (dialogRef.data.ulv2) {
+                const adapter = dialogRef.data.adapter;
+                adapter.fireEvent('AddRemoveButtonClick', adapter, 'Add');
+            }
+            // const adapter = dialogRef.data.adapter;
+            // adapter.fireEvent('AddRemoveButtonClick', adapter, 'Add');
+        }
+    }
+    _trackBySelectedFn(_index, item) {
+        return item.Id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvFormMultiSelectComponent, deps: [{ token: i1.DialogService }, { token: i2.BbbTranslatePipe }, { token: i2.PortalService }, { token: i1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvFormMultiSelectComponent, selector: "bsu-ulv-form-multi-select", inputs: { Show: "Show" }, viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    @if (!dialogConfig.fullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            @if (dialog.data.ulv1; as ulv1) {\n            <bsu-ui-ulv-main-ui\n                class=\"ulv-form-multi-select\"\n                [context]=\"ulv1\"\n                [inDialog]=\"true\"\n                [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\n                [fullscreen]=\"dialog.data.fullscreen\"\n            ></bsu-ui-ulv-main-ui>\n            } @if (dialog.data.ulv2 && dialog.data.ShowSecondPanel) {\n            <div\n                class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n            >\n                <h5 fd-title class=\"selected-and-condition-title\">\n                    <ng-container>\n                        <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                        ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\n                    </ng-container>\n                </h5>\n                <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                    <div class=\"ulv-selection-form-dialog__tokens\">\n                        @if (dialog.data.selectedItems) {\n                        <fd-toolbar [shouldOverflow]=\"true\">\n                            <!-- Selected items -->\n                            @for ( item of dialog.data.selectedItems.MoDataList; track _trackBySelectedFn(selectedIndex,\n                            item); let selectedIndex = $index) {\n                            <fd-token\n                                fd-toolbar-item\n                                fdOverflowPriority=\"high\"\n                                class=\"fdp-value-help-dialog__selection-token\"\n                                (onCloseClick)=\"onRemoveSelected(dialog, item)\"\n                                >{{ item.$Caption }}\n                            </fd-token>\n                            }\n                        </fd-toolbar>\n                        }\n                    </div>\n                    <button\n                        class=\"ulv-selection-form-dialog__tokens-clear\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"decline\"\n                        [aria-label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClear(dialog)\"\n                    ></button>\n                </div>\n            </div>\n            }\n        </fd-dialog-body>\n\n        @if (dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons) {\n        <fd-dialog-footer>\n            <ng-template fdkTemplate=\"footer\">\n                @if (dialog.data.adapter?.ShowOkCancelButtons !== false) {\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        [compact]=\"true\"\n                        (click)=\"onOk(dialog)\"\n                    ></button>\n                    <button\n                        fd-button\n                        fdCompact\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onCancel(dialog)\"\n                    ></button>\n                </div>\n                }\n            </ng-template>\n        </fd-dialog-footer>\n        }\n    </fd-dialog>\n</ng-template>\n", styles: [".ulv-selection-form-dialog{cursor:default}.ulv-selection-form-dialog .fd-dialog__body bsu-ui-table-view{overflow-x:inherit!important}.ulv-selection-form-dialog__advanced-filters{padding-top:1rem}.ulv-selection-form-dialog__advanced-filters label{height:auto}.ulv-selection-form-dialog__toggle-filters{display:flex;justify-content:flex-end;align-items:flex-end}.ulv-selection-form-dialog__toggle-filters .fd-button{margin-bottom:.25rem}.ulv-selection-form-dialog__advanced-actions{display:flex;align-items:center;justify-content:flex-end}.ulv-selection-form-dialog-mobile .ulv-selection-form-dialog__advanced-actions{justify-content:flex-start}.ulv-selection-form-dialog__advanced-actions .fd-toolbar{padding:0}.ulv-selection-form-dialog fd-dialog-body{height:100%;display:flex;flex-direction:column}.ulv-selection-form-dialog bsu-ui-ulv-main-ui{height:100%;flex-grow:1}.ulv-selection-form-dialog bsu-ui-ulv-main-ui .viewer-container{height:auto;overflow:auto}.ulv-selection-form-dialog .ulv-selection-form-dialog__row{border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9);padding-top:1rem}.ulv-selection-form-dialog bsu-search-panel{border-bottom:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog fd-dialog-footer{height:auto}.ulv-selection-form-dialog .fd-dialog__footer{flex-direction:column}.ulv-selection-form-dialog .fd-dialog__footer.fd-bar{padding:0!important}.ulv-selection-form-dialog .fd-dialog__footer{border-top:none}.ulv-selection-form-dialog__content-holder{padding:0 2rem 1rem;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.ulv-selection-form-dialog__row{padding:0 2rem 1rem}.ulv-selection-form-dialog__row.ulv-selection-form-dialog__selection-row{background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7)}.ulv-selection-form-dialog__tokens-wrapper{display:flex}.ulv-selection-form-dialog__tokens{display:flex;flex:1 1 auto;overflow:hidden;align-items:center;border:1px solid #89919a;border-color:var(--sapContent_ForegroundBorderColor, #89919a);margin-right:.5rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:none}.ulv-selection-form-dialog__tokens fd-toolbar{flex:1 1 auto;overflow:hidden}.ulv-selection-form-dialog__tokens-clear{height:auto;min-width:2rem;padding:.125rem 0;justify-content:center}.ulv-selection-form-dialog__actions-row{padding:.5rem 0;display:flex;align-items:center;justify-content:flex-end;border-top:.0625rem solid #d9d9d9;border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog__actions-row .fd-button{margin-left:.5rem}.ulv-selection-form-dialog__tokens-wrapper{align-items:center}\n"], dependencies: [{ kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "directive", type: i4.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i6.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i6.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i6.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i9.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i10.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: i11.UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: i12.FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvFormMultiSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ulv-form-multi-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    @if (!dialogConfig.fullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            @if (dialog.data.ulv1; as ulv1) {\n            <bsu-ui-ulv-main-ui\n                class=\"ulv-form-multi-select\"\n                [context]=\"ulv1\"\n                [inDialog]=\"true\"\n                [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\n                [fullscreen]=\"dialog.data.fullscreen\"\n            ></bsu-ui-ulv-main-ui>\n            } @if (dialog.data.ulv2 && dialog.data.ShowSecondPanel) {\n            <div\n                class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n            >\n                <h5 fd-title class=\"selected-and-condition-title\">\n                    <ng-container>\n                        <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                        ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\n                    </ng-container>\n                </h5>\n                <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                    <div class=\"ulv-selection-form-dialog__tokens\">\n                        @if (dialog.data.selectedItems) {\n                        <fd-toolbar [shouldOverflow]=\"true\">\n                            <!-- Selected items -->\n                            @for ( item of dialog.data.selectedItems.MoDataList; track _trackBySelectedFn(selectedIndex,\n                            item); let selectedIndex = $index) {\n                            <fd-token\n                                fd-toolbar-item\n                                fdOverflowPriority=\"high\"\n                                class=\"fdp-value-help-dialog__selection-token\"\n                                (onCloseClick)=\"onRemoveSelected(dialog, item)\"\n                                >{{ item.$Caption }}\n                            </fd-token>\n                            }\n                        </fd-toolbar>\n                        }\n                    </div>\n                    <button\n                        class=\"ulv-selection-form-dialog__tokens-clear\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"decline\"\n                        [aria-label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClear(dialog)\"\n                    ></button>\n                </div>\n            </div>\n            }\n        </fd-dialog-body>\n\n        @if (dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons) {\n        <fd-dialog-footer>\n            <ng-template fdkTemplate=\"footer\">\n                @if (dialog.data.adapter?.ShowOkCancelButtons !== false) {\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        [compact]=\"true\"\n                        (click)=\"onOk(dialog)\"\n                    ></button>\n                    <button\n                        fd-button\n                        fdCompact\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onCancel(dialog)\"\n                    ></button>\n                </div>\n                }\n            </ng-template>\n        </fd-dialog-footer>\n        }\n    </fd-dialog>\n</ng-template>\n", styles: [".ulv-selection-form-dialog{cursor:default}.ulv-selection-form-dialog .fd-dialog__body bsu-ui-table-view{overflow-x:inherit!important}.ulv-selection-form-dialog__advanced-filters{padding-top:1rem}.ulv-selection-form-dialog__advanced-filters label{height:auto}.ulv-selection-form-dialog__toggle-filters{display:flex;justify-content:flex-end;align-items:flex-end}.ulv-selection-form-dialog__toggle-filters .fd-button{margin-bottom:.25rem}.ulv-selection-form-dialog__advanced-actions{display:flex;align-items:center;justify-content:flex-end}.ulv-selection-form-dialog-mobile .ulv-selection-form-dialog__advanced-actions{justify-content:flex-start}.ulv-selection-form-dialog__advanced-actions .fd-toolbar{padding:0}.ulv-selection-form-dialog fd-dialog-body{height:100%;display:flex;flex-direction:column}.ulv-selection-form-dialog bsu-ui-ulv-main-ui{height:100%;flex-grow:1}.ulv-selection-form-dialog bsu-ui-ulv-main-ui .viewer-container{height:auto;overflow:auto}.ulv-selection-form-dialog .ulv-selection-form-dialog__row{border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9);padding-top:1rem}.ulv-selection-form-dialog bsu-search-panel{border-bottom:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog fd-dialog-footer{height:auto}.ulv-selection-form-dialog .fd-dialog__footer{flex-direction:column}.ulv-selection-form-dialog .fd-dialog__footer.fd-bar{padding:0!important}.ulv-selection-form-dialog .fd-dialog__footer{border-top:none}.ulv-selection-form-dialog__content-holder{padding:0 2rem 1rem;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.ulv-selection-form-dialog__row{padding:0 2rem 1rem}.ulv-selection-form-dialog__row.ulv-selection-form-dialog__selection-row{background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7)}.ulv-selection-form-dialog__tokens-wrapper{display:flex}.ulv-selection-form-dialog__tokens{display:flex;flex:1 1 auto;overflow:hidden;align-items:center;border:1px solid #89919a;border-color:var(--sapContent_ForegroundBorderColor, #89919a);margin-right:.5rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:none}.ulv-selection-form-dialog__tokens fd-toolbar{flex:1 1 auto;overflow:hidden}.ulv-selection-form-dialog__tokens-clear{height:auto;min-width:2rem;padding:.125rem 0;justify-content:center}.ulv-selection-form-dialog__actions-row{padding:.5rem 0;display:flex;align-items:center;justify-content:flex-end;border-top:.0625rem solid #d9d9d9;border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog__actions-row .fd-button{margin-left:.5rem}.ulv-selection-form-dialog__tokens-wrapper{align-items:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.BbbTranslatePipe }, { type: i2.PortalService }, { type: i1.ContentDensityService }], propDecorators: { dialogContainer: [{
+                type: ViewChild,
+                args: ['container', { read: TemplateRef }]
+            }], Show: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWx2LWZvcm0tbXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL3Vsdi1mb3JtLW11bHRpLXNlbGVjdC91bHYtZm9ybS1tdWx0aS1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWx2LWZvcm0tbXVsdGktc2VsZWN0L3Vsdi1mb3JtLW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXJILE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUF3RCxNQUFNLHNCQUFzQixDQUFDO0FBRXJILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTM0MsTUFBTSxPQUFPLDJCQUE0QixTQUFRLGFBQWE7SUFPMUQsWUFDWSxjQUE2QixFQUM3QixpQkFBbUMsRUFDM0MsY0FBNkIsRUFDN0Isc0JBQTZDO1FBRTdDLEtBQUssRUFBRSxDQUFDO1FBTEEsbUJBQWMsR0FBZCxjQUFjLENBQWU7UUFDN0Isc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFrQjtRQVcvQyxvQkFBb0I7UUFDWCxTQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUU7WUFDaEMsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsS0FBSyxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxJQUFJLENBQUM7WUFDeEUsTUFBTSxZQUFZLEdBQTJCO2dCQUN6QyxJQUFJLEVBQUUsRUFBRSxHQUFHLE1BQU0sRUFBRSxPQUFPLEVBQUU7Z0JB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QUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQW9CcEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250ZW50RGVuc2l0eSwgQ29udGVudERlbnNpdHlTZXJ2aWNlLCBEaWFsb2dSZWYsIERpYWxvZ1NlcnZpY2UgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCwgQmFyc2FBcGksIE1ldGFvYmplY3REYXRhTW9kZWwsIEJiYlRyYW5zbGF0ZVBpcGUsIFBvcnRhbFNlcnZpY2UgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnN1LXVsdi1mb3JtLW11bHRpLXNlbGVjdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Vsdi1mb3JtLW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdWx2LWZvcm0tbXVsdGktc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBVbHZGb3JtTXVsdGlTZWxlY3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcbiAgICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gICAgZGlhbG9nQ29udGFpbmVyOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgZGV2aWNlU2l6ZTogc3RyaW5nO1xuICAgIGNvbnRlbnREZW5zaXR5JDogT2JzZXJ2YWJsZTxDb250ZW50RGVuc2l0eT47XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBfZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBfYmJiVHJhbnNsYXRlUGlwZTogQmJiVHJhbnNsYXRlUGlwZSxcbiAgICAgICAgX3BvcnRhbFNlcnZpY2U6IFBvcnRhbFNlcnZpY2UsXG4gICAgICAgIF9jb250ZW50RGVuc2l0eVNlcnZpY2U6IENvbnRlbnREZW5zaXR5U2VydmljZVxuICAgICkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLmNvbnRlbnREZW5zaXR5JCA9IF9jb250ZW50RGVuc2l0eVNlcnZpY2UuY29udGVudERlbnNpdHk7XG4gICAgICAgIEJhcnNhQXBpLkJ3LlVsdkZvcm1NdWx0aVNlbGVjdCA9IHRoaXM7XG4gICAgICAgIF9wb3J0YWxTZXJ2aWNlLmRldmljZVNpemUkLnBpcGUodGFrZVVudGlsKHRoaXMuX29uRGVzdHJveSQpKS5zdWJzY3JpYmUoKGMpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZGV2aWNlU2l6ZSA9IGM7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICAgIEBJbnB1dCgpIFNob3cgPSAoYWRhcHRlciwgY29uZmlnKSA9PiB7XG4gICAgICAgIGNvbnN0IGxhcmdlU2NyZWVuID0gdGhpcy5kZXZpY2VTaXplID09PSAnbCcgfHwgdGhpcy5kZXZpY2VTaXplID09PSAneGwnO1xuICAgICAgICBjb25zdCBkaWFsb2dDb25maWc6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7XG4gICAgICAgICAgICBkYXRhOiB7IC4uLmNvbmZpZywgYWRhcHRlciB9LFxuICAgICAgICAgICAgZXNjS2V5Q2xvc2VhYmxlOiBmYWxzZSxcbiAgICAgICAgICAgIGRpYWxvZ1BhbmVsQ2xhc3M6IGB1bHYtc2VsZWN0aW9uLWZvcm0tZGlhbG9nICR7dGhpcy5kZXZpY2VTaXplID8gJ3Vsdi1zZWxlY3Rpb24tZm9ybS1kaWFsb2ctbW9iaWxlJyA6ICcnfWAsXG4gICAgICAgICAgICB2ZXJ0aWNhbFBhZGRpbmc6IGZhbHNlXG4gICAgICAgIH07XG4gICAgICAgIGlmIChsYXJnZVNjcmVlbikge1xuICAgICAgICAgICAgZGlhbG9nQ29uZmlnLndpZHRoID0gJzUwdncnO1xuICAgICAgICAgICAgZGlhbG9nQ29uZmlnLmhlaWdodCA9ICdhdXRvJztcbiAgICAgICAgICAgIGRpYWxvZ0NvbmZpZy5taW5XaWR0aCA9ICc0MDAnO1xuICAgICAgICAgICAgZGlhbG9nQ29uZmlnLm1pbkhlaWdodCA9ICc2MHZoJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGRpYWxvZ0NvbmZpZy5tb2JpbGUgPSB0cnVlO1xuICAgICAgICAgICAgZGlhbG9nQ29uZmlnLmZ1bGxTY3JlZW4gPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmIChhZGFwdGVyLkhpZGVPa0NhbmNlbEJ1dHRvbnMpIHtcbiAgICAgICAgICAgIGRpYWxvZ0NvbmZpZy5mdWxsU2NyZWVuID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLl9kaWFsb2dTZXJ2aWNlLm9wZW4odGhpcy5kaWFsb2dDb250YWluZXIsIGRpYWxvZ0NvbmZpZyk7XG4gICAgICAgIGRpYWxvZ1JlZi5sb2FkaW5nKGNvbmZpZy5Jc0xvYWRlZCA9PT0gdHJ1ZSA/IGZhbHNlIDogdHJ1ZSk7IC8vIG1lYW5zIHVsdiBpcyBsb2FkZWQgYW5kIGl0IGRvZXMgbm90IHNob3cgbG9hZGluZyBpbiBkaWFsb2dcbiAgICAgICAgKGRpYWxvZ1JlZiBhcyBhbnkpLm1hc2sgPSAodmFsKSA9PiB7XG4gICAgICAgICAgICBkaWFsb2dSZWYubG9hZGluZyh2YWwpO1xuICAgICAgICB9O1xuICAgICAgICAoZGlhbG9nUmVmIGFzIGFueSkuQWRkVWx2VG9XaW5kb3cgPSAodWx2Q29udHJvbDEsIHVsdkNvbnRyb2wyKSA9PiB7XG4gICAgICAgICAgICBkaWFsb2dSZWYubG9hZGluZyhmYWxzZSk7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RGb3JtVGl0bGVUZXh0ID0gdGhpcy5fYmJiVHJhbnNsYXRlUGlwZS50cmFuc2Zvcm0oJ1NlbGVjdEZvcm1UaXRsZScpO1xuICAgICAgICAgICAgZGlhbG9nUmVmLmRhdGEudGl0bGUgPVxuICAgICAgICAgICAgICAgIHVsdkNvbnRyb2wxLlNldHRpbmcuRXh0cmE/LkV4dHJhSnNvblByb3BSZXBvcnQ/LlRpdGxlID09PSBmYWxzZVxuICAgICAgICAgICAgICAgICAgICA/ICcnXG4gICAgICAgICAgICAgICAgICAgIDogc2VsZWN0Rm9ybVRpdGxlVGV4dC5yZXBsYWNlKCd7MH0nLCB1bHZDb250cm9sMS5TZXR0aW5nLkV4dHJhLlJlcG9ydC5UeXBlRGVmQ2FwdGlvbik7XG4gICAgICAgICAgICBkaWFsb2dSZWYuZGF0YS51bHYxID0gdWx2Q29udHJvbDE7XG4gICAgICAgICAgICBpZiAodWx2Q29udHJvbDEudmlld2VyQ29udHJvbCkge1xuICAgICAgICAgICAgICAgIHRoaXMuX2hhbmRsZVVsdlZpZXdlckV2ZW50KHVsdkNvbnRyb2wxLCBhZGFwdGVyLCBkaWFsb2dSZWYpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB1bHZDb250cm9sMS5vbih7XG4gICAgICAgICAgICAgICAgICAgIFZpZXdlckNvbnRyb2xDaGFuZ2VkOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLl9oYW5kbGVVbHZWaWV3ZXJFdmVudCh1bHZDb250cm9sMSwgYWRhcHRlciwgZGlhbG9nUmVmKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHVsdkNvbnRyb2wyKSB7XG4gICAgICAgICAgICAgICAgZGlhbG9nUmVmLmRhdGEudWx2MiA9IHVsdkNvbnRyb2wyO1xuICAgICAgICAgICAgICAgIGRpYWxvZ1JlZi5kYXRhLnNlbGVjdGVkSXRlbXMgPSB1bHZDb250cm9sMi5TZXR0aW5nLkRhdGE7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiBkaWFsb2dSZWY7XG4gICAgICAgIC8qIGVzbGludC1kaXNhYmxlICovXG4gICAgfTtcblxuICAgIHByaXZhdGUgX2hhbmRsZVVsdlZpZXdlckV2ZW50KHVsdkNvbnRyb2wxOiBhbnksIGFkYXB0ZXI6IGFueSwgZGlhbG9nUmVmOiBEaWFsb2dSZWY8YW55LCBhbnk+KSB7XG4gICAgICAgIHVsdkNvbnRyb2wxLnZpZXdlckNvbnRyb2wuU2hvd09rQ2FuY2VsQnV0dG9ucyA9IGFkYXB0ZXIuU2hvd09rQ2FuY2VsQnV0dG9ucztcbiAgICAgICAgdWx2Q29udHJvbDEudmlld2VyQ29udHJvbC5vbih7XG4gICAgICAgICAgICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICAgICAgICAgICAgcm93c2VsZWN0OiAoc2VuZGVyLCBpbmRleCwgbW8pID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl9hZGRJdGVtKGRpYWxvZ1JlZiwgbW8pO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIC8qIGVzbGludC1kaXNhYmxlICovXG4gICAgICAgICAgICByb3dkZXNlbGVjdDogKHNlbmRlciwgaW5kZXgsIG1vKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5fcmVtb3ZlSXRlbShkaWFsb2dSZWYsIG1vKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICByb3dTZWxlY3RBbGw6ICgpID0+IHtcbiAgICAgICAgICAgICAgICB1bHZDb250cm9sMS5TZXR0aW5nLkRhdGEuTW9EYXRhTGlzdC5mb3JFYWNoKChtbykgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLl9hZGRJdGVtKGRpYWxvZ1JlZiwgbW8pO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHJvd0RlU2VsZWN0QWxsOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdWx2Q29udHJvbDEuU2V0dGluZy5EYXRhLk1vRGF0YUxpc3QuZm9yRWFjaCgobW8pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5fcmVtb3ZlSXRlbShkaWFsb2dSZWYsIG1vKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25PayhkaWFsb2dSZWY6IERpYWxvZ1JlZik6IHZvaWQge1xuICAgICAgICBjb25zdCB7IHVsdiwgdWx2MiB9ID0gdGhpcy5fZ2V0VWx2KGRpYWxvZ1JlZik7XG4gICAgICAgIC8vIGlmICh1bHYpIHtcbiAgICAgICAgLy8gICAgIGlmICh1bHYyKSB7XG4gICAgICAgIC8vICAgICAgICAgY29uc3QgYWRhcHRlciA9IGRpYWxvZ1JlZi5kYXRhLmFkYXB0ZXI7XG4gICAgICAgIC8vICAgICAgICAgYWRhcHRlci5maXJlRXZlbnQoJ0FkZFJlbW92ZUJ1dHRvbkNsaWNrJywgYWRhcHRlciwgJ0FkZCcpO1xuICAgICAgICAvLyAgICAgfVxuICAgICAgICAvLyB9XG4gICAgICAgIHRoaXMuX2J0bkNsaWNrKHVsdiwgJ09rJyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZ2V0VWx2KGRpYWxvZ1JlZjogRGlhbG9nUmVmKTogeyB1bHY6IGFueTsgdWx2MjogYW55IH0ge1xuICAgICAgICBjb25zdCB1bHYyID0gZGlhbG9nUmVmLmRhdGEudWx2MjtcbiAgICAgICAgY29uc3QgdWx2MSA9IGRpYWxvZ1JlZi5kYXRhLnVsdjE7XG4gICAgICAgIGNvbnN0IHVsdiA9IHVsdjIgfHwgdWx2MTtcbiAgICAgICAgcmV0dXJuIHsgdWx2LCB1bHYyIH07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfYnRuQ2xpY2sodWx2OiBhbnksIGJ0bktleTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IG9rQnRuID0gdWx2LmJ1dHRvbnMuZmluZCgoYykgPT4gYy5LZXkgPT09IGJ0bktleSk7XG4gICAgICAgIGNvbnN0IHNjb3BlID0gb2tCdG4uc2NvcGU7XG4gICAgICAgIG9rQnRuLmhhbmRsZXIuYmluZChzY29wZSkob2tCdG4pO1xuICAgIH1cblxuICAgIG9uQ2FuY2VsKGRpYWxvZ1JlZjogRGlhbG9nUmVmKTogdm9pZCB7XG4gICAgICAgIGlmICghZGlhbG9nUmVmLmRhdGEuYWRhcHRlcj8uU2hvd09rQ2FuY2VsQnV0dG9ucykge1xuICAgICAgICAgICAgZGlhbG9nUmVmLmRpc21pc3MoKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCB7IHVsdiwgdWx2MiB9ID0gdGhpcy5fZ2V0VWx2KGRpYWxvZ1JlZik7XG4gICAgICAgIHRoaXMuX2J0bkNsaWNrKHVsdiwgJ0NhbmNlbCcpO1xuICAgIH1cblxuICAgIG9uQ2xlYXIoZGlhbG9nUmVmOiBEaWFsb2dSZWYpOiB2b2lkIHtcbiAgICAgICAgZGlhbG9nUmVmLmRhdGEudWx2MS52aWV3ZXJDb250cm9sLmZpcmVFdmVudCgnQ2xlYXJBbGxTZWxlY3RlZCcpO1xuICAgICAgICBkaWFsb2dSZWYuZGF0YS5zZWxlY3RlZEl0ZW1zLk1vRGF0YUxpc3QgPSBbXTtcbiAgICB9XG5cbiAgICBvblJlbW92ZVNlbGVjdGVkKGRpYWxvZ1JlZjogRGlhbG9nUmVmLCBpdGVtOiBNZXRhb2JqZWN0RGF0YU1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3JlbW92ZUl0ZW0oZGlhbG9nUmVmLCBpdGVtKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgX3JlbW92ZUl0ZW0oZGlhbG9nUmVmOiBEaWFsb2dSZWY8YW55PiwgbW86IGFueSk6IHZvaWQge1xuICAgICAgICBjb25zdCBzZWxlY3RlZEl0ZW1zID0gZGlhbG9nUmVmLmRhdGEuc2VsZWN0ZWRJdGVtcztcbiAgICAgICAgaWYgKCFzZWxlY3RlZEl0ZW1zKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgc2VsZWN0ZWRJdGVtcy5Nb0RhdGFMaXN0ID0gc2VsZWN0ZWRJdGVtcy5Nb0RhdGFMaXN0LmZpbHRlcigoYykgPT4gYy5JZCAhPT0gbW8uSWQpO1xuICAgICAgICBkaWFsb2dSZWYuZGF0YS51bHYxLnZpZXdlckNvbnRyb2wuZmlyZUV2ZW50KCdEZXNlbGVjdFJvd0luRGlhbG9nJywgW21vXSk7XG4gICAgICAgIGlmIChkaWFsb2dSZWYuZGF0YS51bHYyKSB7XG4gICAgICAgICAgICBjb25zdCBhZGFwdGVyID0gZGlhbG9nUmVmLmRhdGEuYWRhcHRlcjtcbiAgICAgICAgICAgIGFkYXB0ZXIuZmlyZUV2ZW50KCdBZGRSZW1vdmVCdXR0b25DbGljaycsIGFkYXB0ZXIsICdSZW1vdmUnKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBjb25zdCBhZGFwdGVyID0gZGlhbG9nUmVmLmRhdGEuYWRhcHRlcjtcbiAgICAgICAgLy8gYWRhcHRlci5maXJlRXZlbnQoJ0FkZFJlbW92ZUJ1dHRvbkNsaWNrJywgYWRhcHRlciwgJ1JlbW92ZScpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBfYWRkSXRlbShkaWFsb2dSZWY6IERpYWxvZ1JlZjxhbnk+LCBtbzogTWV0YW9iamVjdERhdGFNb2RlbCk6IHZvaWQge1xuICAgICAgICBjb25zdCBzZWxlY3RlZEl0ZW1zID0gZGlhbG9nUmVmLmRhdGEuc2VsZWN0ZWRJdGVtcztcbiAgICAgICAgaWYgKCFzZWxlY3RlZEl0ZW1zKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFzZWxlY3RlZEl0ZW1zLk1vRGF0YUxpc3QuZmluZCgoYykgPT4gYy5JZCA9PT0gbW8uSWQpKSB7XG4gICAgICAgICAgICBzZWxlY3RlZEl0ZW1zLk1vRGF0YUxpc3QgPSBbLi4uc2VsZWN0ZWRJdGVtcy5Nb0RhdGFMaXN0LCBtb107XG4gICAgICAgICAgICBpZiAoZGlhbG9nUmVmLmRhdGEudWx2Mikge1xuICAgICAgICAgICAgICAgIGNvbnN0IGFkYXB0ZXIgPSBkaWFsb2dSZWYuZGF0YS5hZGFwdGVyO1xuICAgICAgICAgICAgICAgIGFkYXB0ZXIuZmlyZUV2ZW50KCdBZGRSZW1vdmVCdXR0b25DbGljaycsIGFkYXB0ZXIsICdBZGQnKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gY29uc3QgYWRhcHRlciA9IGRpYWxvZ1JlZi5kYXRhLmFkYXB0ZXI7XG4gICAgICAgICAgICAvLyBhZGFwdGVyLmZpcmVFdmVudCgnQWRkUmVtb3ZlQnV0dG9uQ2xpY2snLCBhZGFwdGVyLCAnQWRkJyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBfdHJhY2tCeVNlbGVjdGVkRm4oX2luZGV4OiBudW1iZXIsIGl0ZW06IE1ldGFvYmplY3REYXRhTW9kZWwpOiBudW1iZXIgfCBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5JZDtcbiAgICB9XG59XG4iLCI8bmctdGVtcGxhdGUgbGV0LWRpYWxvZyBsZXQtZGlhbG9nQ29uZmlnPVwiZGlhbG9nQ29uZmlnXCIgI2NvbnRhaW5lcj5cbiAgICA8ZmQtZGlhbG9nIFtkaWFsb2dDb25maWddPVwiZGlhbG9nQ29uZmlnXCIgW2RpYWxvZ1JlZl09XCJkaWFsb2dcIiAjZGlhbG9nVHBsPlxuICAgICAgICA8ZmQtZGlhbG9nLWhlYWRlcj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBmZGtUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgZmQtYmFyLWxlZnQ+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1iYXItZWxlbWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMSBpZD1cImZkLWRpYWxvZy1oZWFkZXItM1wiIGZkLXRpdGxlPnt7IGRpYWxvZy5kYXRhLnRpdGxlIH19PC9oMT5cbiAgICAgICAgICAgICAgICAgICAgPC9mZC1iYXItZWxlbWVudD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZkLWJhci1yaWdodD5cbiAgICAgICAgICAgICAgICAgICAgQGlmICghZGlhbG9nQ29uZmlnLmZ1bGxzY3JlZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cImZ1bGxzY3JlZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2dseXBoXT1cImRpYWxvZy5kYXRhLmZ1bGxzY3JlZW4gPyAnZXhpdGZ1bGxzY3JlZW4nIDogJ3Jlc2l6ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZnVsbHNjcmVlbkRpYWxvZ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RpYWxvZ109XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Z1bGxzY3JlZW5dPVwiZGlhbG9nLmRhdGEuZnVsbHNjcmVlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoZnVsbHNjcmVlbkNoYW5nZWQpPVwiZGlhbG9nLmRhdGEuZnVsbHNjcmVlbiA9ICRldmVudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlhbG9nQ29tcG9uZW50XT1cImRpYWxvZ1RwbFwiXG4gICAgICAgICAgICAgICAgICAgID48L2ZkLWJ1dHRvbi1iYXI+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXIgYXJpYUxhYmVsPVwiY2xvc2VcIiBnbHlwaD1cImRlY2xpbmVcIiAoY2xpY2spPVwib25DYW5jZWwoZGlhbG9nKVwiPjwvZmQtYnV0dG9uLWJhcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8IS0tIDxoMyBmZC10aXRsZT57eyBkaWFsb2cuZGF0YS50aXRsZSB9fTwvaDM+XG4gICAgICA8YnV0dG9uIGZkLWRpYWxvZy1jbG9zZS1idXR0b24+PC9idXR0b24+IC0tPlxuICAgICAgICA8L2ZkLWRpYWxvZy1oZWFkZXI+XG5cbiAgICAgICAgPGZkLWRpYWxvZy1ib2R5PlxuICAgICAgICAgICAgQGlmIChkaWFsb2cuZGF0YS51bHYxOyBhcyB1bHYxKSB7XG4gICAgICAgICAgICA8YnN1LXVpLXVsdi1tYWluLXVpXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ1bHYtZm9ybS1tdWx0aS1zZWxlY3RcIlxuICAgICAgICAgICAgICAgIFtjb250ZXh0XT1cInVsdjFcIlxuICAgICAgICAgICAgICAgIFtpbkRpYWxvZ109XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbaXNNdWx0aVNlbGVjdF09XCJkaWFsb2cuZGF0YS5TaG93U2Vjb25kUGFuZWxcIlxuICAgICAgICAgICAgICAgIFtmdWxsc2NyZWVuXT1cImRpYWxvZy5kYXRhLmZ1bGxzY3JlZW5cIlxuICAgICAgICAgICAgPjwvYnN1LXVpLXVsdi1tYWluLXVpPlxuICAgICAgICAgICAgfSBAaWYgKGRpYWxvZy5kYXRhLnVsdjIgJiYgZGlhbG9nLmRhdGEuU2hvd1NlY29uZFBhbmVsKSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ1bHYtc2VsZWN0aW9uLWZvcm0tZGlhbG9nX19yb3cgdWx2LXNlbGVjdGlvbi1mb3JtLWRpYWxvZ19fc2VsZWN0aW9uLXJvd1wiXG4gICAgICAgICAgICAgICAgW2FyaWEtbGFiZWxdPVwiJ1NlbGVjdGVkSXRlbXNBbmRDb25kaXRpb25zJyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGg1IGZkLXRpdGxlIGNsYXNzPVwic2VsZWN0ZWQtYW5kLWNvbmRpdGlvbi10aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lcj57eyAnU2VsZWN0ZWRJdGVtc0FuZENvbmRpdGlvbnMnIHwgYmJiVHJhbnNsYXRlIH19IDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgKHt7IGRpYWxvZy5kYXRhLnNlbGVjdGVkSXRlbXM/Lk1vRGF0YUxpc3Q/Lmxlbmd0aCB8fCAwIH19KVxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L2g1PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1bHYtc2VsZWN0aW9uLWZvcm0tZGlhbG9nX190b2tlbnMtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidWx2LXNlbGVjdGlvbi1mb3JtLWRpYWxvZ19fdG9rZW5zXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGRpYWxvZy5kYXRhLnNlbGVjdGVkSXRlbXMpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxmZC10b29sYmFyIFtzaG91bGRPdmVyZmxvd109XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSBTZWxlY3RlZCBpdGVtcyAtLT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAZm9yICggaXRlbSBvZiBkaWFsb2cuZGF0YS5zZWxlY3RlZEl0ZW1zLk1vRGF0YUxpc3Q7IHRyYWNrIF90cmFja0J5U2VsZWN0ZWRGbihzZWxlY3RlZEluZGV4LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0pOyBsZXQgc2VsZWN0ZWRJbmRleCA9ICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC10b2tlblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmZC10b29sYmFyLWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmRPdmVyZmxvd1ByaW9yaXR5PVwiaGlnaFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZmRwLXZhbHVlLWhlbHAtZGlhbG9nX19zZWxlY3Rpb24tdG9rZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25DbG9zZUNsaWNrKT1cIm9uUmVtb3ZlU2VsZWN0ZWQoZGlhbG9nLCBpdGVtKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57eyBpdGVtLiRDYXB0aW9uIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC10b2tlbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLXRvb2xiYXI+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVsdi1zZWxlY3Rpb24tZm9ybS1kaWFsb2dfX3Rva2Vucy1jbGVhclwiXG4gICAgICAgICAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGdseXBoPVwiZGVjbGluZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbYXJpYS1sYWJlbF09XCInQ2xlYXInIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsZWFyKGRpYWxvZylcIlxuICAgICAgICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9mZC1kaWFsb2ctYm9keT5cblxuICAgICAgICBAaWYgKGRpYWxvZy5kYXRhLnVsdjEgJiYgIWRpYWxvZy5kYXRhLnVsdjE/LkhpZGVPa0NhbmNlbEJ1dHRvbnMpIHtcbiAgICAgICAgPGZkLWRpYWxvZy1mb290ZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgZmRrVGVtcGxhdGU9XCJmb290ZXJcIj5cbiAgICAgICAgICAgICAgICBAaWYgKGRpYWxvZy5kYXRhLmFkYXB0ZXI/LlNob3dPa0NhbmNlbEJ1dHRvbnMgIT09IGZhbHNlKSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVsdi1zZWxlY3Rpb24tZm9ybS1kaWFsb2dfX2FjdGlvbnMtcm93XCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1zdWNjZXNcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCInT0snIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZkVHlwZT1cImVtcGhhc2l6ZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbXBhY3RdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25PayhkaWFsb2cpXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIGZkQ29tcGFjdFxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1kaXNtaXNzLWRpYWxvZ1xuICAgICAgICAgICAgICAgICAgICAgICAgZmQtZGlhbG9nLWRlY2lzaXZlLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cIidDYW5jZWwnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtmZFR5cGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DYW5jZWwoZGlhbG9nKVwiXG4gICAgICAgICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2ZkLWRpYWxvZy1mb290ZXI+XG4gICAgICAgIH1cbiAgICA8L2ZkLWRpYWxvZz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/ulv-groupby-settings/ulv-groupby-settings.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { BaseUlvSettingComponent } from 'barsa-novin-ray-core';
+import { UiGridSortSettingComponent } from '../ui-grid-sort-setting/ui-grid-sort-setting.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core";
+import * as i2 from "@fundamental-ngx/core/bar";
+import * as i3 from "@fundamental-ngx/core/button";
+import * as i4 from "@fundamental-ngx/core/dialog";
+import * as i5 from "@fundamental-ngx/cdk/utils";
+import * as i6 from "@fundamental-ngx/core/title";
+import * as i7 from "../ui-grid-sort-setting/ui-grid-sort-setting.component";
+import * as i8 from "barsa-novin-ray-core";
+export class UlvGroupbySettingsComponent extends BaseUlvSettingComponent {
+    constructor(dialogRef) {
+        super();
+        this.dialogRef = dialogRef;
+    }
+    ngOnInit() {
+        this.context = this.dialogRef.data.context;
+        super.ngOnInit();
+    }
+    onReset() {
+        this.sortSettings = this.sortSettings.map((c) => ({ ...c, IsGrouped: false }));
+    }
+    getSettings() {
+        const sortSetting = this.ulvSortSetting.getSettings();
+        const settings = super.getSettings();
+        settings.SortSettingList = sortSetting;
+        return settings;
+    }
+    close(setting = null) {
+        this.dialogRef.close(setting);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvGroupbySettingsComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UlvGroupbySettingsComponent, selector: "bsu-ulv-groupby-settings", viewQueries: [{ propertyName: "ulvSortSetting", first: true, predicate: UiGridSortSettingComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdkTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [showGroups]=\"true\"\r\n        ></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7.UiGridSortSettingComponent, selector: "bsu-ui-grid-sort-setting", inputs: ["showGroups", "columns", "sortSettings"], outputs: ["changeSetting"] }, { kind: "pipe", type: i8.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvGroupbySettingsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ulv-groupby-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdkTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [showGroups]=\"true\"\r\n        ></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.DialogRef }], propDecorators: { ulvSortSetting: [{
+                type: ViewChild,
+                args: [UiGridSortSettingComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWx2LWdyb3VwYnktc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWx2LWdyb3VwYnktc2V0dGluZ3MvdWx2LWdyb3VwYnktc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWx2LWdyb3VwYnktc2V0dGluZ3MvdWx2LWdyb3VwYnktc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdEYsT0FBTyxFQUFFLHVCQUF1QixFQUFlLE1BQU0sc0JBQXNCLENBQUM7QUFDNUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0RBQXdELENBQUM7Ozs7Ozs7Ozs7QUFPcEcsTUFBTSxPQUFPLDJCQUE0QixTQUFRLHVCQUF1QjtJQUdwRSxZQUFvQixTQUFvQjtRQUNwQyxLQUFLLEVBQUUsQ0FBQztRQURRLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFFeEMsQ0FBQztJQUNELFFBQVE7UUFDSixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUMzQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELE9BQU87UUFDSCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNuRixDQUFDO0lBQ0QsV0FBVztRQUNQLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdEQsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3JDLFFBQVEsQ0FBQyxlQUFlLEdBQUcsV0FBVyxDQUFDO1FBQ3ZDLE9BQU8sUUFBUSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxLQUFLLENBQUMsVUFBZSxJQUFJO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7OEdBckJRLDJCQUEyQjtrR0FBM0IsMkJBQTJCLGdIQUN6QiwwQkFBMEIsdUVDWnpDLHFnREF1Q0E7OzJGRDVCYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0ksMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNOzhFQUkvQyxjQUFjO3NCQURiLFNBQVM7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGlhbG9nUmVmIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VVbHZTZXR0aW5nQ29tcG9uZW50LCBHcmlkU2V0dGluZyB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgVWlHcmlkU29ydFNldHRpbmdDb21wb25lbnQgfSBmcm9tICcuLi91aS1ncmlkLXNvcnQtc2V0dGluZy91aS1ncmlkLXNvcnQtc2V0dGluZy5jb21wb25lbnQnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnN1LXVsdi1ncm91cGJ5LXNldHRpbmdzJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91bHYtZ3JvdXBieS1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91bHYtZ3JvdXBieS1zZXR0aW5ncy5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFVsdkdyb3VwYnlTZXR0aW5nc0NvbXBvbmVudCBleHRlbmRzIEJhc2VVbHZTZXR0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBWaWV3Q2hpbGQoVWlHcmlkU29ydFNldHRpbmdDb21wb25lbnQpXHJcbiAgICB1bHZTb3J0U2V0dGluZzogVWlHcmlkU29ydFNldHRpbmdDb21wb25lbnQ7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRpYWxvZ1JlZjogRGlhbG9nUmVmKSB7XHJcbiAgICAgICAgc3VwZXIoKTtcclxuICAgIH1cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY29udGV4dCA9IHRoaXMuZGlhbG9nUmVmLmRhdGEuY29udGV4dDtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgfVxyXG4gICAgb25SZXNldCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNvcnRTZXR0aW5ncyA9IHRoaXMuc29ydFNldHRpbmdzLm1hcCgoYykgPT4gKHsgLi4uYywgSXNHcm91cGVkOiBmYWxzZSB9KSk7XHJcbiAgICB9XHJcbiAgICBnZXRTZXR0aW5ncygpOiBHcmlkU2V0dGluZyB7XHJcbiAgICAgICAgY29uc3Qgc29ydFNldHRpbmcgPSB0aGlzLnVsdlNvcnRTZXR0aW5nLmdldFNldHRpbmdzKCk7XHJcbiAgICAgICAgY29uc3Qgc2V0dGluZ3MgPSBzdXBlci5nZXRTZXR0aW5ncygpO1xyXG4gICAgICAgIHNldHRpbmdzLlNvcnRTZXR0aW5nTGlzdCA9IHNvcnRTZXR0aW5nO1xyXG4gICAgICAgIHJldHVybiBzZXR0aW5ncztcclxuICAgIH1cclxuICAgIGNsb3NlKHNldHRpbmc6IGFueSA9IG51bGwpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShzZXR0aW5nKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZmQtZGlhbG9nPlxyXG4gICAgPGZkLWRpYWxvZy1oZWFkZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIGZka1RlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgZmQtYmFyLWxlZnQ+XHJcbiAgICAgICAgICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPGg0IGZkLXRpdGxlIFtoZWFkZXJTaXplXT1cIjRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ0NvbHVtbnMnIHwgYmJiVHJhbnNsYXRlIH19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9oND5cclxuICAgICAgICAgICAgICAgIDwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGZkLWJhci1yaWdodD5cclxuICAgICAgICAgICAgICAgIDxmZC1iYXItZWxlbWVudD5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiJ1Jlc2V0JyB8IGJiYlRyYW5zbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtmZFR5cGVdPVwiJ3RyYW5zcGFyZW50J1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblJlc2V0KClcIlxyXG4gICAgICAgICAgICAgICAgICAgID48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L2ZkLWRpYWxvZy1oZWFkZXI+XHJcbiAgICA8ZmQtZGlhbG9nLWJvZHkgY2xhc3M9XCJzZXR0aW5nLXdyYXBwZXJcIj5cclxuICAgICAgICA8YnN1LXVpLWdyaWQtc29ydC1zZXR0aW5nXHJcbiAgICAgICAgICAgIFtjb2x1bW5zXT1cImFsbENvbHVtbnNcIlxyXG4gICAgICAgICAgICBbc29ydFNldHRpbmdzXT1cInNvcnRTZXR0aW5nc1wiXHJcbiAgICAgICAgICAgIFtzaG93R3JvdXBzXT1cInRydWVcIlxyXG4gICAgICAgID48L2JzdS11aS1ncmlkLXNvcnQtc2V0dGluZz5cclxuICAgIDwvZmQtZGlhbG9nLWJvZHk+XHJcblxyXG4gICAgPGZkLWRpYWxvZy1mb290ZXI+XHJcbiAgICAgICAgPGZkLWRpYWxvZy1mb290ZXItYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGZkLWJ1dHRvbiBmZFR5cGU9XCJlbXBoYXNpemVkXCIgKGNsaWNrKT1cIm9uT2tDbGljaygpXCIgW2xhYmVsXT1cIidPSycgfCBiYmJUcmFuc2xhdGVcIj48L2J1dHRvbj5cclxuICAgICAgICA8L2ZkLWRpYWxvZy1mb290ZXItYnV0dG9uPlxyXG4gICAgICAgIDxmZC1kaWFsb2ctZm9vdGVyLWJ1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBmZC1idXR0b24gKGNsaWNrKT1cIm9uQ2FuY2VsU2V0dGluZ3MoKVwiIFtsYWJlbF09XCInQ2FuY2VsJyB8IGJiYlRyYW5zbGF0ZVwiPjwvYnV0dG9uPlxyXG4gICAgICAgIDwvZmQtZGlhbG9nLWZvb3Rlci1idXR0b24+XHJcbiAgICA8L2ZkLWRpYWxvZy1mb290ZXI+XHJcbjwvZmQtZGlhbG9nPlxyXG4iXX0=

package/esm2022/lib/ulv-paging/ulv-paging.component.mjs

@@ -0,0 +1,84 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "@fundamental-ngx/core/pagination";
+import * as i3 from "@angular/cdk/bidi";
+export class UlvPagingComponent extends BaseComponent {
+    constructor(_cdr, bbbPipe) {
+        super();
+        this._cdr = _cdr;
+        this.bbbPipe = bbbPipe;
+        this.pageChange = new EventEmitter();
+        this.pageSizeChange = new EventEmitter();
+        this.height = 60;
+        this.currentPage = 0;
+        this.totalPage = 0;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._initValues(this.pagingSetting);
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { pagingSetting } = changes;
+        if (pagingSetting && !pagingSetting.firstChange) {
+            this._initValues(pagingSetting.currentValue);
+            this._cdr.detectChanges();
+        }
+    }
+    onPageSizeChange(e) {
+        const selectedValue = e.target.selectedOption.value;
+        this.pageSizeChange.emit(selectedValue);
+    }
+    onEndClick() {
+        this.currentPage = this.totalPage - 1;
+        this._pageChanged();
+    }
+    onFirstClick() {
+        this.currentPage = 0;
+        this._pageChanged();
+    }
+    onNextClick() {
+        this.currentPage++;
+        this._pageChanged();
+    }
+    onPreviousClick() {
+        this.currentPage--;
+        this._pageChanged();
+    }
+    onPageChange(pageNumber) {
+        this._pageChanged(pageNumber - 1);
+        this.currentPage = pageNumber;
+    }
+    _initValues(pagingSetting) {
+        if (pagingSetting === null) {
+            this.height = 0;
+            return;
+        }
+        this.currentPage = pagingSetting.Page + 1;
+        this.totalPage = Number(pagingSetting.TotalPages);
+        const totalRows = pagingSetting.TotalRows.toString();
+        this.totalPageStr = this.bbbPipe.transform('CountWithParenthesis').replace('{0}', totalRows);
+    }
+    _pageChanged(pageNumber) {
+        pageNumber = typeof pageNumber === 'undefined' ? this.currentPage : pageNumber;
+        this.pageChange.emit(pageNumber);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvPagingComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: { pagingSetting: "pagingSetting" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "height.px": "this.height" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n<div class=\"icons\">\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onEndClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-left-arrow\"\n    (click)=\"onNextClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-right-arrow\"\n    (click)=\"onPreviousClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onFirstClick()\"\n  ></button>\n</div>\n<div class=\"pagesize\">\n  <label style=\"padding: 0 5px\"\n    >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n    {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n@if (pagingSetting) {\n  @if (pagingSetting && pagingSetting.HasPaging) {\n    <fd-pagination\n      dir=\"rtl\"\n      [totalItems]=\"pagingSetting.TotalRows\"\n      (pageChangeStart)=\"onPageChange($event)\"\n      [itemsPerPage]=\"pagingSetting.PageSize\"\n      [currentPage]=\"currentPage\"\n      [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n  }\n}\n<ng-template #showingItems let-showing=\"showing\">\n  <span dir=\"ltr\">\n    {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n  </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "component", type: i2.PaginationComponent, selector: "fd-pagination", inputs: ["id", "mobile", "totalItems", "currentPage", "itemsPerPage", "itemsPerPageTemplate", "itemsPerPageOptions", "displayTotalItems", "displayTextTemplate"], outputs: ["pageChangeStart", "itemsPerPageChange"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvPagingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ulv-paging', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n<div class=\"icons\">\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onEndClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-left-arrow\"\n    (click)=\"onNextClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-right-arrow\"\n    (click)=\"onPreviousClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onFirstClick()\"\n  ></button>\n</div>\n<div class=\"pagesize\">\n  <label style=\"padding: 0 5px\"\n    >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n    {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n@if (pagingSetting) {\n  @if (pagingSetting && pagingSetting.HasPaging) {\n    <fd-pagination\n      dir=\"rtl\"\n      [totalItems]=\"pagingSetting.TotalRows\"\n      (pageChangeStart)=\"onPageChange($event)\"\n      [itemsPerPage]=\"pagingSetting.PageSize\"\n      [currentPage]=\"currentPage\"\n      [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n  }\n}\n<ng-template #showingItems let-showing=\"showing\">\n  <span dir=\"ltr\">\n    {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n  </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.BbbTranslatePipe }], propDecorators: { pageChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }], height: [{
+                type: HostBinding,
+                args: ['height.px']
+            }], pagingSetting: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWx2LXBhZ2luZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91bHYtcGFnaW5nL3Vsdi1wYWdpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWx2LXBhZ2luZy91bHYtcGFnaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sRUFFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQW9CLGFBQWEsRUFBaUIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFRdEYsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGFBQWE7SUFTakQsWUFBb0IsSUFBdUIsRUFBVSxPQUF5QjtRQUMxRSxLQUFLLEVBQUUsQ0FBQztRQURRLFNBQUksR0FBSixJQUFJLENBQW1CO1FBQVUsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFScEUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzVCLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFHdEMsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFDaEIsY0FBUyxHQUFHLENBQUMsQ0FBQztJQUlkLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQixNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUcsT0FBTyxDQUFDO1FBQ2xDLElBQUksYUFBYSxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQzdDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDOUIsQ0FBQztJQUNMLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2QsTUFBTSxhQUFhLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1FBQ3BELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFDRCxVQUFVO1FBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUNELFlBQVk7UUFDUixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUNELFdBQVc7UUFDUCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBQ0QsWUFBWSxDQUFDLFVBQWtCO1FBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDO0lBQ2xDLENBQUM7SUFDTyxXQUFXLENBQUMsYUFBNEI7UUFDNUMsSUFBSSxhQUFhLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7WUFDaEIsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNsRCxNQUFNLFNBQVMsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3JELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ2pHLENBQUM7SUFDTyxZQUFZLENBQUMsVUFBbUI7UUFDcEMsVUFBVSxHQUFHLE9BQU8sVUFBVSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO1FBQy9FLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7OEdBL0RRLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDZRQ25CL0IscytEQThEQTs7MkZEM0NhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTtxSEFHckMsVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNtQixNQUFNO3NCQUEvQixXQUFXO3VCQUFDLFdBQVc7Z0JBQ2YsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LFxuICAgIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYmJUcmFuc2xhdGVQaXBlLCBCYXNlQ29tcG9uZW50LCBQYWdpbmdTZXR0aW5nIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS11bHYtcGFnaW5nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWx2LXBhZ2luZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdWx2LXBhZ2luZy5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFVsdlBhZ2luZ0NvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBPdXRwdXQoKSBwYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gICAgQE91dHB1dCgpIHBhZ2VTaXplQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gICAgQEhvc3RCaW5kaW5nKCdoZWlnaHQucHgnKSBoZWlnaHQgPSA2MDtcbiAgICBASW5wdXQoKSBwYWdpbmdTZXR0aW5nOiBQYWdpbmdTZXR0aW5nO1xuICAgIGNvbnRleHQ6IGFueTtcbiAgICBjdXJyZW50UGFnZSA9IDA7XG4gICAgdG90YWxQYWdlID0gMDtcbiAgICB0b3RhbFBhZ2VTdHI6IHN0cmluZztcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGJiYlBpcGU6IEJiYlRyYW5zbGF0ZVBpcGUpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5faW5pdFZhbHVlcyh0aGlzLnBhZ2luZ1NldHRpbmcpO1xuICAgIH1cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25DaGFuZ2VzKGNoYW5nZXMpO1xuICAgICAgICBjb25zdCB7IHBhZ2luZ1NldHRpbmcgfSA9IGNoYW5nZXM7XG4gICAgICAgIGlmIChwYWdpbmdTZXR0aW5nICYmICFwYWdpbmdTZXR0aW5nLmZpcnN0Q2hhbmdlKSB7XG4gICAgICAgICAgICB0aGlzLl9pbml0VmFsdWVzKHBhZ2luZ1NldHRpbmcuY3VycmVudFZhbHVlKTtcbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblBhZ2VTaXplQ2hhbmdlKGUpOiB2b2lkIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWRWYWx1ZSA9IGUudGFyZ2V0LnNlbGVjdGVkT3B0aW9uLnZhbHVlO1xuICAgICAgICB0aGlzLnBhZ2VTaXplQ2hhbmdlLmVtaXQoc2VsZWN0ZWRWYWx1ZSk7XG4gICAgfVxuICAgIG9uRW5kQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3VycmVudFBhZ2UgPSB0aGlzLnRvdGFsUGFnZSAtIDE7XG4gICAgICAgIHRoaXMuX3BhZ2VDaGFuZ2VkKCk7XG4gICAgfVxuICAgIG9uRmlyc3RDbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jdXJyZW50UGFnZSA9IDA7XG4gICAgICAgIHRoaXMuX3BhZ2VDaGFuZ2VkKCk7XG4gICAgfVxuICAgIG9uTmV4dENsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRQYWdlKys7XG4gICAgICAgIHRoaXMuX3BhZ2VDaGFuZ2VkKCk7XG4gICAgfVxuICAgIG9uUHJldmlvdXNDbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jdXJyZW50UGFnZS0tO1xuICAgICAgICB0aGlzLl9wYWdlQ2hhbmdlZCgpO1xuICAgIH1cbiAgICBvblBhZ2VDaGFuZ2UocGFnZU51bWJlcjogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3BhZ2VDaGFuZ2VkKHBhZ2VOdW1iZXIgLSAxKTtcbiAgICAgICAgdGhpcy5jdXJyZW50UGFnZSA9IHBhZ2VOdW1iZXI7XG4gICAgfVxuICAgIHByaXZhdGUgX2luaXRWYWx1ZXMocGFnaW5nU2V0dGluZzogUGFnaW5nU2V0dGluZyk6IHZvaWQge1xuICAgICAgICBpZiAocGFnaW5nU2V0dGluZyA9PT0gbnVsbCkge1xuICAgICAgICAgICAgdGhpcy5oZWlnaHQgPSAwO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY3VycmVudFBhZ2UgPSBwYWdpbmdTZXR0aW5nLlBhZ2UgKyAxO1xuICAgICAgICB0aGlzLnRvdGFsUGFnZSA9IE51bWJlcihwYWdpbmdTZXR0aW5nLlRvdGFsUGFnZXMpO1xuICAgICAgICBjb25zdCB0b3RhbFJvd3MgPSBwYWdpbmdTZXR0aW5nLlRvdGFsUm93cy50b1N0cmluZygpO1xuICAgICAgICB0aGlzLnRvdGFsUGFnZVN0ciA9IHRoaXMuYmJiUGlwZS50cmFuc2Zvcm0oJ0NvdW50V2l0aFBhcmVudGhlc2lzJykucmVwbGFjZSgnezB9JywgdG90YWxSb3dzKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfcGFnZUNoYW5nZWQocGFnZU51bWJlcj86IG51bWJlcik6IHZvaWQge1xuICAgICAgICBwYWdlTnVtYmVyID0gdHlwZW9mIHBhZ2VOdW1iZXIgPT09ICd1bmRlZmluZWQnID8gdGhpcy5jdXJyZW50UGFnZSA6IHBhZ2VOdW1iZXI7XG4gICAgICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KHBhZ2VOdW1iZXIpO1xuICAgIH1cbn1cbiIsIjwhLS0gPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbmZpZz8uU2V0dGluZz8uRGF0YT8uUGFnaW5nPy5IYXNQYWdpbmdcIj5cbjxkaXYgY2xhc3M9XCJpY29uc1wiPlxuICA8YnV0dG9uXG4gICAgZmQtYnV0dG9uXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiY3VycmVudFBhZ2UgPT09IHRvdGFsUGFnZSAtIDEgPyB0cnVlIDogbnVsbFwiXG4gICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgIGdseXBoPVwiYmVnaW5cIlxuICAgIChjbGljayk9XCJvbkVuZENsaWNrKClcIlxuICA+PC9idXR0b24+XG4gIDxidXR0b25cbiAgICBmZC1idXR0b25cbiAgICBbYXR0ci5kaXNhYmxlZF09XCJjdXJyZW50UGFnZSArIDEgPj0gdG90YWxQYWdlID8gdHJ1ZSA6IG51bGxcIlxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBnbHlwaD1cIm5hdmlnYXRpb24tbGVmdC1hcnJvd1wiXG4gICAgKGNsaWNrKT1cIm9uTmV4dENsaWNrKClcIlxuICA+PC9idXR0b24+XG4gIDxidXR0b25cbiAgICBmZC1idXR0b25cbiAgICBbYXR0ci5kaXNhYmxlZF09XCJjdXJyZW50UGFnZSAtIDEgPCAwID8gdHJ1ZSA6IG51bGxcIlxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBnbHlwaD1cIm5hdmlnYXRpb24tcmlnaHQtYXJyb3dcIlxuICAgIChjbGljayk9XCJvblByZXZpb3VzQ2xpY2soKVwiXG4gID48L2J1dHRvbj5cbiAgPGJ1dHRvblxuICAgIGZkLWJ1dHRvblxuICAgIFthdHRyLmRpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSAwID8gdHJ1ZSA6IG51bGxcIlxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBnbHlwaD1cImJlZ2luXCJcbiAgICAoY2xpY2spPVwib25GaXJzdENsaWNrKClcIlxuICA+PC9idXR0b24+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwYWdlc2l6ZVwiPlxuICA8bGFiZWwgc3R5bGU9XCJwYWRkaW5nOiAwIDVweFwiXG4gICAgPnt7IGN1cnJlbnRQYWdlICogcGFnZVNpemUgfX0te3sgY3VycmVudFBhZ2UgKiBwYWdlU2l6ZSArIHBhZ2VTaXplIH19INin2LJcbiAgICB7eyBjb25maWcuU2V0dGluZy5EYXRhLlBhZ2luZy5Ub3RhbFJvd3MgfX08L2xhYmVsXG4gICAgPlxuICAgIDxmZC1zZWxlY3QgKHZhbHVlQ2hhbmdlKT1cIm9uUGFnZVNpemVDaGFuZ2UoJGV2ZW50KVwiIFt2YWx1ZV09XCJwYWdlU2l6ZVwiPlxuICAgICAgPGZkLW9wdGlvbiBbdmFsdWVdPVwiMjRcIj4yNDwvZmQtb3B0aW9uPlxuICAgICAgPGZkLW9wdGlvbiBbdmFsdWVdPVwiMTAwXCI+MTAwPC9mZC1vcHRpb24+XG4gICAgICA8ZmQtb3B0aW9uIFt2YWx1ZV09XCIxMDBcIj4xMDA8L2ZkLW9wdGlvbj5cbiAgICA8L2ZkLXNlbGVjdD5cblxuICAgIDxsYWJlbCBzdHlsZT1cInBhZGRpbmc6IDAgNXB4XCI+e3sgSXRlbXNQZXJQYWdlIH19OjwvbGFiZWw+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+IC0tPlxuQGlmIChwYWdpbmdTZXR0aW5nKSB7XG4gIEBpZiAocGFnaW5nU2V0dGluZyAmJiBwYWdpbmdTZXR0aW5nLkhhc1BhZ2luZykge1xuICAgIDxmZC1wYWdpbmF0aW9uXG4gICAgICBkaXI9XCJydGxcIlxuICAgICAgW3RvdGFsSXRlbXNdPVwicGFnaW5nU2V0dGluZy5Ub3RhbFJvd3NcIlxuICAgICAgKHBhZ2VDaGFuZ2VTdGFydCk9XCJvblBhZ2VDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbaXRlbXNQZXJQYWdlXT1cInBhZ2luZ1NldHRpbmcuUGFnZVNpemVcIlxuICAgICAgW2N1cnJlbnRQYWdlXT1cImN1cnJlbnRQYWdlXCJcbiAgICAgIFtkaXNwbGF5VGV4dFRlbXBsYXRlXT1cInNob3dpbmdJdGVtc1wiXG4gICAgPjwvZmQtcGFnaW5hdGlvbj5cbiAgfVxufVxuPG5nLXRlbXBsYXRlICNzaG93aW5nSXRlbXMgbGV0LXNob3dpbmc9XCJzaG93aW5nXCI+XG4gIDxzcGFuIGRpcj1cImx0clwiPlxuICAgIHt7ICdGcm9tJyB8IGJiYlRyYW5zbGF0ZSB9fSB7eyBzaG93aW5nLmZyb20gfX0ge3sgJ1RvJyB8IGJiYlRyYW5zbGF0ZSB9fSB7eyBzaG93aW5nLnRvIH19IHt7IHRvdGFsUGFnZVN0ciB9fVxuICA8L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/ulv-selection/ulv-selection.component.mjs

@@ -0,0 +1,65 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
+import { BaseComponent, getDeviceIsMobile } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core";
+import * as i2 from "@fundamental-ngx/core/button";
+import * as i3 from "@fundamental-ngx/core/dialog";
+import * as i4 from "@fundamental-ngx/cdk/utils";
+import * as i5 from "@fundamental-ngx/core/title";
+import * as i6 from "@fundamental-ngx/core/toolbar";
+import * as i7 from "@fundamental-ngx/core/token";
+import * as i8 from "../ui-ulv-main-ui/ui-ulv-main-ui.component";
+export class UlvSelectionComponent extends BaseComponent {
+    constructor(dailogRef) {
+        super();
+        this.dailogRef = dailogRef;
+        this.visibility = false;
+        this.data = this.dailogRef.data;
+    }
+    ngAfterViewInit() {
+        this.isMobile = getDeviceIsMobile();
+    }
+    getCaption() {
+        return this.ulvMainUi?.Setting?.Extra?.Report?.Caption || '';
+    }
+    onOk() { }
+    onClear() { }
+    onDismiss() {
+        this.dailogRef.close();
+    }
+    _trackBySelectedFn(_index, item) {
+        return item.Id;
+    }
+    onRemoveSelected() { }
+    beforeClose() {
+        this.onParams.beforeclose.bind(this.context)();
+    }
+    onBeforeClose() {
+        this.beforeClose();
+    }
+    onClose() {
+        this.beforeClose();
+    }
+    onBeforeOpen() {
+        this.visibility = this.visibility ? true : false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvSelectionComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvSelectionComponent, selector: "bsu-ulv-selection", inputs: { context: "context", config: "config", body: "body" }, viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialogRef"], descendants: true, read: TemplateRef }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n  <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n    <fd-dialog-header>\n      <h3 fd-title>{{ data.title }}</h3>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n      @if (data.ulvUi; as ulvUi) {\n        <bsu-ui-ulv-main-ui [context]=\"ulvUi\"></bsu-ui-ulv-main-ui>\n      }\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n      <ng-template fdkTemplate=\"footer\">\n        <div\n          class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n          aria-label=\"Selected and condition items\"\n          i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\n          >\n          <h5 fd-title class=\"selected-and-condition-title\">\n            <ng-container>\n              <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\n                >Selected Items and Conditions\n                            </ng-container>\n              ({{ data.selectedItems?.length || 0 }})\n            </ng-container>\n          </h5>\n\n          <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n            <div class=\"ulv-selection-form-dialog__tokens\">\n              @if (data.selectedItems) {\n                <fd-toolbar [shouldOverflow]=\"true\">\n                  <!-- Selected items -->\n                  @for (\n                    item of data.selectedItems; track _trackBySelectedFn(selectedIndex,\n                    item); let selectedIndex = $index) {\n                    <fd-token\n                      fd-toolbar-item\n                      fdOverflowPriority=\"high\"\n                      class=\"fdp-value-help-dialog__selection-token\"\n                      (onCloseClick)=\"onRemoveSelected()\"\n                      >{{ item.$Caption }}\n                    </fd-token>\n                  }\n                </fd-toolbar>\n              }\n            </div>\n            <button\n              class=\"ulv-selection-form-dialog__tokens-clear\"\n              fd-button\n              fdType=\"transparent\"\n              glyph=\"decline\"\n              i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\n              aria-label=\"clear selected items\"\n              (click)=\"onClear()\"\n            ></button>\n          </div>\n        </div>\n        <div class=\"ulv-selection-form-dialog__actions-row\">\n          <button\n            fd-button\n            data-succes\n            i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\n            label=\"OK\"\n            fdType=\"emphasized\"\n            (click)=\"onOk()\"\n          ></button>\n          <button\n            fd-button\n            data-dismiss-dialog\n            fd-dialog-decisive-button\n            i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\n            label=\"Cancel\"\n            fdType=\"transparent\"\n            (click)=\"onDismiss()\"\n          ></button>\n        </div>\n      </ng-template>\n    </fd-dialog-footer>\n  </fd-dialog>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i3.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i3.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i3.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i6.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i6.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i7.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: i8.UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvSelectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ulv-selection', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n  <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n    <fd-dialog-header>\n      <h3 fd-title>{{ data.title }}</h3>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n      @if (data.ulvUi; as ulvUi) {\n        <bsu-ui-ulv-main-ui [context]=\"ulvUi\"></bsu-ui-ulv-main-ui>\n      }\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n      <ng-template fdkTemplate=\"footer\">\n        <div\n          class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n          aria-label=\"Selected and condition items\"\n          i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\n          >\n          <h5 fd-title class=\"selected-and-condition-title\">\n            <ng-container>\n              <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\n                >Selected Items and Conditions\n                            </ng-container>\n              ({{ data.selectedItems?.length || 0 }})\n            </ng-container>\n          </h5>\n\n          <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n            <div class=\"ulv-selection-form-dialog__tokens\">\n              @if (data.selectedItems) {\n                <fd-toolbar [shouldOverflow]=\"true\">\n                  <!-- Selected items -->\n                  @for (\n                    item of data.selectedItems; track _trackBySelectedFn(selectedIndex,\n                    item); let selectedIndex = $index) {\n                    <fd-token\n                      fd-toolbar-item\n                      fdOverflowPriority=\"high\"\n                      class=\"fdp-value-help-dialog__selection-token\"\n                      (onCloseClick)=\"onRemoveSelected()\"\n                      >{{ item.$Caption }}\n                    </fd-token>\n                  }\n                </fd-toolbar>\n              }\n            </div>\n            <button\n              class=\"ulv-selection-form-dialog__tokens-clear\"\n              fd-button\n              fdType=\"transparent\"\n              glyph=\"decline\"\n              i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\n              aria-label=\"clear selected items\"\n              (click)=\"onClear()\"\n            ></button>\n          </div>\n        </div>\n        <div class=\"ulv-selection-form-dialog__actions-row\">\n          <button\n            fd-button\n            data-succes\n            i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\n            label=\"OK\"\n            fdType=\"emphasized\"\n            (click)=\"onOk()\"\n          ></button>\n          <button\n            fd-button\n            data-dismiss-dialog\n            fd-dialog-decisive-button\n            i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\n            label=\"Cancel\"\n            fdType=\"transparent\"\n            (click)=\"onDismiss()\"\n          ></button>\n        </div>\n      </ng-template>\n    </fd-dialog-footer>\n  </fd-dialog>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.DialogRef }], propDecorators: { context: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], body: [{
+                type: Input
+            }], dialogTemplateRef: [{
+                type: ViewChild,
+                args: ['dialogRef', { read: TemplateRef }]
+            }], contentRef: [{
+                type: ViewChild,
+                args: ['content', { read: ElementRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWx2LXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91bHYtc2VsZWN0aW9uL3Vsdi1zZWxlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWx2LXNlbGVjdGlvbi91bHYtc2VsZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsV0FBVyxFQUNYLFNBQVMsRUFDVCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBdUIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVM3RixNQUFNLE9BQU8scUJBQXNCLFNBQVEsYUFBYTtJQTRCcEQsWUFBbUIsU0FBb0I7UUFDbkMsS0FBSyxFQUFFLENBQUM7UUFETyxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBWnZDLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFjZixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFFBQVEsR0FBRyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxVQUFVO1FBQ04sT0FBTyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUM7SUFDakUsQ0FBQztJQUVELElBQUksS0FBVSxDQUFDO0lBRWYsT0FBTyxLQUFVLENBQUM7SUFFbEIsU0FBUztRQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQWMsRUFBRSxJQUF5QjtRQUN4RCxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixLQUFVLENBQUM7SUFFM0IsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUNuRCxDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsT0FBTztRQUNILElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDckQsQ0FBQzs4R0FyRVEscUJBQXFCO2tHQUFyQixxQkFBcUIsb05BV0UsV0FBVyxnR0FHYixVQUFVLG9EQ25DNUMsb2lHQWlGQTs7MkZENURhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDSSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4RUFHdEMsT0FBTztzQkFBZixLQUFLO2dCQUdHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR04saUJBQWlCO3NCQURoQixTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBSTdDLFVBQVU7c0JBRFQsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyVmlld0luaXQsXHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBJbnB1dCxcclxuICAgIFRlbXBsYXRlUmVmLFxyXG4gICAgVmlld0NoaWxkLFxyXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGlhbG9nUmVmIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnQsIGdldERldmljZUlzTW9iaWxlLCBNZXRhb2JqZWN0RGF0YU1vZGVsIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JzdS11bHYtc2VsZWN0aW9uJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91bHYtc2VsZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3Vsdi1zZWxlY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVWx2U2VsZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gICAgQElucHV0KCkgY29udGV4dDoge1xyXG4gICAgICAgIFtrZXk6IHN0cmluZ106IGFueTtcclxuICAgIH07XHJcbiAgICBASW5wdXQoKSBjb25maWc6IHtcclxuICAgICAgICBfaWNvbjogbnVsbDtcclxuICAgICAgICBTaG93U2Vjb25kUGFuZWw6IHN0cmluZztcclxuICAgICAgICBGb3JtVGl0bGU6IHN0cmluZztcclxuICAgIH07XHJcbiAgICBASW5wdXQoKSBib2R5O1xyXG5cclxuICAgIEBWaWV3Q2hpbGQoJ2RpYWxvZ1JlZicsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSlcclxuICAgIGRpYWxvZ1RlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAgIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcclxuICAgIGNvbnRlbnRSZWY6IEVsZW1lbnRSZWY7XHJcbiAgICB2aXNpYmlsaXR5ID0gZmFsc2U7XHJcbiAgICBvblBhcmFtczoge1xyXG4gICAgICAgIHNjb3BlOiBhbnk7XHJcbiAgICAgICAgYmVmb3JlY2xvc2U6ICgpID0+IHZvaWQ7XHJcbiAgICAgICAgQWRkUmVtb3ZlQnV0dG9uQ2xpY2s6ICgpID0+IHZvaWQ7XHJcbiAgICB9O1xyXG4gICAgaGFzVWx2OiBib29sZWFuO1xyXG4gICAgaXNNb2JpbGU6IGFueTtcclxuICAgIHVsdk1haW5VaTogYW55O1xyXG4gICAgY2FwdGlvbjogYW55O1xyXG4gICAgZGF0YTogYW55O1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBkYWlsb2dSZWY6IERpYWxvZ1JlZikge1xyXG4gICAgICAgIHN1cGVyKCk7XHJcbiAgICAgICAgdGhpcy5kYXRhID0gdGhpcy5kYWlsb2dSZWYuZGF0YTtcclxuICAgIH1cclxuXHJcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pc01vYmlsZSA9IGdldERldmljZUlzTW9iaWxlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0Q2FwdGlvbigpOiB2b2lkIHtcclxuICAgICAgICByZXR1cm4gdGhpcy51bHZNYWluVWk/LlNldHRpbmc/LkV4dHJhPy5SZXBvcnQ/LkNhcHRpb24gfHwgJyc7XHJcbiAgICB9XHJcblxyXG4gICAgb25PaygpOiB2b2lkIHt9XHJcblxyXG4gICAgb25DbGVhcigpOiB2b2lkIHt9XHJcblxyXG4gICAgb25EaXNtaXNzKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuZGFpbG9nUmVmLmNsb3NlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgX3RyYWNrQnlTZWxlY3RlZEZuKF9pbmRleDogbnVtYmVyLCBpdGVtOiBNZXRhb2JqZWN0RGF0YU1vZGVsKTogbnVtYmVyIHwgc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gaXRlbS5JZDtcclxuICAgIH1cclxuXHJcbiAgICBvblJlbW92ZVNlbGVjdGVkKCk6IHZvaWQge31cclxuXHJcbiAgICBiZWZvcmVDbG9zZSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLm9uUGFyYW1zLmJlZm9yZWNsb3NlLmJpbmQodGhpcy5jb250ZXh0KSgpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uQmVmb3JlQ2xvc2UoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5iZWZvcmVDbG9zZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uQ2xvc2UoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5iZWZvcmVDbG9zZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uQmVmb3JlT3BlbigpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnZpc2liaWxpdHkgPSB0aGlzLnZpc2liaWxpdHkgPyB0cnVlIDogZmFsc2U7XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlIGxldC1kaWFsb2cgbGV0LWRpYWxvZ0NvbmZpZz1cImRpYWxvZ0NvbmZpZ1wiICNjb250YWluZXI+XG4gIDxmZC1kaWFsb2cgW2RpYWxvZ0NvbmZpZ109XCJkaWFsb2dDb25maWdcIiBbZGlhbG9nUmVmXT1cImRpYWxvZ1wiPlxuICAgIDxmZC1kaWFsb2ctaGVhZGVyPlxuICAgICAgPGgzIGZkLXRpdGxlPnt7IGRhdGEudGl0bGUgfX08L2gzPlxuICAgIDwvZmQtZGlhbG9nLWhlYWRlcj5cblxuICAgIDxmZC1kaWFsb2ctYm9keT5cbiAgICAgIEBpZiAoZGF0YS51bHZVaTsgYXMgdWx2VWkpIHtcbiAgICAgICAgPGJzdS11aS11bHYtbWFpbi11aSBbY29udGV4dF09XCJ1bHZVaVwiPjwvYnN1LXVpLXVsdi1tYWluLXVpPlxuICAgICAgfVxuICAgIDwvZmQtZGlhbG9nLWJvZHk+XG5cbiAgICA8ZmQtZGlhbG9nLWZvb3Rlcj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBmZGtUZW1wbGF0ZT1cImZvb3RlclwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJ1bHYtc2VsZWN0aW9uLWZvcm0tZGlhbG9nX19yb3cgdWx2LXNlbGVjdGlvbi1mb3JtLWRpYWxvZ19fc2VsZWN0aW9uLXJvd1wiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIlNlbGVjdGVkIGFuZCBjb25kaXRpb24gaXRlbXNcIlxuICAgICAgICAgIGkxOG4tYXJpYS1sYWJlbD1cIkBAcGxhdGZvcm1JMThuVmFsdWVIZWxwRGlhbG9nLlNlbGVjdGlvbkJhckxhYmVsXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPGg1IGZkLXRpdGxlIGNsYXNzPVwic2VsZWN0ZWQtYW5kLWNvbmRpdGlvbi10aXRsZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBpMThuPVwiQEBwbGF0Zm9ybUkxOG5WYWx1ZUhlbHBEaWFsb2cuU2VsZWN0ZWRBbmRDb25kaXRpb25MYWJlbFwiXG4gICAgICAgICAgICAgICAgPlNlbGVjdGVkIEl0ZW1zIGFuZCBDb25kaXRpb25zXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICh7eyBkYXRhLnNlbGVjdGVkSXRlbXM/Lmxlbmd0aCB8fCAwIH19KVxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9oNT5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1bHYtc2VsZWN0aW9uLWZvcm0tZGlhbG9nX190b2tlbnMtd3JhcHBlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVsdi1zZWxlY3Rpb24tZm9ybS1kaWFsb2dfX3Rva2Vuc1wiPlxuICAgICAgICAgICAgICBAaWYgKGRhdGEuc2VsZWN0ZWRJdGVtcykge1xuICAgICAgICAgICAgICAgIDxmZC10b29sYmFyIFtzaG91bGRPdmVyZmxvd109XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICA8IS0tIFNlbGVjdGVkIGl0ZW1zIC0tPlxuICAgICAgICAgICAgICAgICAgQGZvciAoXG4gICAgICAgICAgICAgICAgICAgIGl0ZW0gb2YgZGF0YS5zZWxlY3RlZEl0ZW1zOyB0cmFjayBfdHJhY2tCeVNlbGVjdGVkRm4oc2VsZWN0ZWRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgaXRlbSk7IGxldCBzZWxlY3RlZEluZGV4ID0gJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgIDxmZC10b2tlblxuICAgICAgICAgICAgICAgICAgICAgIGZkLXRvb2xiYXItaXRlbVxuICAgICAgICAgICAgICAgICAgICAgIGZkT3ZlcmZsb3dQcmlvcml0eT1cImhpZ2hcIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZmRwLXZhbHVlLWhlbHAtZGlhbG9nX19zZWxlY3Rpb24tdG9rZW5cIlxuICAgICAgICAgICAgICAgICAgICAgIChvbkNsb3NlQ2xpY2spPVwib25SZW1vdmVTZWxlY3RlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICA+e3sgaXRlbS4kQ2FwdGlvbiB9fVxuICAgICAgICAgICAgICAgICAgICA8L2ZkLXRva2VuPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvZmQtdG9vbGJhcj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIGNsYXNzPVwidWx2LXNlbGVjdGlvbi1mb3JtLWRpYWxvZ19fdG9rZW5zLWNsZWFyXCJcbiAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgZ2x5cGg9XCJkZWNsaW5lXCJcbiAgICAgICAgICAgICAgaTE4bi1hcmlhLWxhYmVsPVwiQEBwbGF0Zm9ybUkxOG5WYWx1ZUhlbHBEaWFsb2cuQ2xlYXJTZWxlY3RlZEFyaWFMYWJlbFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJjbGVhciBzZWxlY3RlZCBpdGVtc1wiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvbkNsZWFyKClcIlxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInVsdi1zZWxlY3Rpb24tZm9ybS1kaWFsb2dfX2FjdGlvbnMtcm93XCI+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICBkYXRhLXN1Y2Nlc1xuICAgICAgICAgICAgaTE4bi1sYWJlbD1cIkBAcGxhdGZvcm1JMThuVmFsdWVIZWxwRGlhbG9nLlN1Y2Nlc3NCdXR0b25cIlxuICAgICAgICAgICAgbGFiZWw9XCJPS1wiXG4gICAgICAgICAgICBmZFR5cGU9XCJlbXBoYXNpemVkXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk9rKClcIlxuICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgIGRhdGEtZGlzbWlzcy1kaWFsb2dcbiAgICAgICAgICAgIGZkLWRpYWxvZy1kZWNpc2l2ZS1idXR0b25cbiAgICAgICAgICAgIGkxOG4tbGFiZWw9XCJAQHBsYXRmb3JtSTE4blZhbHVlSGVscERpYWxvZy5DYW5jZWxCdXR0b25cIlxuICAgICAgICAgICAgbGFiZWw9XCJDYW5jZWxcIlxuICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uRGlzbWlzcygpXCJcbiAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2ZkLWRpYWxvZy1mb290ZXI+XG4gIDwvZmQtZGlhbG9nPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==