barsa-sap-ui 2.3.84 → 2.3.86

package/fesm2022/barsa-sap-ui.mjs

@@ -9028,11 +9028,11 @@ class UlvFormMultiSelectComponent extends BaseComponent {
         return item.Id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UlvFormMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UlvFormMultiSelectComponent, isStandalone: false, selector: "bsu-ulv-form-multi-select", inputs: { Show: "Show" }, viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }, { propertyName: "dialogComponent", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\r\n        <fd-dialog-header>\r\n            <ng-template fdkTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    @if (!dialogConfig.fullscreen && !dialogConfig.mobile) {\r\n                    <fd-button-bar\r\n                        ariaLabel=\"fullscreen\"\r\n                        fullscreenDialog\r\n                        [glyph]=\"(dialog.fullScreen | async) === true ? 'exitfullscreen' : 'resize'\"\r\n                        (click)=\"dialog.toggleFullScreen()\"\r\n                    ></fd-button-bar>\r\n                    }\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\r\n      <button fd-dialog-close-button></button> -->\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            @if (dialog.data.ulv1; as ulv1) {\r\n            <bsu-ui-ulv-main-ui\r\n                class=\"ulv-form-multi-select\"\r\n                [context]=\"ulv1\"\r\n                [inDialog]=\"true\"\r\n                [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\r\n                [fullscreen]=\"dialog.data.fullscreen\"\r\n            ></bsu-ui-ulv-main-ui>\r\n            }\r\n        </fd-dialog-body>\r\n        @if (dialog.data.ulv2 && dialog.data.ShowSecondPanel) {\r\n        <fd-dialog-footer class=\"ulvSelection\">\r\n            <ng-template fdkTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title !tw-pb-2\">\r\n                        <ng-container>\r\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\r\n                            ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            @if (dialog.data.selectedItems) {\r\n                            <fd-toolbar [shouldOverflow]=\"true\">\r\n                                <!-- Selected items -->\r\n                                @for ( item of dialog.data.selectedItems.MoDataList; track\r\n                                _trackBySelectedFn(selectedIndex, item); let selectedIndex = $index) {\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected(dialog, item)\"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                                }\r\n                            </fd-toolbar>\r\n                            }\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            [aria-label]=\"'Clear' | bbbTranslate\"\r\n                            (click)=\"onClear(dialog)\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        } @if (dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons) {\r\n        <fd-dialog-footer>\r\n            <ng-template fdkTemplate=\"footer\">\r\n                @if (dialog.data.adapter?.ShowOkCancelButtons !== false) {\r\n                <div class=\"fd-bar__right\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        [label]=\"'OK' | bbbTranslate\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk(dialog)\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onCancel(dialog)\"\r\n                    ></button>\r\n                </div>\r\n                }\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        }\r\n    </fd-dialog>\r\n</ng-template>\r\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:.5rem}.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.ulvSelection .fd-bar{padding:0!important;height:5rem!important}.ulv-selection-form-dialog fd-dialog-footer.ulvSelection .fd-bar>div{width:100%}.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 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);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$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$3.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i3$3.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i3$3.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i3$3.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4$2.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i13.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UlvFormMultiSelectComponent, isStandalone: false, selector: "bsu-ulv-form-multi-select", inputs: { Show: "Show" }, viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }, { propertyName: "dialogComponent", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\r\n        <fd-dialog-header>\r\n            <ng-template fdkTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    @if (!dialogConfig.fullscreen && !dialogConfig.mobile) {\r\n                    <fd-button-bar\r\n                        ariaLabel=\"fullscreen\"\r\n                        fullscreenDialog\r\n                        [glyph]=\"(dialog.fullScreen | async) === true ? 'exitfullscreen' : 'resize'\"\r\n                        (click)=\"dialog.toggleFullScreen()\"\r\n                    ></fd-button-bar>\r\n                    }\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\r\n      <button fd-dialog-close-button></button> -->\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            @if (dialog.data.ulv1; as ulv1) {\r\n            <bsu-ui-ulv-main-ui\r\n                class=\"ulv-form-multi-select\"\r\n                [context]=\"ulv1\"\r\n                [inDialog]=\"true\"\r\n                [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\r\n                [fullscreen]=\"dialog.data.fullscreen\"\r\n            ></bsu-ui-ulv-main-ui>\r\n            }\r\n        </fd-dialog-body>\r\n        @if (dialog.data.ulv2 && dialog.data.ShowSecondPanel) {\r\n        <fd-dialog-footer class=\"ulvSelection\">\r\n            <ng-template fdkTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title !tw-pb-2\">\r\n                        <ng-container>\r\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\r\n                            ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            @if (dialog.data.selectedItems) {\r\n                            <fd-toolbar [shouldOverflow]=\"true\">\r\n                                <!-- Selected items -->\r\n                                @for ( item of dialog.data.selectedItems.MoDataList; track\r\n                                _trackBySelectedFn(selectedIndex, item); let selectedIndex = $index) {\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected(dialog, item)\"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                                }\r\n                            </fd-toolbar>\r\n                            }\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            [aria-label]=\"'Clear' | bbbTranslate\"\r\n                            (click)=\"onClear(dialog)\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        } @if (dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons) {\r\n        <fd-dialog-footer>\r\n            <ng-template fdkTemplate=\"footer\">\r\n                @if (dialog.data.adapter?.ShowOkCancelButtons !== false) {\r\n                <div class=\"fd-bar__right\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        [label]=\"'OK' | bbbTranslate\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk(dialog)\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onCancel(dialog)\"\r\n                    ></button>\r\n                </div>\r\n                }\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        }\r\n    </fd-dialog>\r\n</ng-template>\r\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:.5rem}.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.ulvSelection .fd-bar{padding:0!important;height:6rem!important}.ulv-selection-form-dialog fd-dialog-footer.ulvSelection .fd-bar>div{width:100%}.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 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);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$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$3.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i3$3.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i3$3.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i3$3.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4$2.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i13.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UlvFormMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ulv-form-multi-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\r\n        <fd-dialog-header>\r\n            <ng-template fdkTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    @if (!dialogConfig.fullscreen && !dialogConfig.mobile) {\r\n                    <fd-button-bar\r\n                        ariaLabel=\"fullscreen\"\r\n                        fullscreenDialog\r\n                        [glyph]=\"(dialog.fullScreen | async) === true ? 'exitfullscreen' : 'resize'\"\r\n                        (click)=\"dialog.toggleFullScreen()\"\r\n                    ></fd-button-bar>\r\n                    }\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\r\n      <button fd-dialog-close-button></button> -->\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            @if (dialog.data.ulv1; as ulv1) {\r\n            <bsu-ui-ulv-main-ui\r\n                class=\"ulv-form-multi-select\"\r\n                [context]=\"ulv1\"\r\n                [inDialog]=\"true\"\r\n                [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\r\n                [fullscreen]=\"dialog.data.fullscreen\"\r\n            ></bsu-ui-ulv-main-ui>\r\n            }\r\n        </fd-dialog-body>\r\n        @if (dialog.data.ulv2 && dialog.data.ShowSecondPanel) {\r\n        <fd-dialog-footer class=\"ulvSelection\">\r\n            <ng-template fdkTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title !tw-pb-2\">\r\n                        <ng-container>\r\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\r\n                            ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            @if (dialog.data.selectedItems) {\r\n                            <fd-toolbar [shouldOverflow]=\"true\">\r\n                                <!-- Selected items -->\r\n                                @for ( item of dialog.data.selectedItems.MoDataList; track\r\n                                _trackBySelectedFn(selectedIndex, item); let selectedIndex = $index) {\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected(dialog, item)\"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                                }\r\n                            </fd-toolbar>\r\n                            }\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            [aria-label]=\"'Clear' | bbbTranslate\"\r\n                            (click)=\"onClear(dialog)\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        } @if (dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons) {\r\n        <fd-dialog-footer>\r\n            <ng-template fdkTemplate=\"footer\">\r\n                @if (dialog.data.adapter?.ShowOkCancelButtons !== false) {\r\n                <div class=\"fd-bar__right\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        [label]=\"'OK' | bbbTranslate\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk(dialog)\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onCancel(dialog)\"\r\n                    ></button>\r\n                </div>\r\n                }\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        }\r\n    </fd-dialog>\r\n</ng-template>\r\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:.5rem}.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.ulvSelection .fd-bar{padding:0!important;height:5rem!important}.ulv-selection-form-dialog fd-dialog-footer.ulvSelection .fd-bar>div{width:100%}.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 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);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"] }]
+            args: [{ selector: 'bsu-ulv-form-multi-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\r\n        <fd-dialog-header>\r\n            <ng-template fdkTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    @if (!dialogConfig.fullscreen && !dialogConfig.mobile) {\r\n                    <fd-button-bar\r\n                        ariaLabel=\"fullscreen\"\r\n                        fullscreenDialog\r\n                        [glyph]=\"(dialog.fullScreen | async) === true ? 'exitfullscreen' : 'resize'\"\r\n                        (click)=\"dialog.toggleFullScreen()\"\r\n                    ></fd-button-bar>\r\n                    }\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\r\n      <button fd-dialog-close-button></button> -->\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            @if (dialog.data.ulv1; as ulv1) {\r\n            <bsu-ui-ulv-main-ui\r\n                class=\"ulv-form-multi-select\"\r\n                [context]=\"ulv1\"\r\n                [inDialog]=\"true\"\r\n                [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\r\n                [fullscreen]=\"dialog.data.fullscreen\"\r\n            ></bsu-ui-ulv-main-ui>\r\n            }\r\n        </fd-dialog-body>\r\n        @if (dialog.data.ulv2 && dialog.data.ShowSecondPanel) {\r\n        <fd-dialog-footer class=\"ulvSelection\">\r\n            <ng-template fdkTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title !tw-pb-2\">\r\n                        <ng-container>\r\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\r\n                            ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            @if (dialog.data.selectedItems) {\r\n                            <fd-toolbar [shouldOverflow]=\"true\">\r\n                                <!-- Selected items -->\r\n                                @for ( item of dialog.data.selectedItems.MoDataList; track\r\n                                _trackBySelectedFn(selectedIndex, item); let selectedIndex = $index) {\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected(dialog, item)\"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                                }\r\n                            </fd-toolbar>\r\n                            }\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            [aria-label]=\"'Clear' | bbbTranslate\"\r\n                            (click)=\"onClear(dialog)\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        } @if (dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons) {\r\n        <fd-dialog-footer>\r\n            <ng-template fdkTemplate=\"footer\">\r\n                @if (dialog.data.adapter?.ShowOkCancelButtons !== false) {\r\n                <div class=\"fd-bar__right\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        [label]=\"'OK' | bbbTranslate\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk(dialog)\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onCancel(dialog)\"\r\n                    ></button>\r\n                </div>\r\n                }\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n        }\r\n    </fd-dialog>\r\n</ng-template>\r\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:.5rem}.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.ulvSelection .fd-bar{padding:0!important;height:6rem!important}.ulv-selection-form-dialog fd-dialog-footer.ulvSelection .fd-bar>div{width:100%}.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 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);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: () => [], propDecorators: { dialogContainer: [{
                 type: ViewChild,
                 args: ['container', { read: TemplateRef }]
@@ -10436,11 +10436,11 @@ class LyTabContainerComponent extends LayoutItemBaseComponent {
         this._tabsSource.next(visibleTabs);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LyTabContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LyTabContainerComponent, isStandalone: false, selector: "bsu-ly-tab-container", host: { properties: { "attr.ismobile": "this.isMobile", "style.flex": "this.flex" } }, viewQueries: [{ propertyName: "tabpages", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fdp-icon-tab-bar\r\n    [collapseOverflow]=\"true\"\r\n    [expandOverflowText]=\"'More' | bbbTranslate\"\r\n    iconTabSize=\"responsive-paddings\"\r\n    [iconTabType]=\"iconTabType\"\r\n    [layoutMode]=\"layoutMode\"\r\n>\r\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\r\n    <fdp-icon-tab-bar-tab\r\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [disabled]=\"tabPage.disabled\"\r\n        [class.control-disabled]=\"tabPage.Enable === false\"\r\n        [class.readonly]=\"tabPage.Readonly\"\r\n        [color]=\"tabPage.SemanticColor?.$Caption\"\r\n        [icon]=\"tabPage.FontIcon\"\r\n        [counter]=\"tabPage.CustomUi?.Settings?.CounterValue\"\r\n        [iconFont]=\"tabPage.IconFontName?.$Caption\"\r\n    >\r\n        <fd-dynamic-page-content [attr.icon]=\"tabPage.FontIcon\" [attr.iconFont]=\"tabPage.IconFontName?.$Caption\">\r\n            <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\r\n        </fd-dynamic-page-content>\r\n    </fdp-icon-tab-bar-tab>\r\n    }\r\n</fdp-icon-tab-bar>\r\n", styles: [":host{width:100%;display:block}fdp-icon-tab-bar ::ng-deep>div{border:var(--sapField_BorderWidth) solid var(--sapGroup_TitleBorderColor)}fdp-icon-tab-bar ::ng-deep>div>div.fd-icon-tab-bar__content>fdp-icon-tab-bar-tab-content>fd-dynamic-page-content{padding-block:var(--fdPanel_Content_Padding_Block, .625rem);padding-inline:var(--fdPanel_Content_Padding_Inline, 1rem)}\n"], dependencies: [{ kind: "component", type: i8$1.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LyTabContainerComponent, isStandalone: false, selector: "bsu-ly-tab-container", host: { properties: { "attr.ismobile": "this.isMobile", "style.flex": "this.flex" } }, viewQueries: [{ propertyName: "tabpages", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fdp-icon-tab-bar\r\n    [collapseOverflow]=\"true\"\r\n    [expandOverflowText]=\"'More' | bbbTranslate\"\r\n    iconTabSize=\"responsive-paddings\"\r\n    [iconTabType]=\"iconTabType\"\r\n    [layoutMode]=\"layoutMode\"\r\n>\r\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\r\n    <fdp-icon-tab-bar-tab\r\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [disabled]=\"tabPage.disabled\"\r\n        [class.control-disabled]=\"tabPage.Enable === false\"\r\n        [class.readonly]=\"tabPage.Readonly\"\r\n        [color]=\"tabPage.SemanticColor?.$Caption\"\r\n        [icon]=\"tabPage.FontIcon\"\r\n        [counter]=\"tabPage.CustomUi?.Settings?.CounterValue\"\r\n        [iconFont]=\"tabPage.IconFontName?.$Caption\"\r\n    >\r\n        <fd-dynamic-page-content [attr.icon]=\"tabPage.FontIcon\" [attr.iconFont]=\"tabPage.IconFontName?.$Caption\">\r\n            <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\r\n        </fd-dynamic-page-content>\r\n    </fdp-icon-tab-bar-tab>\r\n    }\r\n</fdp-icon-tab-bar>\r\n", styles: [":host{width:100%;display:block}fdp-icon-tab-bar ::ng-deep>div{border:var(--sapField_BorderWidth) solid var(--sapGroup_TitleBorderColor)}fdp-icon-tab-bar ::ng-deep>div>div.fd-icon-tab-bar__content>fdp-icon-tab-bar-tab-content>fd-dynamic-page-content{padding-block:var(--fdPanel_Content_Padding_Block, .625rem);padding-inline:var(--fdPanel_Content_Padding_Inline, 1rem);display:flex;flex-direction:column}fdp-icon-tab-bar ::ng-deep>div>div.fd-icon-tab-bar__content>fdp-icon-tab-bar-tab-content>fd-dynamic-page-content>bsu-ly-tab-page{flex:1!important}\n"], dependencies: [{ kind: "component", type: i8$1.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LyTabContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ly-tab-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fdp-icon-tab-bar\r\n    [collapseOverflow]=\"true\"\r\n    [expandOverflowText]=\"'More' | bbbTranslate\"\r\n    iconTabSize=\"responsive-paddings\"\r\n    [iconTabType]=\"iconTabType\"\r\n    [layoutMode]=\"layoutMode\"\r\n>\r\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\r\n    <fdp-icon-tab-bar-tab\r\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [disabled]=\"tabPage.disabled\"\r\n        [class.control-disabled]=\"tabPage.Enable === false\"\r\n        [class.readonly]=\"tabPage.Readonly\"\r\n        [color]=\"tabPage.SemanticColor?.$Caption\"\r\n        [icon]=\"tabPage.FontIcon\"\r\n        [counter]=\"tabPage.CustomUi?.Settings?.CounterValue\"\r\n        [iconFont]=\"tabPage.IconFontName?.$Caption\"\r\n    >\r\n        <fd-dynamic-page-content [attr.icon]=\"tabPage.FontIcon\" [attr.iconFont]=\"tabPage.IconFontName?.$Caption\">\r\n            <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\r\n        </fd-dynamic-page-content>\r\n    </fdp-icon-tab-bar-tab>\r\n    }\r\n</fdp-icon-tab-bar>\r\n", styles: [":host{width:100%;display:block}fdp-icon-tab-bar ::ng-deep>div{border:var(--sapField_BorderWidth) solid var(--sapGroup_TitleBorderColor)}fdp-icon-tab-bar ::ng-deep>div>div.fd-icon-tab-bar__content>fdp-icon-tab-bar-tab-content>fd-dynamic-page-content{padding-block:var(--fdPanel_Content_Padding_Block, .625rem);padding-inline:var(--fdPanel_Content_Padding_Inline, 1rem)}\n"] }]
+            args: [{ selector: 'bsu-ly-tab-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fdp-icon-tab-bar\r\n    [collapseOverflow]=\"true\"\r\n    [expandOverflowText]=\"'More' | bbbTranslate\"\r\n    iconTabSize=\"responsive-paddings\"\r\n    [iconTabType]=\"iconTabType\"\r\n    [layoutMode]=\"layoutMode\"\r\n>\r\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\r\n    <fdp-icon-tab-bar-tab\r\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\r\n        [disabled]=\"tabPage.disabled\"\r\n        [class.control-disabled]=\"tabPage.Enable === false\"\r\n        [class.readonly]=\"tabPage.Readonly\"\r\n        [color]=\"tabPage.SemanticColor?.$Caption\"\r\n        [icon]=\"tabPage.FontIcon\"\r\n        [counter]=\"tabPage.CustomUi?.Settings?.CounterValue\"\r\n        [iconFont]=\"tabPage.IconFontName?.$Caption\"\r\n    >\r\n        <fd-dynamic-page-content [attr.icon]=\"tabPage.FontIcon\" [attr.iconFont]=\"tabPage.IconFontName?.$Caption\">\r\n            <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\r\n        </fd-dynamic-page-content>\r\n    </fdp-icon-tab-bar-tab>\r\n    }\r\n</fdp-icon-tab-bar>\r\n", styles: [":host{width:100%;display:block}fdp-icon-tab-bar ::ng-deep>div{border:var(--sapField_BorderWidth) solid var(--sapGroup_TitleBorderColor)}fdp-icon-tab-bar ::ng-deep>div>div.fd-icon-tab-bar__content>fdp-icon-tab-bar-tab-content>fd-dynamic-page-content{padding-block:var(--fdPanel_Content_Padding_Block, .625rem);padding-inline:var(--fdPanel_Content_Padding_Inline, 1rem);display:flex;flex-direction:column}fdp-icon-tab-bar ::ng-deep>div>div.fd-icon-tab-bar__content>fdp-icon-tab-bar-tab-content>fd-dynamic-page-content>bsu-ly-tab-page{flex:1!important}\n"] }]
         }], propDecorators: { tabpages: [{
                 type: ViewChildren,
                 args: [TabPanelComponent]
@@ -16342,12 +16342,26 @@ class BarsaBottomMenuViewComponent extends ReportViewBaseComponent {
         this.hide = signal(false);
         this.isMobile = getDeviceIsMobile();
     }
+    ngOnInit() {
+        super.ngOnInit();
+        this._portalService.navigationStart$.pipe(takeUntil$1(this._onDestroy$)).subscribe((event) => {
+            if (event === null) {
+                return;
+            }
+            if (event?.url.indexOf('/report/') > 0 || event?.url.indexOf('/form/') > 0) {
+                this.hide.set(true);
+            }
+            else {
+                this.hide.set(false);
+            }
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaBottomMenuViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaBottomMenuViewComponent, isStandalone: false, selector: "bsu-barsa-bottom-menu-view", usesInheritance: true, ngImport: i0, template: "<ng-template\r\n    #ui\r\n    let-badge=\"badge\"\r\n    let-title=\"title\"\r\n    let-icon=\"icon\"\r\n    let-url=\"url\"\r\n    let-dynCommand=\"dynCommand\"\r\n    let-defDynCommand=\"defDynCommand\"\r\n    let-mo=\"mo\"\r\n>\r\n    <a\r\n        class=\"item tw-no-underline\"\r\n        [routerLink]=\"[url]\"\r\n        [routerLinkActive]=\"['active']\"\r\n        [dynCommand]=\"defDynCommand ? dynCommand : null\"        \r\n    >\r\n        <div class=\"col\">\r\n            <fd-icon [glyph]=\"icon\"></fd-icon>\r\n            <span>{{ title }}</span>\r\n            <span class=\"badge badge-danger\" [class.hide]=\"!badge\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n        </div>\r\n    </a>\r\n</ng-template>\r\n<div\r\n    class=\"appBottomMenu\"\r\n    [class.hide]=\"hide() || !isMobile\"\r\n    #btMenu\r\n    cssRootVariable\r\n    [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n    [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n    @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            ui;\r\n            context: {\r\n                badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n                title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n                url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n                dynCommand: viewSetting.DynamicCommandField | rval: mo:allColumns,\r\n                defDynCommand: viewSetting.DefineDynamicCommandField | rval: mo:allColumns,\r\n                mo: mo\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</div>\r\n", styles: [":host{--iconSize: 1.5rem}:host>div{width:100%}:host .appBottomMenu{min-height:env(safe-area-inset-bottom);position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #e1e1e1;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--mobile-bottom-menu-backcolor)}:host fd-icon,:host span{color:var(--bottom-menu-color)}:host .appBottomMenu.no-border{border:0!important;box-shadow:0!important}:host .appBottomMenu.rounded{border-radius:24px 24px 0 0!important}:host .appBottomMenu.rounded .item:before{display:none}:host .appBottomMenu .item{font-size:9px;letter-spacing:0;text-align:center;width:100%;height:56px;line-height:1.2em;display:flex;align-items:center;justify-content:center;position:relative}:host .appBottomMenu .item:before{content:\"\";display:block;height:2px;border-radius:0 0 10px 10px;background:transparent;position:absolute;left:4px;right:4px;top:0}:host .appBottomMenu .item .col{width:100%;padding:0 4px;text-align:center}:host .appBottomMenu .item i.bi,:host .appBottomMenu .item i.icon,:host .appBottomMenu .item ion-icon{display:inline-flex;margin:1px auto 3px;font-size:26px;line-height:1em;color:#141515;transition:none;display:block}:host .appBottomMenu .item .action-button{display:inline-flex;width:50px;height:50px;margin-left:-5px;margin-right:-5px;align-items:center;justify-content:center;border-radius:200px;background:#1e74fd}:host .appBottomMenu .item .action-button.large{width:60px;height:60px;margin-top:-20px;margin-left:-10px;margin-right:-10px}:host .appBottomMenu .item .action-button i.bi,:host .appBottomMenu .item .action-button i.icon,:host .appBottomMenu .item .action-button ion-icon{color:#fff!important;margin:0!important;line-height:0!important}:host .appBottomMenu .item strong{margin-top:4px;display:block;color:#141515;font-weight:400;transition:none}:host .appBottomMenu .item:active{opacity:.8}:host .appBottomMenu .item.active:before{background:transparent}:host .appBottomMenu .item.active i.bi,:host .appBottomMenu .item.active i.icon,:host .appBottomMenu .item.active ion-icon,:host .appBottomMenu .item.active strong{color:#1e74fd!important;font-weight:500}:host .appBottomMenu .item:hover i.bi,:host .appBottomMenu .item:hover i.icon,:host .appBottomMenu .item:hover ion-icon,:host .appBottomMenu .item:hover strong{color:#141515}:host .appBottomMenu.text-light{color:#fff}:host .appBottomMenu.text-light .item{color:#fff;opacity:.7}:host .appBottomMenu.text-light .item i.bi,:host .appBottomMenu.text-light .item i.icon,:host .appBottomMenu.text-light .item ion-icon,:host .appBottomMenu.text-light .item strong{color:#fff}:host .appBottomMenu.text-light .item.active{opacity:1}:host .appBottomMenu.text-light .item.active i.bi,:host .appBottomMenu.text-light .item.active i.icon,:host .appBottomMenu.text-light .item.active ion-icon,:host .appBottomMenu.text-light .item.active strong{color:#fff!important}:host .appBottomMenu.bg-primary,:host .appBottomMenu.bg-secondary,:host .appBottomMenu.bg-success,:host .appBottomMenu.bg-warning,:host .appBottomMenu.bg-danger,:host .appBottomMenu.bg-info,:host .appBottomMenu.bg-light,:host .appBottomMenu.bg-dark{border:0}:host .appBottomMenu.bg-primary .item:before,:host .appBottomMenu.bg-secondary .item:before,:host .appBottomMenu.bg-success .item:before,:host .appBottomMenu.bg-warning .item:before,:host .appBottomMenu.bg-danger .item:before,:host .appBottomMenu.bg-info .item:before,:host .appBottomMenu.bg-light .item:before,:host .appBottomMenu.bg-dark .item:before{display:none}:host .item{margin:.2rem .5rem}:host .item .col{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .item .col>span:first-child,:host .item .col>fd-icon{color:var(--sapTextColor)}:host .item fd-icon{font-size:var(--iconSize);margin-bottom:.5rem}:host .item span{font-size:.825rem}:host .item.active{background:var(--barsaAppBackcolor);border-radius:.5rem}:host .item:active{background:var(--sapBackgroundColor);border-radius:.5rem}:host .badge{font-size:12px;line-height:1em;border-radius:100px;letter-spacing:0;height:22px;min-width:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:400}:host .badge-primary,:host a.badge-primary{background:#1e74fd!important}:host .badge-secondary,:host a.badge-secondary{background:#6c7c94!important}:host .badge-success,:host a.badge-success{background:#34c759!important}:host .badge-danger,:host a.badge-danger{background:#ec4433!important}:host .badge-warning,:host a.badge-warning{background:#fe9500!important;color:#fff}:host .badge-info,:host a.badge-info{background:#592bca!important}:host .badge-light,:host a.badge-light{background:#fff9!important;color:#141515}:host .badge-dark,:host a.badge-dark{background:#222!important}:host .badge-empty{display:block!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0px}:host .appBottomMenu .badge{min-width:16px;height:16px;line-height:9px!important;font-size:10px;padding:0 4px!important;position:absolute;right:50%;transform:translate(120%);top:10px}:host .appBottomMenu .badge-empty{transform:translate(200%);top:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i2.DynamicRootVariableDirective, selector: "[cssRootVariable]", inputs: ["cssVariableName", "cssVariableValue", "disable"], exportAs: ["cssRootVariable"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i4$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$8.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaBottomMenuViewComponent, isStandalone: false, selector: "bsu-barsa-bottom-menu-view", usesInheritance: true, ngImport: i0, template: "<ng-template\r\n    #ui\r\n    let-badge=\"badge\"\r\n    let-title=\"title\"\r\n    let-icon=\"icon\"\r\n    let-url=\"url\"\r\n    let-dynCommand=\"dynCommand\"\r\n    let-defDynCommand=\"defDynCommand\"\r\n    let-mo=\"mo\"\r\n>\r\n    <a\r\n        class=\"item tw-no-underline\"\r\n        [routerLink]=\"[url]\"\r\n        [routerLinkActive]=\"['active']\"\r\n        [dynCommand]=\"defDynCommand ? dynCommand : null\"        \r\n    >\r\n        <div class=\"col\">\r\n            <fd-icon [glyph]=\"icon\"></fd-icon>\r\n            <span>{{ title }}</span>\r\n            <span class=\"badge badge-danger\" [class.hide]=\"!badge\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n        </div>\r\n    </a>\r\n</ng-template>\r\n<div\r\n    class=\"appBottomMenu\"\r\n    [class.hide]=\"hide() || !isMobile\"\r\n    #btMenu\r\n    cssRootVariable\r\n    [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n    [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n    @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            ui;\r\n            context: {\r\n                badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n                title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n                url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n                dynCommand: viewSetting.DynamicCommandField | rval: mo:allColumns,\r\n                defDynCommand: viewSetting.DefineDynamicCommandField | rval: mo:allColumns,\r\n                mo: mo\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</div>\r\n", styles: [":host{--iconSize: 1.5rem;display:block}:host>div{width:100%}:host .appBottomMenu{min-height:env(safe-area-inset-bottom);position:fixed;z-index:51;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #e1e1e1;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--mobile-bottom-menu-backcolor)}:host fd-icon,:host span{color:var(--bottom-menu-color)}:host .appBottomMenu.no-border{border:0!important;box-shadow:0!important}:host .appBottomMenu.rounded{border-radius:24px 24px 0 0!important}:host .appBottomMenu.rounded .item:before{display:none}:host .appBottomMenu .item{font-size:9px;letter-spacing:0;text-align:center;width:100%;height:56px;line-height:1.2em;display:flex;align-items:center;justify-content:center;position:relative}:host .appBottomMenu .item:before{content:\"\";display:block;height:2px;border-radius:0 0 10px 10px;background:transparent;position:absolute;left:4px;right:4px;top:0}:host .appBottomMenu .item .col{width:100%;padding:0 4px;text-align:center}:host .appBottomMenu .item i.bi,:host .appBottomMenu .item i.icon,:host .appBottomMenu .item ion-icon{display:inline-flex;margin:1px auto 3px;font-size:26px;line-height:1em;color:#141515;transition:none;display:block}:host .appBottomMenu .item .action-button{display:inline-flex;width:50px;height:50px;margin-left:-5px;margin-right:-5px;align-items:center;justify-content:center;border-radius:200px;background:#1e74fd}:host .appBottomMenu .item .action-button.large{width:60px;height:60px;margin-top:-20px;margin-left:-10px;margin-right:-10px}:host .appBottomMenu .item .action-button i.bi,:host .appBottomMenu .item .action-button i.icon,:host .appBottomMenu .item .action-button ion-icon{color:#fff!important;margin:0!important;line-height:0!important}:host .appBottomMenu .item strong{margin-top:4px;display:block;color:#141515;font-weight:400;transition:none}:host .appBottomMenu .item:active{opacity:.8}:host .appBottomMenu .item.active:before{background:transparent}:host .appBottomMenu .item.active i.bi,:host .appBottomMenu .item.active i.icon,:host .appBottomMenu .item.active ion-icon,:host .appBottomMenu .item.active strong{color:#1e74fd!important;font-weight:500}:host .appBottomMenu .item:hover i.bi,:host .appBottomMenu .item:hover i.icon,:host .appBottomMenu .item:hover ion-icon,:host .appBottomMenu .item:hover strong{color:#141515}:host .appBottomMenu.text-light{color:#fff}:host .appBottomMenu.text-light .item{color:#fff;opacity:.7}:host .appBottomMenu.text-light .item i.bi,:host .appBottomMenu.text-light .item i.icon,:host .appBottomMenu.text-light .item ion-icon,:host .appBottomMenu.text-light .item strong{color:#fff}:host .appBottomMenu.text-light .item.active{opacity:1}:host .appBottomMenu.text-light .item.active i.bi,:host .appBottomMenu.text-light .item.active i.icon,:host .appBottomMenu.text-light .item.active ion-icon,:host .appBottomMenu.text-light .item.active strong{color:#fff!important}:host .appBottomMenu.bg-primary,:host .appBottomMenu.bg-secondary,:host .appBottomMenu.bg-success,:host .appBottomMenu.bg-warning,:host .appBottomMenu.bg-danger,:host .appBottomMenu.bg-info,:host .appBottomMenu.bg-light,:host .appBottomMenu.bg-dark{border:0}:host .appBottomMenu.bg-primary .item:before,:host .appBottomMenu.bg-secondary .item:before,:host .appBottomMenu.bg-success .item:before,:host .appBottomMenu.bg-warning .item:before,:host .appBottomMenu.bg-danger .item:before,:host .appBottomMenu.bg-info .item:before,:host .appBottomMenu.bg-light .item:before,:host .appBottomMenu.bg-dark .item:before{display:none}:host .item{margin:.2rem .5rem}:host .item .col{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .item .col>span:first-child,:host .item .col>fd-icon{color:var(--sapTextColor)}:host .item fd-icon{font-size:var(--iconSize);margin-bottom:.5rem}:host .item span{font-size:.825rem}:host .item.active{background:var(--barsaAppBackcolor);border-radius:.5rem}:host .item:active{background:var(--sapBackgroundColor);border-radius:.5rem}:host .badge{font-size:12px;line-height:1em;border-radius:100px;letter-spacing:0;height:22px;min-width:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:400}:host .badge-primary,:host a.badge-primary{background:#1e74fd!important}:host .badge-secondary,:host a.badge-secondary{background:#6c7c94!important}:host .badge-success,:host a.badge-success{background:#34c759!important}:host .badge-danger,:host a.badge-danger{background:#ec4433!important}:host .badge-warning,:host a.badge-warning{background:#fe9500!important;color:#fff}:host .badge-info,:host a.badge-info{background:#592bca!important}:host .badge-light,:host a.badge-light{background:#fff9!important;color:#141515}:host .badge-dark,:host a.badge-dark{background:#222!important}:host .badge-empty{display:block!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0px}:host .appBottomMenu .badge{min-width:16px;height:16px;line-height:9px!important;font-size:10px;padding:0 4px!important;position:absolute;right:50%;transform:translate(120%);top:10px}:host .appBottomMenu .badge-empty{transform:translate(200%);top:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i2.DynamicRootVariableDirective, selector: "[cssRootVariable]", inputs: ["cssVariableName", "cssVariableValue", "disable"], exportAs: ["cssRootVariable"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i4$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$8.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaBottomMenuViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-bottom-menu-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template\r\n    #ui\r\n    let-badge=\"badge\"\r\n    let-title=\"title\"\r\n    let-icon=\"icon\"\r\n    let-url=\"url\"\r\n    let-dynCommand=\"dynCommand\"\r\n    let-defDynCommand=\"defDynCommand\"\r\n    let-mo=\"mo\"\r\n>\r\n    <a\r\n        class=\"item tw-no-underline\"\r\n        [routerLink]=\"[url]\"\r\n        [routerLinkActive]=\"['active']\"\r\n        [dynCommand]=\"defDynCommand ? dynCommand : null\"        \r\n    >\r\n        <div class=\"col\">\r\n            <fd-icon [glyph]=\"icon\"></fd-icon>\r\n            <span>{{ title }}</span>\r\n            <span class=\"badge badge-danger\" [class.hide]=\"!badge\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n        </div>\r\n    </a>\r\n</ng-template>\r\n<div\r\n    class=\"appBottomMenu\"\r\n    [class.hide]=\"hide() || !isMobile\"\r\n    #btMenu\r\n    cssRootVariable\r\n    [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n    [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n    @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            ui;\r\n            context: {\r\n                badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n                title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n                url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n                dynCommand: viewSetting.DynamicCommandField | rval: mo:allColumns,\r\n                defDynCommand: viewSetting.DefineDynamicCommandField | rval: mo:allColumns,\r\n                mo: mo\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</div>\r\n", styles: [":host{--iconSize: 1.5rem}:host>div{width:100%}:host .appBottomMenu{min-height:env(safe-area-inset-bottom);position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #e1e1e1;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--mobile-bottom-menu-backcolor)}:host fd-icon,:host span{color:var(--bottom-menu-color)}:host .appBottomMenu.no-border{border:0!important;box-shadow:0!important}:host .appBottomMenu.rounded{border-radius:24px 24px 0 0!important}:host .appBottomMenu.rounded .item:before{display:none}:host .appBottomMenu .item{font-size:9px;letter-spacing:0;text-align:center;width:100%;height:56px;line-height:1.2em;display:flex;align-items:center;justify-content:center;position:relative}:host .appBottomMenu .item:before{content:\"\";display:block;height:2px;border-radius:0 0 10px 10px;background:transparent;position:absolute;left:4px;right:4px;top:0}:host .appBottomMenu .item .col{width:100%;padding:0 4px;text-align:center}:host .appBottomMenu .item i.bi,:host .appBottomMenu .item i.icon,:host .appBottomMenu .item ion-icon{display:inline-flex;margin:1px auto 3px;font-size:26px;line-height:1em;color:#141515;transition:none;display:block}:host .appBottomMenu .item .action-button{display:inline-flex;width:50px;height:50px;margin-left:-5px;margin-right:-5px;align-items:center;justify-content:center;border-radius:200px;background:#1e74fd}:host .appBottomMenu .item .action-button.large{width:60px;height:60px;margin-top:-20px;margin-left:-10px;margin-right:-10px}:host .appBottomMenu .item .action-button i.bi,:host .appBottomMenu .item .action-button i.icon,:host .appBottomMenu .item .action-button ion-icon{color:#fff!important;margin:0!important;line-height:0!important}:host .appBottomMenu .item strong{margin-top:4px;display:block;color:#141515;font-weight:400;transition:none}:host .appBottomMenu .item:active{opacity:.8}:host .appBottomMenu .item.active:before{background:transparent}:host .appBottomMenu .item.active i.bi,:host .appBottomMenu .item.active i.icon,:host .appBottomMenu .item.active ion-icon,:host .appBottomMenu .item.active strong{color:#1e74fd!important;font-weight:500}:host .appBottomMenu .item:hover i.bi,:host .appBottomMenu .item:hover i.icon,:host .appBottomMenu .item:hover ion-icon,:host .appBottomMenu .item:hover strong{color:#141515}:host .appBottomMenu.text-light{color:#fff}:host .appBottomMenu.text-light .item{color:#fff;opacity:.7}:host .appBottomMenu.text-light .item i.bi,:host .appBottomMenu.text-light .item i.icon,:host .appBottomMenu.text-light .item ion-icon,:host .appBottomMenu.text-light .item strong{color:#fff}:host .appBottomMenu.text-light .item.active{opacity:1}:host .appBottomMenu.text-light .item.active i.bi,:host .appBottomMenu.text-light .item.active i.icon,:host .appBottomMenu.text-light .item.active ion-icon,:host .appBottomMenu.text-light .item.active strong{color:#fff!important}:host .appBottomMenu.bg-primary,:host .appBottomMenu.bg-secondary,:host .appBottomMenu.bg-success,:host .appBottomMenu.bg-warning,:host .appBottomMenu.bg-danger,:host .appBottomMenu.bg-info,:host .appBottomMenu.bg-light,:host .appBottomMenu.bg-dark{border:0}:host .appBottomMenu.bg-primary .item:before,:host .appBottomMenu.bg-secondary .item:before,:host .appBottomMenu.bg-success .item:before,:host .appBottomMenu.bg-warning .item:before,:host .appBottomMenu.bg-danger .item:before,:host .appBottomMenu.bg-info .item:before,:host .appBottomMenu.bg-light .item:before,:host .appBottomMenu.bg-dark .item:before{display:none}:host .item{margin:.2rem .5rem}:host .item .col{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .item .col>span:first-child,:host .item .col>fd-icon{color:var(--sapTextColor)}:host .item fd-icon{font-size:var(--iconSize);margin-bottom:.5rem}:host .item span{font-size:.825rem}:host .item.active{background:var(--barsaAppBackcolor);border-radius:.5rem}:host .item:active{background:var(--sapBackgroundColor);border-radius:.5rem}:host .badge{font-size:12px;line-height:1em;border-radius:100px;letter-spacing:0;height:22px;min-width:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:400}:host .badge-primary,:host a.badge-primary{background:#1e74fd!important}:host .badge-secondary,:host a.badge-secondary{background:#6c7c94!important}:host .badge-success,:host a.badge-success{background:#34c759!important}:host .badge-danger,:host a.badge-danger{background:#ec4433!important}:host .badge-warning,:host a.badge-warning{background:#fe9500!important;color:#fff}:host .badge-info,:host a.badge-info{background:#592bca!important}:host .badge-light,:host a.badge-light{background:#fff9!important;color:#141515}:host .badge-dark,:host a.badge-dark{background:#222!important}:host .badge-empty{display:block!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0px}:host .appBottomMenu .badge{min-width:16px;height:16px;line-height:9px!important;font-size:10px;padding:0 4px!important;position:absolute;right:50%;transform:translate(120%);top:10px}:host .appBottomMenu .badge-empty{transform:translate(200%);top:10px}\n"] }]
+            args: [{ selector: 'bsu-barsa-bottom-menu-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template\r\n    #ui\r\n    let-badge=\"badge\"\r\n    let-title=\"title\"\r\n    let-icon=\"icon\"\r\n    let-url=\"url\"\r\n    let-dynCommand=\"dynCommand\"\r\n    let-defDynCommand=\"defDynCommand\"\r\n    let-mo=\"mo\"\r\n>\r\n    <a\r\n        class=\"item tw-no-underline\"\r\n        [routerLink]=\"[url]\"\r\n        [routerLinkActive]=\"['active']\"\r\n        [dynCommand]=\"defDynCommand ? dynCommand : null\"        \r\n    >\r\n        <div class=\"col\">\r\n            <fd-icon [glyph]=\"icon\"></fd-icon>\r\n            <span>{{ title }}</span>\r\n            <span class=\"badge badge-danger\" [class.hide]=\"!badge\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n        </div>\r\n    </a>\r\n</ng-template>\r\n<div\r\n    class=\"appBottomMenu\"\r\n    [class.hide]=\"hide() || !isMobile\"\r\n    #btMenu\r\n    cssRootVariable\r\n    [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n    [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n    @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            ui;\r\n            context: {\r\n                badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n                title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n                icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n                url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n                dynCommand: viewSetting.DynamicCommandField | rval: mo:allColumns,\r\n                defDynCommand: viewSetting.DefineDynamicCommandField | rval: mo:allColumns,\r\n                mo: mo\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</div>\r\n", styles: [":host{--iconSize: 1.5rem;display:block}:host>div{width:100%}:host .appBottomMenu{min-height:env(safe-area-inset-bottom);position:fixed;z-index:51;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #e1e1e1;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--mobile-bottom-menu-backcolor)}:host fd-icon,:host span{color:var(--bottom-menu-color)}:host .appBottomMenu.no-border{border:0!important;box-shadow:0!important}:host .appBottomMenu.rounded{border-radius:24px 24px 0 0!important}:host .appBottomMenu.rounded .item:before{display:none}:host .appBottomMenu .item{font-size:9px;letter-spacing:0;text-align:center;width:100%;height:56px;line-height:1.2em;display:flex;align-items:center;justify-content:center;position:relative}:host .appBottomMenu .item:before{content:\"\";display:block;height:2px;border-radius:0 0 10px 10px;background:transparent;position:absolute;left:4px;right:4px;top:0}:host .appBottomMenu .item .col{width:100%;padding:0 4px;text-align:center}:host .appBottomMenu .item i.bi,:host .appBottomMenu .item i.icon,:host .appBottomMenu .item ion-icon{display:inline-flex;margin:1px auto 3px;font-size:26px;line-height:1em;color:#141515;transition:none;display:block}:host .appBottomMenu .item .action-button{display:inline-flex;width:50px;height:50px;margin-left:-5px;margin-right:-5px;align-items:center;justify-content:center;border-radius:200px;background:#1e74fd}:host .appBottomMenu .item .action-button.large{width:60px;height:60px;margin-top:-20px;margin-left:-10px;margin-right:-10px}:host .appBottomMenu .item .action-button i.bi,:host .appBottomMenu .item .action-button i.icon,:host .appBottomMenu .item .action-button ion-icon{color:#fff!important;margin:0!important;line-height:0!important}:host .appBottomMenu .item strong{margin-top:4px;display:block;color:#141515;font-weight:400;transition:none}:host .appBottomMenu .item:active{opacity:.8}:host .appBottomMenu .item.active:before{background:transparent}:host .appBottomMenu .item.active i.bi,:host .appBottomMenu .item.active i.icon,:host .appBottomMenu .item.active ion-icon,:host .appBottomMenu .item.active strong{color:#1e74fd!important;font-weight:500}:host .appBottomMenu .item:hover i.bi,:host .appBottomMenu .item:hover i.icon,:host .appBottomMenu .item:hover ion-icon,:host .appBottomMenu .item:hover strong{color:#141515}:host .appBottomMenu.text-light{color:#fff}:host .appBottomMenu.text-light .item{color:#fff;opacity:.7}:host .appBottomMenu.text-light .item i.bi,:host .appBottomMenu.text-light .item i.icon,:host .appBottomMenu.text-light .item ion-icon,:host .appBottomMenu.text-light .item strong{color:#fff}:host .appBottomMenu.text-light .item.active{opacity:1}:host .appBottomMenu.text-light .item.active i.bi,:host .appBottomMenu.text-light .item.active i.icon,:host .appBottomMenu.text-light .item.active ion-icon,:host .appBottomMenu.text-light .item.active strong{color:#fff!important}:host .appBottomMenu.bg-primary,:host .appBottomMenu.bg-secondary,:host .appBottomMenu.bg-success,:host .appBottomMenu.bg-warning,:host .appBottomMenu.bg-danger,:host .appBottomMenu.bg-info,:host .appBottomMenu.bg-light,:host .appBottomMenu.bg-dark{border:0}:host .appBottomMenu.bg-primary .item:before,:host .appBottomMenu.bg-secondary .item:before,:host .appBottomMenu.bg-success .item:before,:host .appBottomMenu.bg-warning .item:before,:host .appBottomMenu.bg-danger .item:before,:host .appBottomMenu.bg-info .item:before,:host .appBottomMenu.bg-light .item:before,:host .appBottomMenu.bg-dark .item:before{display:none}:host .item{margin:.2rem .5rem}:host .item .col{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .item .col>span:first-child,:host .item .col>fd-icon{color:var(--sapTextColor)}:host .item fd-icon{font-size:var(--iconSize);margin-bottom:.5rem}:host .item span{font-size:.825rem}:host .item.active{background:var(--barsaAppBackcolor);border-radius:.5rem}:host .item:active{background:var(--sapBackgroundColor);border-radius:.5rem}:host .badge{font-size:12px;line-height:1em;border-radius:100px;letter-spacing:0;height:22px;min-width:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:400}:host .badge-primary,:host a.badge-primary{background:#1e74fd!important}:host .badge-secondary,:host a.badge-secondary{background:#6c7c94!important}:host .badge-success,:host a.badge-success{background:#34c759!important}:host .badge-danger,:host a.badge-danger{background:#ec4433!important}:host .badge-warning,:host a.badge-warning{background:#fe9500!important;color:#fff}:host .badge-info,:host a.badge-info{background:#592bca!important}:host .badge-light,:host a.badge-light{background:#fff9!important;color:#141515}:host .badge-dark,:host a.badge-dark{background:#222!important}:host .badge-empty{display:block!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0px}:host .appBottomMenu .badge{min-width:16px;height:16px;line-height:9px!important;font-size:10px;padding:0 4px!important;position:absolute;right:50%;transform:translate(120%);top:10px}:host .appBottomMenu .badge-empty{transform:translate(200%);top:10px}\n"] }]
         }] });
 
 class UiSignatureComponent extends FieldBaseComponent {