barsa-develop-components 2.0.46 → 2.0.47

package/fesm2022/barsa-develop-components.mjs

@@ -39,19 +39,19 @@ import * as i3$6 from '@fundamental-ngx/core/table';
 import * as i3$7 from '@fundamental-ngx/core/layout-grid';
 import * as i2$4 from 'barsa-tiles';
 import { TilesViewerContainerComponent, TilesViewerService, TilesViewerGroupComponent, BarsaTilesModule } from 'barsa-tiles';
-import * as i4$4 from '@angular/router';
 import * as i3$8 from '@fundamental-ngx/core/avatar';
 import * as i6$2 from '@fundamental-ngx/core/checkbox';
 import * as i3$9 from '@fundamental-ngx/core/dynamic-page';
 import * as i3$a from '@angular/platform-browser';
 import * as i6$3 from '@fundamental-ngx/core/object-status';
+import * as i1$5 from '@angular/router';
 import * as i3$b from '@fundamental-ngx/core/carousel';
-import * as i1$5 from '@fundamental-ngx/core/rating-indicator';
-import * as i4$5 from '@fundamental-ngx/core/nested-list';
+import * as i1$6 from '@fundamental-ngx/core/rating-indicator';
+import * as i4$4 from '@fundamental-ngx/core/nested-list';
 import * as i5 from '@fundamental-ngx/core/progress-indicator';
-import * as i1$6 from '@fundamental-ngx/core/menu';
+import * as i1$7 from '@fundamental-ngx/core/menu';
 import * as i2$5 from '@fundamental-ngx/core/split-button';
-import * as i4$6 from '@fundamental-ngx/core/action-sheet';
+import * as i4$5 from '@fundamental-ngx/core/action-sheet';
 import * as i7$3 from '@fundamental-ngx/core/file-uploader';
 import * as i9 from '@fundamental-ngx/core/inline-help';
 import * as i2$6 from '@fundamental-ngx/core/content-density';
@@ -81,7 +81,7 @@ class UiTextFieldSearchComponent extends DeviceInfoFieldBaseComponent {
         this._debouncer.next(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTextFieldSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiTextFieldSearchComponent, selector: "bdc-ui-text-field-search", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-input-group\r\n    style=\"width: 100%\"\r\n    fd-toolbar-item\r\n    type=\"search\"\r\n    glyph=\"search\"\r\n    [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n    [placeholder]=\"'Search' | bbbTranslate\"\r\n    [button]=\"true\"\r\n    [disabled]=\"false\"\r\n    [(ngModel)]=\"searchTerm\"\r\n    (addOnButtonClicked)=\"onSearchSubmit()\"\r\n    (keydown.enter)=\"onSearchSubmit()\"\r\n>\r\n</fd-input-group>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiTextFieldSearchComponent, selector: "bdc-ui-text-field-search", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-input-group\r\n    style=\"width: 100%\"\r\n    fd-toolbar-item\r\n    type=\"search\"\r\n    glyph=\"search\"\r\n    [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n    [placeholder]=\"'Search' | bbbTranslate\"\r\n    [button]=\"true\"\r\n    [disabled]=\"false\"\r\n    [(ngModel)]=\"searchTerm\"\r\n    (addOnButtonClicked)=\"onSearchSubmit()\"\r\n    (keydown.enter)=\"onSearchSubmit()\"\r\n>\r\n</fd-input-group>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTextFieldSearchComponent, decorators: [{
             type: Component,
@@ -144,7 +144,7 @@ class UiEnumSegmentedButtonComponent extends FieldBaseComponent {
         this.fireContextEvent('select', this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiEnumSegmentedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiEnumSegmentedButtonComponent, selector: "bdc-ui-enum-segmented-button", usesInheritance: true, ngImport: i0, template: "<fd-segmented-button style=\"width: 100%\" [(ngModel)]=\"value\" (ngModelChange)=\"onValueChange($event)\">\r\n    @for (item of context.store.data[context.store.root]; track item) { @if (item.id !== '0') {\r\n    <button\r\n        [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\r\n        fd-button\r\n        [label]=\"item.txt\"\r\n        [value]=\"item.id\"\r\n    ></button>\r\n    } }\r\n</fd-segmented-button>\r\n", styles: ["button{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$1.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle", "vertical"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiEnumSegmentedButtonComponent, selector: "bdc-ui-enum-segmented-button", usesInheritance: true, ngImport: i0, template: "<fd-segmented-button style=\"width: 100%\" [(ngModel)]=\"value\" (ngModelChange)=\"onValueChange($event)\">\r\n    @for (item of context.store.data[context.store.root]; track item) { @if (item.id !== '0') {\r\n    <button\r\n        [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\r\n        fd-button\r\n        [label]=\"item.txt\"\r\n        [value]=\"item.id\"\r\n    ></button>\r\n    } }\r\n</fd-segmented-button>\r\n", styles: ["button{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$1.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle", "vertical"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiEnumSegmentedButtonComponent, decorators: [{
             type: Component,
@@ -161,7 +161,7 @@ class MicroProcessFlowViewComponent extends ReportViewBaseComponent {
         this.mode = this.viewSetting.ModeValue$Caption;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroProcessFlowViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroProcessFlowViewComponent, selector: "bdc-micro-process-flow-view", usesInheritance: true, ngImport: i0, template: "<fd-micro-process-flow style=\"max-width: 100%\">\r\n    @for (item of moDataList; track item; let index = $index) {\r\n    <fd-micro-process-flow-item>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                button;\r\n                context: {\r\n                    $implicit: item,\r\n                    index: index,\r\n                    arrow: arrowRight\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </fd-micro-process-flow-item>\r\n    }\r\n</fd-micro-process-flow>\r\n<ng-template #button let-mo let-index=\"index\" let-arrow=\"arrow\">\r\n    <button\r\n        fd-button\r\n        (click)=\"onRowCheck({mo, index})\"\r\n        fd-micro-process-flow-focusable-item\r\n        [label]=\"fieldTitle | rval: mo:allColumns\"\r\n        [fdType]=\"fieldState | rval: mo:allColumns\"\r\n        [glyph]=\"fieldIcon | rval: mo:allColumns\"\r\n    ></button>\r\n</ng-template>\r\n", styles: [".fd-link{cursor:pointer;font-size:1.06rem}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$2.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }, { kind: "directive", type: i3$2.MicroProcessFlowFocusableItemDirective, selector: "[fdMicroProcessFlowFocusableItem], [fd-micro-process-flow-focusable-item]" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroProcessFlowViewComponent, selector: "bdc-micro-process-flow-view", usesInheritance: true, ngImport: i0, template: "<fd-micro-process-flow style=\"max-width: 100%\">\r\n    @for (item of moDataList; track item; let index = $index) {\r\n    <fd-micro-process-flow-item>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                button;\r\n                context: {\r\n                    $implicit: item,\r\n                    index: index,\r\n                    arrow: arrowRight\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </fd-micro-process-flow-item>\r\n    }\r\n</fd-micro-process-flow>\r\n<ng-template #button let-mo let-index=\"index\" let-arrow=\"arrow\">\r\n    <button\r\n        fd-button\r\n        (click)=\"onRowCheck({mo, index})\"\r\n        fd-micro-process-flow-focusable-item\r\n        [label]=\"fieldTitle | rval: mo:allColumns\"\r\n        [fdType]=\"fieldState | rval: mo:allColumns\"\r\n        [glyph]=\"fieldIcon | rval: mo:allColumns\"\r\n    ></button>\r\n</ng-template>\r\n", styles: [".fd-link{cursor:pointer;font-size:1.06rem}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$2.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }, { kind: "directive", type: i3$2.MicroProcessFlowFocusableItemDirective, selector: "[fdMicroProcessFlowFocusableItem], [fd-micro-process-flow-focusable-item]" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroProcessFlowViewComponent, decorators: [{
             type: Component,
@@ -216,7 +216,7 @@ class SettingFormComponent extends FormBaseComponent {
         this.selectedSetting = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SettingFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: SettingFormComponent, selector: "bdc-setting-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if (mo$ | async; as mo) { @if (layout94$ | async; as layout) { @if (deviceSize === 'sm') {\r\n<div style=\"display: flex; flex-direction: column\">\r\n    @if (selectedSetting) {\r\n    <div style=\"width: 100%\">\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [glyph]=\"(rtl$ | async)!! ? 'arrow-left' : 'arrow-right'\"\r\n            (click)=\"onBack()\"\r\n        ></button>\r\n    </div>\r\n    }\r\n    <div [class.hide]=\"selectedSetting\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderSetting;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: true\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </div>\r\n    <div [class.hide]=\"!selectedSetting\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderForm;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: true\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </div>\r\n</div>\r\n} @else {\r\n<fd-dynamic-side-content [size]=\"deviceSize\">\r\n    <fd-dynamic-side-content-side>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderSetting;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: false\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </fd-dynamic-side-content-side>\r\n    <fd-dynamic-side-content-main>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderForm;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: false\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </fd-dynamic-side-content-main>\r\n</fd-dynamic-side-content>\r\n} }\r\n<ng-template #renderForm let-layout let-isMobile=\"isMobile\">\r\n    @if (objectSettingFieldCaption | controlUi: layout; as layoutConfig) {\r\n    <bsu-layout-control\r\n        (click)=\"onSettingClick()\"\r\n        class=\"form-setting\"\r\n        [class.is-mobile]=\"isMobile\"\r\n        [caption]=\"objectSettingFieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n        [focus]=\"true\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderSetting let-layout let-isMobile=\"isMobile\">\r\n    @if (groupSettingFieldCaption | controlUi: layout; as layoutConfig) {\r\n    <bsu-layout-control\r\n        class=\"list-setting\"\r\n        [class.is-mobile]=\"isMobile\"\r\n        [caption]=\"groupSettingFieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n} @else {\r\n<bsu-mask></bsu-mask>\r\n}\r\n", styles: [":host{width:100%}:host ::ng-deep bsu-ulv-context-menu,:host ::ng-deep li button{display:none}.list-setting{height:100%;border-left:1px solid #ccc}.list-setting ::ng-deep bnrc-field-ui{height:100%;padding:0}.list-setting.is-mobile{border:none}.form-setting{height:100%;padding-top:5px}.form-setting ::ng-deep bnrc-field-ui{height:100%!important}fd-dynamic-side-content{height:100%}fd-dynamic-side-content-main{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: SettingFormComponent, selector: "bdc-setting-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if (mo$ | async; as mo) { @if (layout94$ | async; as layout) { @if (deviceSize === 'sm') {\r\n<div style=\"display: flex; flex-direction: column\">\r\n    @if (selectedSetting) {\r\n    <div style=\"width: 100%\">\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [glyph]=\"(rtl$ | async)!! ? 'arrow-left' : 'arrow-right'\"\r\n            (click)=\"onBack()\"\r\n        ></button>\r\n    </div>\r\n    }\r\n    <div [class.hide]=\"selectedSetting\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderSetting;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: true\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </div>\r\n    <div [class.hide]=\"!selectedSetting\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderForm;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: true\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </div>\r\n</div>\r\n} @else {\r\n<fd-dynamic-side-content [size]=\"deviceSize\">\r\n    <fd-dynamic-side-content-side>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderSetting;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: false\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </fd-dynamic-side-content-side>\r\n    <fd-dynamic-side-content-main>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                renderForm;\r\n                context: {\r\n                    $implicit: layout,\r\n                    isMobile: false\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </fd-dynamic-side-content-main>\r\n</fd-dynamic-side-content>\r\n} }\r\n<ng-template #renderForm let-layout let-isMobile=\"isMobile\">\r\n    @if (objectSettingFieldCaption | controlUi: layout; as layoutConfig) {\r\n    <bsu-layout-control\r\n        (click)=\"onSettingClick()\"\r\n        class=\"form-setting\"\r\n        [class.is-mobile]=\"isMobile\"\r\n        [caption]=\"objectSettingFieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n        [focus]=\"true\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderSetting let-layout let-isMobile=\"isMobile\">\r\n    @if (groupSettingFieldCaption | controlUi: layout; as layoutConfig) {\r\n    <bsu-layout-control\r\n        class=\"list-setting\"\r\n        [class.is-mobile]=\"isMobile\"\r\n        [caption]=\"groupSettingFieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n} @else {\r\n<bsu-mask></bsu-mask>\r\n}\r\n", styles: [":host{width:100%}:host ::ng-deep bsu-ulv-context-menu,:host ::ng-deep li button{display:none}.list-setting{height:100%;border-left:1px solid #ccc}.list-setting ::ng-deep bnrc-field-ui{height:100%;padding:0}.list-setting.is-mobile{border:none}.form-setting{height:100%;padding-top:5px}.form-setting ::ng-deep bnrc-field-ui{height:100%!important}fd-dynamic-side-content{height:100%}fd-dynamic-side-content-main{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SettingFormComponent, decorators: [{
             type: Component,
@@ -887,7 +887,7 @@ class UiPersonComponent extends FieldBaseComponent {
         this.isPopoverOpened = isOpen;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiPersonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiPersonComponent, selector: "bdc-ui-person", viewQueries: [{ propertyName: "popoverDom", first: true, predicate: ["popover"], descendants: true }, { propertyName: "popoverBodyDom", first: true, predicate: PopoverBodyComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-popover [fillControlMode]=\"'equal'\" #popover (isOpenChange)=\"openChange($event)\">\r\n    <fd-popover-control>\r\n        <ul fd-list [compact]=\"true\">\r\n            <li fd-list-item>\r\n                <div fd-list-content>\r\n                    <div class=\"control-content\" (mouseover)=\"openPopover()\">\r\n                        <fd-icon glyph=\"person-placeholder\"></fd-icon>\r\n                        <div>\r\n                            <span>{{ value?.FirstName }}</span>\r\n                        </div>\r\n                        <div>\r\n                            <span>{{ value?.LastName }}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if (value) {\r\n                <button fd-button fdType=\"transparent\" glyph=\"user-edit\" (click)=\"edit()\"></button>\r\n                <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"delete()\"></button>\r\n                } @else {\r\n                <button fd-button label=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062E\u0635\" fdType=\"transparent\" (click)=\"openDialog(dialogTemplate)\"></button>\r\n                }\r\n            </li>\r\n        </ul>\r\n    </fd-popover-control>\r\n    @if (value) {\r\n    <fd-popover-body #popoverBody>\r\n        <div class=\"resize-quick-view\">\r\n            <fd-card cardType=\"quickView\">\r\n                <fd-card-content>\r\n                    <fd-quick-view [id]=\"value.id\">\r\n                        <fd-quick-view-subheader>\r\n                            <fd-icon glyph=\"user\"></fd-icon>\r\n                            <fd-quick-view-subheader-title> \u0645\u0634\u062E\u0635\u0627\u062A </fd-quick-view-subheader-title>\r\n                        </fd-quick-view-subheader>\r\n                        <fd-quick-view-group>\r\n                            @for (item of value | keyvalue; track item) {\r\n                            <fd-quick-view-group-item>\r\n                                @if (item.key !== 'Id') {\r\n                                <div class=\"popover-body-item\">\r\n                                    <fd-quick-view-group-item-label>\r\n                                        {{ (item.key | uiPerson) + ':' }}\r\n                                    </fd-quick-view-group-item-label>\r\n                                    <fd-quick-view-group-item-content>\r\n                                        @switch (item.value) { @case ( item.key === 'Mobile' || item.key === 'Phone' ?\r\n                                        item.key : '' ) {\r\n                                        <a [href]=\"'tel:' + item.value\" [innerText]=\"item.value\" fd-link></a>\r\n                                        } @case ('Email') {\r\n                                        <a [href]=\"'mailto:' + item.value\" [innerText]=\"item.value\" fd-link></a>\r\n                                        } @default {\r\n                                        <div [innerText]=\"item.value\"></div>\r\n                                        } }\r\n                                    </fd-quick-view-group-item-content>\r\n                                </div>\r\n                                }\r\n                            </fd-quick-view-group-item>\r\n                            }\r\n                        </fd-quick-view-group>\r\n                    </fd-quick-view>\r\n                </fd-card-content>\r\n            </fd-card>\r\n        </div>\r\n    </fd-popover-body>\r\n    }\r\n</fd-popover>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 fd-title>\u062C\u0633\u062A\u062C\u0648\u06CC \u0634\u062E\u0635</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <div class=\"filter\" (keydown.enter)=\"filter()\">\r\n                <div fd-form-item>\r\n                    <label fd-form-label for=\"name\">\u0646\u0627\u0645</label>\r\n                    <input fd-form-control id=\"name\" [(ngModel)]=\"filterItems.FirstName\" />\r\n                </div>\r\n                <div fd-form-item>\r\n                    <label fd-form-label for=\"last-name\">\u0646\u0627\u0645 \u062E\u0627\u0646\u0648\u0627\u062F\u06AF\u06CC</label>\r\n                    <input fd-form-control id=\"last-name\" [(ngModel)]=\"filterItems.LastName\" />\r\n                </div>\r\n                <div fd-form-item>\r\n                    <label fd-form-label for=\"national-code\">\u06A9\u062F\u0645\u0644\u06CC</label>\r\n                    <input fd-form-control id=\"national-code\" [(ngModel)]=\"filterItems.NationalCode\" />\r\n                </div>\r\n\r\n                <fd-button-bar fdkInitialFocus fdType=\"emphasized\" label=\"\u062C\u0633\u062A\u062C\u0648\" (click)=\"filter()\"> </fd-button-bar>\r\n            </div>\r\n\r\n            <table fd-table [noBorderX]=\"true\" [noBorderY]=\"true\">\r\n                <thead fd-table-header>\r\n                    <tr fd-table-row>\r\n                        <th fd-table-cell>\u0646\u0627\u0645</th>\r\n                        <th fd-table-cell>\u0646\u0627\u0645 \u062E\u0627\u0646\u0648\u0627\u062F\u06AF\u06CC</th>\r\n                        <th fd-table-cell>\u06A9\u062F \u0645\u0644\u06CC</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody fd-table-body>\r\n                    @for (person of searchResult; track person) {\r\n                    <tr (click)=\"select(person)\" [class.selected]=\"selectedPerson?.Id === person?.Id\" fd-table-row>\r\n                        <td fd-table-cell>\r\n                            {{ person.FirstName }}\r\n                        </td>\r\n                        <td fd-table-cell>{{ person.LastName }}</td>\r\n                        <td fd-table-cell>{{ person.NationalCode }}</td>\r\n                    </tr>\r\n                    }\r\n                </tbody>\r\n            </table>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdkTemplate=\"footer\">\r\n                <div fd-bar-right>\r\n                    <fd-button-bar fdType=\"emphasized\" label=\"\u062A\u0627\u06CC\u06CC\u062F\" (click)=\"confirm()\"> </fd-button-bar>\r\n                    <fd-button-bar fdkInitialFocus label=\"\u0627\u0646\u0635\u0631\u0627\u0641\" (click)=\"close()\"> </fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%}::ng-deep .fd-dialog__body{padding:10px 15px!important}::ng-deep .fd-dialog__body .filter{display:flex;column-gap:5px;align-items:flex-end}::ng-deep .fd-dialog__body .filter fd-button-bar{margin-bottom:5px}::ng-deep .fd-dialog__body table{margin-top:25px}::ng-deep .fd-dialog__body table tr:hover{background-color:#f0f5f8}::ng-deep .fd-dialog__body table .selected{background-color:#d0e5ef}::ng-deep .popover-body-item{display:flex;column-gap:5px;align-items:center}::ng-deep .popover-body-item fd-quick-view-group-item-label .fd-form-label__wrapper{padding-left:0}fd-popover{flex:1}fd-popover fd-popover-body{width:300px}li{height:1.625rem!important;min-height:1.625rem!important;display:flex;margin-top:.1875rem!important;margin-bottom:.25rem!important;border:.0625rem solid #89919a!important;padding-left:0}li .fd-list__content{flex:1}li .fd-list__content .control-content{display:flex;column-gap:5px;margin-top:2px;width:fit-content}li .fd-list__content .control-content div{margin-top:2px}li .fd-list__content .control-content fd-icon{margin-left:5px}li .fd-list__content .control-content:hover>*{color:#062b42;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i4$3.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7$1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i10.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i10.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i3$5.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i3$5.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i3$5.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i3$5.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i3$5.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i3$5.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i3$5.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "component", type: i3$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$6.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: UiPersonPipe, name: "uiPerson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiPersonComponent, selector: "bdc-ui-person", viewQueries: [{ propertyName: "popoverDom", first: true, predicate: ["popover"], descendants: true }, { propertyName: "popoverBodyDom", first: true, predicate: PopoverBodyComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-popover [fillControlMode]=\"'equal'\" #popover (isOpenChange)=\"openChange($event)\">\r\n    <fd-popover-control>\r\n        <ul fd-list [compact]=\"true\">\r\n            <li fd-list-item>\r\n                <div fd-list-content>\r\n                    <div class=\"control-content\" (mouseover)=\"openPopover()\">\r\n                        <fd-icon glyph=\"person-placeholder\"></fd-icon>\r\n                        <div>\r\n                            <span>{{ value?.FirstName }}</span>\r\n                        </div>\r\n                        <div>\r\n                            <span>{{ value?.LastName }}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if (value) {\r\n                <button fd-button fdType=\"transparent\" glyph=\"user-edit\" (click)=\"edit()\"></button>\r\n                <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"delete()\"></button>\r\n                } @else {\r\n                <button fd-button label=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062E\u0635\" fdType=\"transparent\" (click)=\"openDialog(dialogTemplate)\"></button>\r\n                }\r\n            </li>\r\n        </ul>\r\n    </fd-popover-control>\r\n    @if (value) {\r\n    <fd-popover-body #popoverBody>\r\n        <div class=\"resize-quick-view\">\r\n            <fd-card cardType=\"quickView\">\r\n                <fd-card-content>\r\n                    <fd-quick-view [id]=\"value.id\">\r\n                        <fd-quick-view-subheader>\r\n                            <fd-icon glyph=\"user\"></fd-icon>\r\n                            <fd-quick-view-subheader-title> \u0645\u0634\u062E\u0635\u0627\u062A </fd-quick-view-subheader-title>\r\n                        </fd-quick-view-subheader>\r\n                        <fd-quick-view-group>\r\n                            @for (item of value | keyvalue; track item) {\r\n                            <fd-quick-view-group-item>\r\n                                @if (item.key !== 'Id') {\r\n                                <div class=\"popover-body-item\">\r\n                                    <fd-quick-view-group-item-label>\r\n                                        {{ (item.key | uiPerson) + ':' }}\r\n                                    </fd-quick-view-group-item-label>\r\n                                    <fd-quick-view-group-item-content>\r\n                                        @switch (item.value) { @case ( item.key === 'Mobile' || item.key === 'Phone' ?\r\n                                        item.key : '' ) {\r\n                                        <a [href]=\"'tel:' + item.value\" [innerText]=\"item.value\" fd-link></a>\r\n                                        } @case ('Email') {\r\n                                        <a [href]=\"'mailto:' + item.value\" [innerText]=\"item.value\" fd-link></a>\r\n                                        } @default {\r\n                                        <div [innerText]=\"item.value\"></div>\r\n                                        } }\r\n                                    </fd-quick-view-group-item-content>\r\n                                </div>\r\n                                }\r\n                            </fd-quick-view-group-item>\r\n                            }\r\n                        </fd-quick-view-group>\r\n                    </fd-quick-view>\r\n                </fd-card-content>\r\n            </fd-card>\r\n        </div>\r\n    </fd-popover-body>\r\n    }\r\n</fd-popover>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 fd-title>\u062C\u0633\u062A\u062C\u0648\u06CC \u0634\u062E\u0635</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <div class=\"filter\" (keydown.enter)=\"filter()\">\r\n                <div fd-form-item>\r\n                    <label fd-form-label for=\"name\">\u0646\u0627\u0645</label>\r\n                    <input fd-form-control id=\"name\" [(ngModel)]=\"filterItems.FirstName\" />\r\n                </div>\r\n                <div fd-form-item>\r\n                    <label fd-form-label for=\"last-name\">\u0646\u0627\u0645 \u062E\u0627\u0646\u0648\u0627\u062F\u06AF\u06CC</label>\r\n                    <input fd-form-control id=\"last-name\" [(ngModel)]=\"filterItems.LastName\" />\r\n                </div>\r\n                <div fd-form-item>\r\n                    <label fd-form-label for=\"national-code\">\u06A9\u062F\u0645\u0644\u06CC</label>\r\n                    <input fd-form-control id=\"national-code\" [(ngModel)]=\"filterItems.NationalCode\" />\r\n                </div>\r\n\r\n                <fd-button-bar fdkInitialFocus fdType=\"emphasized\" label=\"\u062C\u0633\u062A\u062C\u0648\" (click)=\"filter()\"> </fd-button-bar>\r\n            </div>\r\n\r\n            <table fd-table [noBorderX]=\"true\" [noBorderY]=\"true\">\r\n                <thead fd-table-header>\r\n                    <tr fd-table-row>\r\n                        <th fd-table-cell>\u0646\u0627\u0645</th>\r\n                        <th fd-table-cell>\u0646\u0627\u0645 \u062E\u0627\u0646\u0648\u0627\u062F\u06AF\u06CC</th>\r\n                        <th fd-table-cell>\u06A9\u062F \u0645\u0644\u06CC</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody fd-table-body>\r\n                    @for (person of searchResult; track person) {\r\n                    <tr (click)=\"select(person)\" [class.selected]=\"selectedPerson?.Id === person?.Id\" fd-table-row>\r\n                        <td fd-table-cell>\r\n                            {{ person.FirstName }}\r\n                        </td>\r\n                        <td fd-table-cell>{{ person.LastName }}</td>\r\n                        <td fd-table-cell>{{ person.NationalCode }}</td>\r\n                    </tr>\r\n                    }\r\n                </tbody>\r\n            </table>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdkTemplate=\"footer\">\r\n                <div fd-bar-right>\r\n                    <fd-button-bar fdType=\"emphasized\" label=\"\u062A\u0627\u06CC\u06CC\u062F\" (click)=\"confirm()\"> </fd-button-bar>\r\n                    <fd-button-bar fdkInitialFocus label=\"\u0627\u0646\u0635\u0631\u0627\u0641\" (click)=\"close()\"> </fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%}::ng-deep .fd-dialog__body{padding:10px 15px!important}::ng-deep .fd-dialog__body .filter{display:flex;column-gap:5px;align-items:flex-end}::ng-deep .fd-dialog__body .filter fd-button-bar{margin-bottom:5px}::ng-deep .fd-dialog__body table{margin-top:25px}::ng-deep .fd-dialog__body table tr:hover{background-color:#f0f5f8}::ng-deep .fd-dialog__body table .selected{background-color:#d0e5ef}::ng-deep .popover-body-item{display:flex;column-gap:5px;align-items:center}::ng-deep .popover-body-item fd-quick-view-group-item-label .fd-form-label__wrapper{padding-left:0}fd-popover{flex:1}fd-popover fd-popover-body{width:300px}li{height:1.625rem!important;min-height:1.625rem!important;display:flex;margin-top:.1875rem!important;margin-bottom:.25rem!important;border:.0625rem solid #89919a!important;padding-left:0}li .fd-list__content{flex:1}li .fd-list__content .control-content{display:flex;column-gap:5px;margin-top:2px;width:fit-content}li .fd-list__content .control-content div{margin-top:2px}li .fd-list__content .control-content fd-icon{margin-left:5px}li .fd-list__content .control-content:hover>*{color:#062b42;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7$1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i10.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i10.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i3$5.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i3$5.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i3$5.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i3$5.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i3$5.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i3$5.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i3$5.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "component", type: i3$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$6.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i3$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: UiPersonPipe, name: "uiPerson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiPersonComponent, decorators: [{
             type: Component,
@@ -914,7 +914,7 @@ class LoginSocialConncetionsComponent extends ReportBaseComponent {
         BarsaApi.Bw.NavigateTo(`/api/openId/signin?provider=${provider}&returnUrl=${returnUrl}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LoginSocialConncetionsComponent, deps: [{ token: i1$1.UlvMainService }, { token: i1$1.PortalService }, { token: i1$1.MoReportValuePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LoginSocialConncetionsComponent, selector: "bdc-login-social-conncetions", host: { properties: { "attr.rtl": "this.rtl" } }, usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList$ | async; track mo) {\r\n<button\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n    />\r\n</button>\r\n}\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LoginSocialConncetionsComponent, selector: "bdc-login-social-conncetions", host: { properties: { "attr.rtl": "this.rtl" } }, usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList$ | async; track mo) {\r\n<button\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n    />\r\n</button>\r\n}\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LoginSocialConncetionsComponent, decorators: [{
             type: Component,
@@ -971,7 +971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }] } });
 
 class ServiceDeskHeaderComponent extends TilesViewerContainerComponent {
-    constructor(_portalService, _tilesService, _tilesViewerService, _renderer, _viewportScroller, _cdr, _router, _activatedRoute) {
+    constructor(_portalService, _tilesService, _tilesViewerService, _renderer, _viewportScroller, _cdr) {
         super(_portalService, _tilesService, _tilesViewerService);
         this._portalService = _portalService;
         this._tilesService = _tilesService;
@@ -979,8 +979,6 @@ class ServiceDeskHeaderComponent extends TilesViewerContainerComponent {
         this._renderer = _renderer;
         this._viewportScroller = _viewportScroller;
         this._cdr = _cdr;
-        this._router = _router;
-        this._activatedRoute = _activatedRoute;
         this.selectedTabIndex = 0;
         this.heightOfSpaceHolder = 88;
         this.searchTerm = '';
@@ -1157,13 +1155,13 @@ class ServiceDeskHeaderComponent extends TilesViewerContainerComponent {
         observer.observe(above);
         this.observerList.push({ el: above, observer });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskHeaderComponent, deps: [{ token: i1$1.PortalService }, { token: i2$4.TilesService }, { token: i2$4.TilesViewerService }, { token: i0.Renderer2 }, { token: i1$3.ViewportScroller }, { token: i0.ChangeDetectorRef }, { token: i4$4.Router }, { token: i4$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ServiceDeskHeaderComponent, selector: "bdc-service-desk-header", inputs: { settings: "settings" }, providers: [TilesViewerService], viewQueries: [{ propertyName: "headerSpaceHolder", first: true, predicate: ["headerSpaceHolder"], descendants: true, static: true }, { propertyName: "headerGrid", first: true, predicate: ["headerGrid"], descendants: true, static: true }, { propertyName: "aboveSearch", first: true, predicate: ["aboveSearch"], descendants: true, static: true }, { propertyName: "searchHolder", first: true, predicate: ["searchHolder"], descendants: true, static: true }, { propertyName: "navHolder", first: true, predicate: ["navHolder"], descendants: true, static: true }, { propertyName: "aboveContent", first: true, predicate: ["aboveContent"], descendants: true, static: true }, { propertyName: "bgOuterHolder", first: true, predicate: ["bgOuterHolder"], descendants: true, static: true }, { propertyName: "contentAndNav", first: true, predicate: ["contentAndNav"], descendants: true, static: true }, { propertyName: "tilesViewerGroupElList", predicate: TilesViewerGroupComponent, descendants: true, read: ElementRef }, { propertyName: "tabPanelComponents", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"headerGrid\" style=\"grid-template-rows: minmax(1px, 15%) 48px 32px 1fr auto 12%; height: 148px\" #headerGrid>\r\n    <div class=\"companyLogoHolder_aboveSearch\" #aboveSearch></div>\r\n    <div id=\"searchHolder\" style=\"grid-row: 2\" #searchHolder>\r\n        <fd-input-group\r\n            [style.display]=\"settings?.HideSearch ? 'none' : null\"\r\n            class=\"input-search\"\r\n            contentDensity=\"cozy\"\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </div>\r\n</div>\r\n<div id=\"headerSpaceHolder\" #headerSpaceHolder>\r\n    <div id=\"bgOuterHolder\" #bgOuterHolder>\r\n        <div id=\"bgInnerHolder\" style=\"height: 100vh\">\r\n            <div class=\"backgroundImage\" id=\"backgroundImage\">\r\n                <img class=\"picture\" src=\"/assets/back.jpg\" loading=\"lazy\" />\r\n                <span id=\"backgroundImageOverlay\" class=\"overlay\"></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div id=\"contentHolderAndNav\" first=\"true\" #contentAndNav>\r\n    <div class=\"aboveContent\" #aboveContent></div>\r\n    <div id=\"contentHolder\">\r\n        <div class=\"nav\" #navHolder>\r\n            <div class=\"nav-container\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"renderTabs; context: { $implicit: (appTileGroups$ | async)!! }\"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"nav_surrogate\" style=\"height: 10px\"></div>\r\n        <div class=\"content-feed\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"renderGroups; context: { $implicit: (appTileGroups$ | async)!! }\"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template #renderTabs let-appTileGroups>\r\n    <fd-tab-list\r\n        [size]=\"tabSize\"\r\n        [collapseOverflow]=\"tabSize === 's' || appTileGroups.length > 5\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        (selectedTabChange)=\"onSelectedTabChange3($event)\"\r\n    >\r\n        @for (appTileGroup of appTileGroups; track appTileGroup; let i = $index) {\r\n        <fd-tab [id]=\"'' + i\" [title]=\"appTileGroup.navigatorTitle\"> </fd-tab>\r\n        }\r\n    </fd-tab-list>\r\n</ng-template>\r\n<ng-template #renderGroups let-appTileGroups>\r\n    @for (appTileGroup of appTileGroups; track appTileGroup; let i = $index) {\r\n    <bt-tiles-viewer-group\r\n        [attr.index]=\"i\"\r\n        [appTileGroup]=\"appTileGroup\"\r\n        [edit]=\"false\"\r\n        [stackContent]=\"true\"\r\n        [isAppTileSubGroup]=\"false\"\r\n        [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    ></bt-tiles-viewer-group>\r\n    }\r\n</ng-template>\r\n", styles: ["html{scroll-behavior:smooth}body{overflow-y:auto!important;overflow-x:hidden!important}bt-shellbar{position:fixed!important;top:10px;width:100%;z-index:6}bt-shellbar .fd-shellbar{background:transparent;box-shadow:none}bt-shellbar .fd-shellbar__product{display:none}bt-shellbar button{background-color:transparent}bdc-service-desk-header{display:block}bdc-service-desk-header #headerGrid{display:grid;justify-items:center;position:absolute;top:0;width:100%}bdc-service-desk-header #headerSpaceHolder{transition:height .3s ease-out 0s;width:100%}bdc-service-desk-header #searchHolder{z-index:302}bdc-service-desk-header #searchHolder.sticky{position:fixed;top:15px;will-change:transform}bdc-service-desk-header #contentHolderAndNav{align-items:center;background:#00000051;display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list{background-color:transparent!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list fd-tab,bdc-service-desk-header #contentHolderAndNav fd-tab-list .fd-tabs{background-color:transparent!important;box-shadow:none!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav[first=true] span.fd-tabs__tag{color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-tabs__link.is-selected>span.fd-tabs__tag:after{background-color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-layout-panel__title{color:#fff!important}bdc-service-desk-header #contentHolderAndNav.navAndContent_tb{background:#f7f7f7}bdc-service-desk-header #contentHolder{align-items:center;display:flex;flex-direction:column}bdc-service-desk-header .nav-container{align-items:center;display:flex;gap:5px}bdc-service-desk-header .nav-container fd-tab-list{width:100%}bdc-service-desk-header .nav_surrogate{height:1px}bdc-service-desk-header .nav{display:flex;height:50px;justify-content:center;z-index:500;width:100%}bdc-service-desk-header .nav ul{height:auto;overflow:hidden;list-style:none;padding-inline:0px 15px;margin:0;display:inline-flex;align-items:center}bdc-service-desk-header .nav ul li{display:inline;list-style:none;padding:0 16px;color:#fff}bdc-service-desk-header .nav.sticky{background:#f7f7f7;position:fixed;will-change:transform}bt-tiles-viewer-group:first-child fd-layout-panel-header{display:none!important}bt-tiles-viewer-group:first-child .fd-panel__content{border-bottom:none}.content-feed{padding:0}.input-search{display:block}@media (max-width: 480px){.nav-container,.content-feed{width:100%}.nav-container .fd-tabs,.content-feed .fd-tabs{padding:0}#searchHolder.sticky{display:none}#searchHolder .input-search{width:250px}}@media (min-width: 481px) and (max-width: 935px){#searchHolder .input-search{width:360px}}@media (min-width: 936px) and (max-width: 1250px){#searchHolder .input-search{width:480px}}@media (min-width: 1251px){#searchHolder .input-search{width:690px}}@media (max-width: 1180){div#searchHolder.sticky .input-search{width:280px!important}}@media (min-width: 480px) and (max-width: 935px){.nav-container,.content-feed{width:860px}}@media (min-width: 1244px){.nav-container,.content-feed{width:1250px}#searchHolder.sticky .input-search{width:690px}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$4.TilesViewerGroupComponent, selector: "bt-tiles-viewer-group", inputs: ["appTileGroup", "stackContent", "edit", "rtl", "isAppTileSubGroup", "deviceSize"], outputs: ["tilesDropped", "hideAppTileClick", "renameAppTileClick", "toggleGroup", "resetGroup", "deleteGroup"] }, { kind: "component", type: i2.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i1$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskHeaderComponent, deps: [{ token: i1$1.PortalService }, { token: i2$4.TilesService }, { token: i2$4.TilesViewerService }, { token: i0.Renderer2 }, { token: i1$3.ViewportScroller }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ServiceDeskHeaderComponent, selector: "bdc-service-desk-header", inputs: { settings: "settings" }, providers: [TilesViewerService], viewQueries: [{ propertyName: "headerSpaceHolder", first: true, predicate: ["headerSpaceHolder"], descendants: true, static: true }, { propertyName: "headerGrid", first: true, predicate: ["headerGrid"], descendants: true, static: true }, { propertyName: "aboveSearch", first: true, predicate: ["aboveSearch"], descendants: true, static: true }, { propertyName: "searchHolder", first: true, predicate: ["searchHolder"], descendants: true, static: true }, { propertyName: "navHolder", first: true, predicate: ["navHolder"], descendants: true, static: true }, { propertyName: "aboveContent", first: true, predicate: ["aboveContent"], descendants: true, static: true }, { propertyName: "bgOuterHolder", first: true, predicate: ["bgOuterHolder"], descendants: true, static: true }, { propertyName: "contentAndNav", first: true, predicate: ["contentAndNav"], descendants: true, static: true }, { propertyName: "tilesViewerGroupElList", predicate: TilesViewerGroupComponent, descendants: true, read: ElementRef }, { propertyName: "tabPanelComponents", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"headerGrid\" style=\"grid-template-rows: minmax(1px, 15%) 48px 32px 1fr auto 12%; height: 148px\" #headerGrid>\r\n    <div class=\"companyLogoHolder_aboveSearch\" #aboveSearch></div>\r\n    <div id=\"searchHolder\" style=\"grid-row: 2\" #searchHolder>\r\n        <fd-input-group\r\n            [style.display]=\"settings?.HideSearch ? 'none' : null\"\r\n            class=\"input-search\"\r\n            contentDensity=\"cozy\"\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </div>\r\n</div>\r\n<div id=\"headerSpaceHolder\" #headerSpaceHolder>\r\n    <div id=\"bgOuterHolder\" #bgOuterHolder>\r\n        <div id=\"bgInnerHolder\" style=\"height: 100vh\">\r\n            <div class=\"backgroundImage\" id=\"backgroundImage\">\r\n                <img class=\"picture\" src=\"/assets/back.jpg\" loading=\"lazy\" />\r\n                <span id=\"backgroundImageOverlay\" class=\"overlay\"></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div id=\"contentHolderAndNav\" first=\"true\" #contentAndNav>\r\n    <div class=\"aboveContent\" #aboveContent></div>\r\n    <div id=\"contentHolder\">\r\n        <div class=\"nav\" #navHolder>\r\n            <div class=\"nav-container\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"renderTabs; context: { $implicit: (appTileGroups$ | async)!! }\"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"nav_surrogate\" style=\"height: 10px\"></div>\r\n        <div class=\"content-feed\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"renderGroups; context: { $implicit: (appTileGroups$ | async)!! }\"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template #renderTabs let-appTileGroups>\r\n    <fd-tab-list\r\n        [size]=\"tabSize\"\r\n        [collapseOverflow]=\"tabSize === 's' || appTileGroups.length > 5\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        (selectedTabChange)=\"onSelectedTabChange3($event)\"\r\n    >\r\n        @for (appTileGroup of appTileGroups; track appTileGroup; let i = $index) {\r\n        <fd-tab [id]=\"'' + i\" [title]=\"appTileGroup.navigatorTitle\"> </fd-tab>\r\n        }\r\n    </fd-tab-list>\r\n</ng-template>\r\n<ng-template #renderGroups let-appTileGroups>\r\n    @for (appTileGroup of appTileGroups; track appTileGroup; let i = $index) {\r\n    <bt-tiles-viewer-group\r\n        [attr.index]=\"i\"\r\n        [appTileGroup]=\"appTileGroup\"\r\n        [edit]=\"false\"\r\n        [stackContent]=\"true\"\r\n        [isAppTileSubGroup]=\"false\"\r\n        [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    ></bt-tiles-viewer-group>\r\n    }\r\n</ng-template>\r\n", styles: ["html{scroll-behavior:smooth}body{overflow-y:auto!important;overflow-x:hidden!important}bt-shellbar{position:fixed!important;top:10px;width:100%;z-index:6}bt-shellbar .fd-shellbar{background:transparent;box-shadow:none}bt-shellbar .fd-shellbar__product{display:none}bt-shellbar button{background-color:transparent}bdc-service-desk-header{display:block}bdc-service-desk-header #headerGrid{display:grid;justify-items:center;position:absolute;top:0;width:100%}bdc-service-desk-header #headerSpaceHolder{transition:height .3s ease-out 0s;width:100%}bdc-service-desk-header #searchHolder{z-index:302}bdc-service-desk-header #searchHolder.sticky{position:fixed;top:15px;will-change:transform}bdc-service-desk-header #contentHolderAndNav{align-items:center;background:#00000051;display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list{background-color:transparent!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list fd-tab,bdc-service-desk-header #contentHolderAndNav fd-tab-list .fd-tabs{background-color:transparent!important;box-shadow:none!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav[first=true] span.fd-tabs__tag{color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-tabs__link.is-selected>span.fd-tabs__tag:after{background-color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-layout-panel__title{color:#fff!important}bdc-service-desk-header #contentHolderAndNav.navAndContent_tb{background:#f7f7f7}bdc-service-desk-header #contentHolder{align-items:center;display:flex;flex-direction:column}bdc-service-desk-header .nav-container{align-items:center;display:flex;gap:5px}bdc-service-desk-header .nav-container fd-tab-list{width:100%}bdc-service-desk-header .nav_surrogate{height:1px}bdc-service-desk-header .nav{display:flex;height:50px;justify-content:center;z-index:500;width:100%}bdc-service-desk-header .nav ul{height:auto;overflow:hidden;list-style:none;padding-inline:0px 15px;margin:0;display:inline-flex;align-items:center}bdc-service-desk-header .nav ul li{display:inline;list-style:none;padding:0 16px;color:#fff}bdc-service-desk-header .nav.sticky{background:#f7f7f7;position:fixed;will-change:transform}bt-tiles-viewer-group:first-child fd-layout-panel-header{display:none!important}bt-tiles-viewer-group:first-child .fd-panel__content{border-bottom:none}.content-feed{padding:0}.input-search{display:block}@media (max-width: 480px){.nav-container,.content-feed{width:100%}.nav-container .fd-tabs,.content-feed .fd-tabs{padding:0}#searchHolder.sticky{display:none}#searchHolder .input-search{width:250px}}@media (min-width: 481px) and (max-width: 935px){#searchHolder .input-search{width:360px}}@media (min-width: 936px) and (max-width: 1250px){#searchHolder .input-search{width:480px}}@media (min-width: 1251px){#searchHolder .input-search{width:690px}}@media (max-width: 1180){div#searchHolder.sticky .input-search{width:280px!important}}@media (min-width: 480px) and (max-width: 935px){.nav-container,.content-feed{width:860px}}@media (min-width: 1244px){.nav-container,.content-feed{width:1250px}#searchHolder.sticky .input-search{width:690px}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$4.TilesViewerGroupComponent, selector: "bt-tiles-viewer-group", inputs: ["appTileGroup", "stackContent", "edit", "rtl", "isAppTileSubGroup", "deviceSize"], outputs: ["tilesDropped", "hideAppTileClick", "renameAppTileClick", "toggleGroup", "resetGroup", "deleteGroup"] }, { kind: "component", type: i2.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i1$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-service-desk-header', providers: [TilesViewerService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div id=\"headerGrid\" style=\"grid-template-rows: minmax(1px, 15%) 48px 32px 1fr auto 12%; height: 148px\" #headerGrid>\r\n    <div class=\"companyLogoHolder_aboveSearch\" #aboveSearch></div>\r\n    <div id=\"searchHolder\" style=\"grid-row: 2\" #searchHolder>\r\n        <fd-input-group\r\n            [style.display]=\"settings?.HideSearch ? 'none' : null\"\r\n            class=\"input-search\"\r\n            contentDensity=\"cozy\"\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </div>\r\n</div>\r\n<div id=\"headerSpaceHolder\" #headerSpaceHolder>\r\n    <div id=\"bgOuterHolder\" #bgOuterHolder>\r\n        <div id=\"bgInnerHolder\" style=\"height: 100vh\">\r\n            <div class=\"backgroundImage\" id=\"backgroundImage\">\r\n                <img class=\"picture\" src=\"/assets/back.jpg\" loading=\"lazy\" />\r\n                <span id=\"backgroundImageOverlay\" class=\"overlay\"></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div id=\"contentHolderAndNav\" first=\"true\" #contentAndNav>\r\n    <div class=\"aboveContent\" #aboveContent></div>\r\n    <div id=\"contentHolder\">\r\n        <div class=\"nav\" #navHolder>\r\n            <div class=\"nav-container\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"renderTabs; context: { $implicit: (appTileGroups$ | async)!! }\"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n        <div class=\"nav_surrogate\" style=\"height: 10px\"></div>\r\n        <div class=\"content-feed\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"renderGroups; context: { $implicit: (appTileGroups$ | async)!! }\"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template #renderTabs let-appTileGroups>\r\n    <fd-tab-list\r\n        [size]=\"tabSize\"\r\n        [collapseOverflow]=\"tabSize === 's' || appTileGroups.length > 5\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        (selectedTabChange)=\"onSelectedTabChange3($event)\"\r\n    >\r\n        @for (appTileGroup of appTileGroups; track appTileGroup; let i = $index) {\r\n        <fd-tab [id]=\"'' + i\" [title]=\"appTileGroup.navigatorTitle\"> </fd-tab>\r\n        }\r\n    </fd-tab-list>\r\n</ng-template>\r\n<ng-template #renderGroups let-appTileGroups>\r\n    @for (appTileGroup of appTileGroups; track appTileGroup; let i = $index) {\r\n    <bt-tiles-viewer-group\r\n        [attr.index]=\"i\"\r\n        [appTileGroup]=\"appTileGroup\"\r\n        [edit]=\"false\"\r\n        [stackContent]=\"true\"\r\n        [isAppTileSubGroup]=\"false\"\r\n        [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    ></bt-tiles-viewer-group>\r\n    }\r\n</ng-template>\r\n", styles: ["html{scroll-behavior:smooth}body{overflow-y:auto!important;overflow-x:hidden!important}bt-shellbar{position:fixed!important;top:10px;width:100%;z-index:6}bt-shellbar .fd-shellbar{background:transparent;box-shadow:none}bt-shellbar .fd-shellbar__product{display:none}bt-shellbar button{background-color:transparent}bdc-service-desk-header{display:block}bdc-service-desk-header #headerGrid{display:grid;justify-items:center;position:absolute;top:0;width:100%}bdc-service-desk-header #headerSpaceHolder{transition:height .3s ease-out 0s;width:100%}bdc-service-desk-header #searchHolder{z-index:302}bdc-service-desk-header #searchHolder.sticky{position:fixed;top:15px;will-change:transform}bdc-service-desk-header #contentHolderAndNav{align-items:center;background:#00000051;display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list{background-color:transparent!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list fd-tab,bdc-service-desk-header #contentHolderAndNav fd-tab-list .fd-tabs{background-color:transparent!important;box-shadow:none!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav[first=true] span.fd-tabs__tag{color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-tabs__link.is-selected>span.fd-tabs__tag:after{background-color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-layout-panel__title{color:#fff!important}bdc-service-desk-header #contentHolderAndNav.navAndContent_tb{background:#f7f7f7}bdc-service-desk-header #contentHolder{align-items:center;display:flex;flex-direction:column}bdc-service-desk-header .nav-container{align-items:center;display:flex;gap:5px}bdc-service-desk-header .nav-container fd-tab-list{width:100%}bdc-service-desk-header .nav_surrogate{height:1px}bdc-service-desk-header .nav{display:flex;height:50px;justify-content:center;z-index:500;width:100%}bdc-service-desk-header .nav ul{height:auto;overflow:hidden;list-style:none;padding-inline:0px 15px;margin:0;display:inline-flex;align-items:center}bdc-service-desk-header .nav ul li{display:inline;list-style:none;padding:0 16px;color:#fff}bdc-service-desk-header .nav.sticky{background:#f7f7f7;position:fixed;will-change:transform}bt-tiles-viewer-group:first-child fd-layout-panel-header{display:none!important}bt-tiles-viewer-group:first-child .fd-panel__content{border-bottom:none}.content-feed{padding:0}.input-search{display:block}@media (max-width: 480px){.nav-container,.content-feed{width:100%}.nav-container .fd-tabs,.content-feed .fd-tabs{padding:0}#searchHolder.sticky{display:none}#searchHolder .input-search{width:250px}}@media (min-width: 481px) and (max-width: 935px){#searchHolder .input-search{width:360px}}@media (min-width: 936px) and (max-width: 1250px){#searchHolder .input-search{width:480px}}@media (min-width: 1251px){#searchHolder .input-search{width:690px}}@media (max-width: 1180){div#searchHolder.sticky .input-search{width:280px!important}}@media (min-width: 480px) and (max-width: 935px){.nav-container,.content-feed{width:860px}}@media (min-width: 1244px){.nav-container,.content-feed{width:1250px}#searchHolder.sticky .input-search{width:690px}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.PortalService }, { type: i2$4.TilesService }, { type: i2$4.TilesViewerService }, { type: i0.Renderer2 }, { type: i1$3.ViewportScroller }, { type: i0.ChangeDetectorRef }, { type: i4$4.Router }, { type: i4$4.ActivatedRoute }], propDecorators: { headerSpaceHolder: [{
+        }], ctorParameters: () => [{ type: i1$1.PortalService }, { type: i2$4.TilesService }, { type: i2$4.TilesViewerService }, { type: i0.Renderer2 }, { type: i1$3.ViewportScroller }, { type: i0.ChangeDetectorRef }], propDecorators: { headerSpaceHolder: [{
                 type: ViewChild,
                 args: ['headerSpaceHolder', { static: true }]
             }], headerGrid: [{
@@ -1267,7 +1265,7 @@ class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderLogoTitleSubtitleComponent, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header\n    [class.hide-border]=\"parameters.HideBorder\"\n    (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\n>\n    @if (hasIcon) {\n    <fd-avatar\n        [circle]=\"avatarCircle\"\n        size=\"s\"\n        ariaLabel=\"avatar image\"\n        title=\"avatar image\"\n        alterIcon=\"content|alt|backup|default-icon\"\n        [glyph]=\"fontIcon\"\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n    ></fd-avatar>\n    }\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            @if (isCheckList) {\n            <fd-checkbox\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            } @if (setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n            <div\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n            }\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"titleDbName\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title | bbbTranslate }}\n            </h2>\n        </div>\n        @if (canView) {\n        <button\n            fd-button\n            (click)=\"$event.preventDefault(); $event.stopPropagation(); events.emit({ title: 'rowClick' })\"\n            [glyph]=\"navigationArrow\"\n            fdType=\"transparent\"\n        ></button>\n        }\n    </div>\n\n    <h3\n        fd-card-subtitle\n        #hEl\n        [hostEl]=\"hEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"subtitleDbName\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n    >\n        {{ subtitle | bbbTranslate }}\n    </h3>\n</fd-card-header>\n<div></div>\n", styles: ["fd-card-header{cursor:default}fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderLogoTitleSubtitleComponent, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header\n    [class.hide-border]=\"parameters.HideBorder\"\n    (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\n>\n    @if (hasIcon) {\n    <fd-avatar\n        [circle]=\"avatarCircle\"\n        size=\"s\"\n        ariaLabel=\"avatar image\"\n        title=\"avatar image\"\n        alterIcon=\"content|alt|backup|default-icon\"\n        [glyph]=\"fontIcon\"\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n    ></fd-avatar>\n    }\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            @if (isCheckList) {\n            <fd-checkbox\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            } @if (setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n            <div\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n            }\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"titleDbName\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title | bbbTranslate }}\n            </h2>\n        </div>\n        @if (canView) {\n        <button\n            fd-button\n            (click)=\"$event.preventDefault(); $event.stopPropagation(); events.emit({ title: 'rowClick' })\"\n            [glyph]=\"navigationArrow\"\n            fdType=\"transparent\"\n        ></button>\n        }\n    </div>\n\n    <h3\n        fd-card-subtitle\n        #hEl\n        [hostEl]=\"hEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"subtitleDbName\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n    >\n        {{ subtitle | bbbTranslate }}\n    </h3>\n</fd-card-header>\n<div></div>\n", styles: ["fd-card-header{cursor:default}fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, decorators: [{
             type: Component,
@@ -1489,7 +1487,7 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
         this.isOdd = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskServcieDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ServiceDeskServcieDetailComponent, selector: "bdc-service-desk-servcie-detail", viewQueries: [{ propertyName: "tabContainerRef", first: true, predicate: ["tabContainerRef"], descendants: true }, { propertyName: "tablesRef", predicate: ["tablesRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"isMobile ? 'small' : 'large'\">\r\n    <fd-tab-list\r\n        [collapseOverflow]=\"true\"\r\n        [stackContent]=\"false\"\r\n        maxContentHeight=\"auto\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        #tablist\r\n    >\r\n        <fd-tab [title]=\"'\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\" selected>\r\n            <fd-dynamic-page-content>\r\n                <fd-layout-grid class=\"row\" style=\"margin: 0\">\r\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                renderTable;\r\n                                context: {\r\n                                    $implicit: firstArray,\r\n                                    showKhadamatMortabet: isOdd,\r\n                                    classNames: 'firstTable'\r\n                                }\r\n                            \"\r\n                        >\r\n                        </ng-container>\r\n                    </div>\r\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                renderTable;\r\n                                context: {\r\n                                    $implicit: secondArray,\r\n                                    showKhadamatMortabet: !isOdd,\r\n                                    classNames: 'secondTable'\r\n                                }\r\n                            \"\r\n                        >\r\n                        </ng-container>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        <fd-tab [title]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        <fd-tab [title]=\"'\u0634\u0631\u0627\u064A\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                } @if ('\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control [caption]=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | bbbTranslate\" [config]=\"configUi\"></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        <fd-tab [title]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0648\u0627\u062D\u062F\u0647\u0627\u06CC \u0627\u0631\u0627\u0626\u0647 \u062F\u0647\u0646\u062F\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0648\u0627\u062D\u062F\u0647\u0627\u06CC \u0633\u0627\u0632\u0645\u0627\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062F\u0647\u0646\u062F\u0647' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0648\u0627\u062D\u062F\u0647\u0627\u06CC \u0633\u0627\u0632\u0645\u0627\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062F\u0647\u0646\u062F\u0647' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u062F\u0633\u062A\u06AF\u0627\u0647 \u0647\u0627\u06CC \u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u062F\u0647\u0646\u062F\u0647' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        @if ('SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n        <fd-tab [title]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if (configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        }\r\n    </fd-tab-list>\r\n\r\n    <fd-dynamic-page-footer> </fd-dynamic-page-footer>\r\n</fd-dynamic-page>\r\n\r\n<ng-template #renderTable let-array let-showKhadamatMortabet=\"showKhadamatMortabet\" let-classNames=\"classNames\">\r\n    <table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\r\n        @for (controlItem of array; track controlItem) {\r\n        <tr>\r\n            <th>{{ controlItem.caption | bbbTranslate }}</th>\r\n            <td>\r\n                @switch (controlItem.type) { @case ('Link') {\r\n                <a dir=\"ltr\" target=\"_blank\" [href]=\"mo[controlItem.fieldName]\">{{ mo[controlItem.fieldName] }}</a>\r\n                } @case ('Relation') {\r\n                {{ controlItem.fieldName | val: mo:true | bbbTranslate }}\r\n                } @case ('MoList') { @for (item of mo[controlItem.fieldName]?.MoDataList; track item) {\r\n                <div class=\"links\">\r\n                    <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\" style=\"color: #0854a0\"></fd-icon>\r\n                    <!-- <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon> -->\r\n                    <a (click)=\"onDownload(item)\">{{ item.$Caption }}</a>\r\n                </div>\r\n                } } @case ('Image') {\r\n                {{ mo[controlItem.fieldName].Ext }}\r\n                } @case ('Files') {\r\n                {{ mo[controlItem.fieldName].Files }}\r\n                } @default {\r\n                {{ mo[controlItem.fieldName + '$Caption'] || mo[controlItem.fieldName] | bbbTranslate }}\r\n                } }\r\n            </td>\r\n        </tr>\r\n        }\r\n        <!-- <ng-container *ngIf=\"showKhadamatMortabet\">\r\n    <tr>\r\n      <th>\u062E\u062F\u0645\u0627\u062A \u0645\u0631\u062A\u0628\u0637</th>\r\n      <td>\r\n        <div class=\"links\" *ngFor=\"let item of khadamatmortabet\">\r\n          <a (click)=\"onKhadamatMortabet(item)\">{{ item.$Caption }}</a>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </ng-container> -->\r\n    </table>\r\n</ng-template>\r\n", styles: ["table{background-color:var(--sapBaseColor)}.cell{font-size:14px}.bod{border-bottom:1px solid gray;border-right:1px solid gray;height:30px;line-height:30px}.bod :first{border-right:0;border-bottom:0}.anwser{line-height:30px;padding:10px;text-align:justify}.box{padding:0 40px 10px 10px;line-height:30px;display:flex;flex-direction:column;column-count:2;flex-wrap:wrap;height:180px;overflow:hidden}.faq-item-link{font-size:16px;padding-right:25px;cursor:pointer;color:gray}.faq-item-link a{color:gray;cursor:pointer}.faq-item-link a:hover{text-decoration:underline!important}.law-page-header{background:#fff;color:#0854a0;font-size:1.3rem;font-weight:500;padding:5px 15px}.wrapper{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}table.table-grid{font-family:arial,sans-serif;border-collapse:collapse;width:100%;direction:rtl}.table-grid td,.table-grid th{border:1px solid grey;text-align:left;padding:12px 8px;text-align:right}.table-grid th{background-color:#e2e2e2;font-size:.825rem;font-weight:500;vertical-align:middle;width:150px;font-family:IRANYekanDigits}.table-grid td{font-size:.825rem;vertical-align:middle;font-family:IRANYekanDigits}@media only screen and (max-width: 992px){.secondTable tr:first-child td,.secondTable tr:first-child th{border-top:0}}@media only screen and (min-width: 992px){.secondTable th{border-right:0}}.fd-icon{font-size:2rem;color:#0854a0;padding-left:10px}.links a{line-height:25px;cursor:pointer;display:inline;color:#32363a;vertical-align:top}.links a:hover{text-decoration:underline!important;color:#000}.fd-icon-link{font-size:1rem;padding-left:5px}.VideoGuide{max-width:1280px;margin:0 auto;width:auto;text-align:center}.h_iframe-aparat_embed_frame{position:relative}.h_iframe-aparat_embed_frame .ratio{display:block;width:100%;height:auto}.h_iframe-aparat_embed_frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: i3$9.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$9.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$9.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$7.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$7.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i1$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ServiceDeskServcieDetailComponent, selector: "bdc-service-desk-servcie-detail", viewQueries: [{ propertyName: "tabContainerRef", first: true, predicate: ["tabContainerRef"], descendants: true }, { propertyName: "tablesRef", predicate: ["tablesRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"isMobile ? 'small' : 'large'\">\r\n    <fd-tab-list\r\n        [collapseOverflow]=\"true\"\r\n        [stackContent]=\"false\"\r\n        maxContentHeight=\"auto\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        #tablist\r\n    >\r\n        <fd-tab [title]=\"'\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\" selected>\r\n            <fd-dynamic-page-content>\r\n                <fd-layout-grid class=\"row\" style=\"margin: 0\">\r\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                renderTable;\r\n                                context: {\r\n                                    $implicit: firstArray,\r\n                                    showKhadamatMortabet: isOdd,\r\n                                    classNames: 'firstTable'\r\n                                }\r\n                            \"\r\n                        >\r\n                        </ng-container>\r\n                    </div>\r\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                renderTable;\r\n                                context: {\r\n                                    $implicit: secondArray,\r\n                                    showKhadamatMortabet: !isOdd,\r\n                                    classNames: 'secondTable'\r\n                                }\r\n                            \"\r\n                        >\r\n                        </ng-container>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        <fd-tab [title]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        <fd-tab [title]=\"'\u0634\u0631\u0627\u064A\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                } @if ('\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control [caption]=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | bbbTranslate\" [config]=\"configUi\"></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        <fd-tab [title]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u0648\u0627\u062D\u062F\u0647\u0627\u06CC \u0627\u0631\u0627\u0626\u0647 \u062F\u0647\u0646\u062F\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0648\u0627\u062D\u062F\u0647\u0627\u06CC \u0633\u0627\u0632\u0645\u0627\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062F\u0647\u0646\u062F\u0647' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0648\u0627\u062D\u062F\u0647\u0627\u06CC \u0633\u0627\u0632\u0645\u0627\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062F\u0647\u0646\u062F\u0647' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n\r\n        <fd-tab [title]=\"'\u062F\u0633\u062A\u06AF\u0627\u0647 \u0647\u0627\u06CC \u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u062F\u0647\u0646\u062F\u0647' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if ('\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | controlUi: layout94; as configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        @if ('SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94; as configUi) {\r\n        <fd-tab [title]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\r\n            <fd-dynamic-page-content>\r\n                @if (configUi) {\r\n                <bsu-layout-control\r\n                    [caption]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\r\n                    [config]=\"configUi\"\r\n                ></bsu-layout-control>\r\n                }\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n        }\r\n    </fd-tab-list>\r\n\r\n    <fd-dynamic-page-footer> </fd-dynamic-page-footer>\r\n</fd-dynamic-page>\r\n\r\n<ng-template #renderTable let-array let-showKhadamatMortabet=\"showKhadamatMortabet\" let-classNames=\"classNames\">\r\n    <table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\r\n        @for (controlItem of array; track controlItem) {\r\n        <tr>\r\n            <th>{{ controlItem.caption | bbbTranslate }}</th>\r\n            <td>\r\n                @switch (controlItem.type) { @case ('Link') {\r\n                <a dir=\"ltr\" target=\"_blank\" [href]=\"mo[controlItem.fieldName]\">{{ mo[controlItem.fieldName] }}</a>\r\n                } @case ('Relation') {\r\n                {{ controlItem.fieldName | val: mo:true | bbbTranslate }}\r\n                } @case ('MoList') { @for (item of mo[controlItem.fieldName]?.MoDataList; track item) {\r\n                <div class=\"links\">\r\n                    <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\" style=\"color: #0854a0\"></fd-icon>\r\n                    <!-- <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon> -->\r\n                    <a (click)=\"onDownload(item)\">{{ item.$Caption }}</a>\r\n                </div>\r\n                } } @case ('Image') {\r\n                {{ mo[controlItem.fieldName].Ext }}\r\n                } @case ('Files') {\r\n                {{ mo[controlItem.fieldName].Files }}\r\n                } @default {\r\n                {{ mo[controlItem.fieldName + '$Caption'] || mo[controlItem.fieldName] | bbbTranslate }}\r\n                } }\r\n            </td>\r\n        </tr>\r\n        }\r\n        <!-- <ng-container *ngIf=\"showKhadamatMortabet\">\r\n    <tr>\r\n      <th>\u062E\u062F\u0645\u0627\u062A \u0645\u0631\u062A\u0628\u0637</th>\r\n      <td>\r\n        <div class=\"links\" *ngFor=\"let item of khadamatmortabet\">\r\n          <a (click)=\"onKhadamatMortabet(item)\">{{ item.$Caption }}</a>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </ng-container> -->\r\n    </table>\r\n</ng-template>\r\n", styles: ["table{background-color:var(--sapBaseColor)}.cell{font-size:14px}.bod{border-bottom:1px solid gray;border-right:1px solid gray;height:30px;line-height:30px}.bod :first{border-right:0;border-bottom:0}.anwser{line-height:30px;padding:10px;text-align:justify}.box{padding:0 40px 10px 10px;line-height:30px;display:flex;flex-direction:column;column-count:2;flex-wrap:wrap;height:180px;overflow:hidden}.faq-item-link{font-size:16px;padding-right:25px;cursor:pointer;color:gray}.faq-item-link a{color:gray;cursor:pointer}.faq-item-link a:hover{text-decoration:underline!important}.law-page-header{background:#fff;color:#0854a0;font-size:1.3rem;font-weight:500;padding:5px 15px}.wrapper{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}table.table-grid{font-family:arial,sans-serif;border-collapse:collapse;width:100%;direction:rtl}.table-grid td,.table-grid th{border:1px solid grey;text-align:left;padding:12px 8px;text-align:right}.table-grid th{background-color:#e2e2e2;font-size:.825rem;font-weight:500;vertical-align:middle;width:150px;font-family:IRANYekanDigits}.table-grid td{font-size:.825rem;vertical-align:middle;font-family:IRANYekanDigits}@media only screen and (max-width: 992px){.secondTable tr:first-child td,.secondTable tr:first-child th{border-top:0}}@media only screen and (min-width: 992px){.secondTable th{border-right:0}}.fd-icon{font-size:2rem;color:#0854a0;padding-left:10px}.links a{line-height:25px;cursor:pointer;display:inline;color:#32363a;vertical-align:top}.links a:hover{text-decoration:underline!important;color:#000}.fd-icon-link{font-size:1rem;padding-left:5px}.VideoGuide{max-width:1280px;margin:0 auto;width:auto;text-align:center}.h_iframe-aparat_embed_frame{position:relative}.h_iframe-aparat_embed_frame .ratio{display:block;width:100%;height:auto}.h_iframe-aparat_embed_frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: i3$9.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i3$9.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$9.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$7.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$7.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i1$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskServcieDetailComponent, decorators: [{
             type: Component,
@@ -1522,7 +1520,7 @@ class ServiceDeskViewOfServicesComponent extends ReportViewBaseComponent {
         super.onRowClick(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskViewOfServicesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\r\n    <div class=\"service-list\">\r\n        <fd-layout-grid>\r\n            <div fdLayoutGridRow>\r\n                @for (mo of moDataList | multipleGroupBy: groupby; track mo; let i = $index) { @if (mo.$Group ||\r\n                mo.$Group === '') {\r\n                <div [fdLayoutGridCol]=\"12\">\r\n                    <h3\r\n                        fd-title\r\n                        style=\"\r\n                            padding: 0 0 0.4rem 0;\r\n                            border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\r\n                        \"\r\n                    >\r\n                        {{ mo.$Group }}\r\n                    </h3>\r\n                </div>\r\n                } @if (!mo.$Group) {\r\n                <div [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\r\n                    <div class=\"item\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicCommand;\r\n                                context: {\r\n                                    $implicit: mo,\r\n                                    index: i,\r\n                                    dynCommand: fieldDynamicCommand | rval: mo:allColumns,\r\n                                    title: fieldTitle | rval: mo:allColumns | bbbTranslate\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </div>\r\n                } }\r\n            </div>\r\n        </fd-layout-grid>\r\n    </div>\r\n</div>\r\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\r\n    <button\r\n        fd-button\r\n        [dynCommand]=\"dynCommand\"\r\n        [mo]=\"mo\"\r\n        [enableCommand]=\"dynCommand\"\r\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\r\n        [fdType]=\"'emphasized'\"\r\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\r\n        [title]=\"title\"\r\n    >\r\n        <span class=\"item-icon\">\r\n            <fd-icon glyph=\"product\"></fd-icon>\r\n        </span>\r\n        <span class=\"item-content\"> {{ title }}</span>\r\n        <span class=\"item-icon-arrow\">\r\n            @if (fieldIcon) {\r\n            <fd-icon [glyph]=\"fieldIcon\"></fd-icon>\r\n            }\r\n        </span>\r\n    </button>\r\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"true\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\r\n        ></bsu-ulv-context-menu>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$7.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$7.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$7.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\r\n    <div class=\"service-list\">\r\n        <fd-layout-grid>\r\n            <div fdLayoutGridRow>\r\n                @for (mo of moDataList | multipleGroupBy: groupby; track mo; let i = $index) { @if (mo.$Group ||\r\n                mo.$Group === '') {\r\n                <div [fdLayoutGridCol]=\"12\">\r\n                    <h3\r\n                        fd-title\r\n                        style=\"\r\n                            padding: 0 0 0.4rem 0;\r\n                            border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\r\n                        \"\r\n                    >\r\n                        {{ mo.$Group }}\r\n                    </h3>\r\n                </div>\r\n                } @if (!mo.$Group) {\r\n                <div [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\r\n                    <div class=\"item\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicCommand;\r\n                                context: {\r\n                                    $implicit: mo,\r\n                                    index: i,\r\n                                    dynCommand: fieldDynamicCommand | rval: mo:allColumns,\r\n                                    title: fieldTitle | rval: mo:allColumns | bbbTranslate\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </div>\r\n                } }\r\n            </div>\r\n        </fd-layout-grid>\r\n    </div>\r\n</div>\r\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\r\n    <button\r\n        fd-button\r\n        [dynCommand]=\"dynCommand\"\r\n        [mo]=\"mo\"\r\n        [enableCommand]=\"dynCommand\"\r\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\r\n        [fdType]=\"'emphasized'\"\r\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\r\n        [title]=\"title\"\r\n    >\r\n        <span class=\"item-icon\">\r\n            <fd-icon glyph=\"product\"></fd-icon>\r\n        </span>\r\n        <span class=\"item-content\"> {{ title }}</span>\r\n        <span class=\"item-icon-arrow\">\r\n            @if (fieldIcon) {\r\n            <fd-icon [glyph]=\"fieldIcon\"></fd-icon>\r\n            }\r\n        </span>\r\n    </button>\r\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"true\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\r\n        ></bsu-ulv-context-menu>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$7.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$7.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$7.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ServiceDeskViewOfServicesComponent, decorators: [{
             type: Component,
@@ -1554,7 +1552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
 
 class CardHeaderBigImageTitleAndSubtitleComponent extends CardHeaderLogoTitleSubtitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderBigImageTitleAndSubtitleComponent, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\r\n    @if (hasIcon) {\r\n    <fd-avatar\r\n        [circle]=\"avatarCircle\"\r\n        size=\"s\"\r\n        ariaLabel=\"avatar image\"\r\n        title=\"avatar image\"\r\n        [glyph]=\"fontIcon\"\r\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n    ></fd-avatar>\r\n    }\r\n    <div fd-card-title [style.justify-content]=\"'end'\">\r\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n            @if (isCheckList) {\r\n            <fd-checkbox\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n            ></fd-checkbox>\r\n            } @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n            <div\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                [styleIndex]=\"styleIndex\"\r\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n            ></div>\r\n            }\r\n            <h2\r\n                #hEl\r\n                class=\"fd-card__title\"\r\n                [hostEl]=\"hEl\"\r\n                [dbName]=\"titleDbName\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n            >\r\n                {{ title }}\r\n            </h2>\r\n        </div>\r\n        @if (canView) {\r\n        <button\r\n            fd-button\r\n            (click)=\"events.emit({ title: 'rowClick' })\"\r\n            [glyph]=\"navigationArrow\"\r\n            fdType=\"transparent\"\r\n        ></button>\r\n        }\r\n    </div>\r\n\r\n    <h3\r\n        fd-card-subtitle\r\n        #hEl\r\n        [hostEl]=\"hEl\"\r\n        [dbName]=\"subtitleDbName\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n    >\r\n        {{ subtitle }}\r\n    </h3>\r\n</fd-card-header>\r\n<div></div>\r\n", styles: [":host ::ng-deep .fd-card__header-text{padding:1rem}fd-card-header{cursor:default;display:flex;flex-direction:column;padding:0}fd-card-header fd-avatar{min-height:160px;max-height:160px;height:160px;width:283px;max-width:100%;min-width:100%}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:1rem;font-weight:700}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderBigImageTitleAndSubtitleComponent, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\r\n    @if (hasIcon) {\r\n    <fd-avatar\r\n        [circle]=\"avatarCircle\"\r\n        size=\"s\"\r\n        ariaLabel=\"avatar image\"\r\n        title=\"avatar image\"\r\n        [glyph]=\"fontIcon\"\r\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n    ></fd-avatar>\r\n    }\r\n    <div fd-card-title [style.justify-content]=\"'end'\">\r\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n            @if (isCheckList) {\r\n            <fd-checkbox\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n            ></fd-checkbox>\r\n            } @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n            <div\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                [styleIndex]=\"styleIndex\"\r\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n            ></div>\r\n            }\r\n            <h2\r\n                #hEl\r\n                class=\"fd-card__title\"\r\n                [hostEl]=\"hEl\"\r\n                [dbName]=\"titleDbName\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n            >\r\n                {{ title }}\r\n            </h2>\r\n        </div>\r\n        @if (canView) {\r\n        <button\r\n            fd-button\r\n            (click)=\"events.emit({ title: 'rowClick' })\"\r\n            [glyph]=\"navigationArrow\"\r\n            fdType=\"transparent\"\r\n        ></button>\r\n        }\r\n    </div>\r\n\r\n    <h3\r\n        fd-card-subtitle\r\n        #hEl\r\n        [hostEl]=\"hEl\"\r\n        [dbName]=\"subtitleDbName\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n    >\r\n        {{ subtitle }}\r\n    </h3>\r\n</fd-card-header>\r\n<div></div>\r\n", styles: [":host ::ng-deep .fd-card__header-text{padding:1rem}fd-card-header{cursor:default;display:flex;flex-direction:column;padding:0}fd-card-header fd-avatar{min-height:160px;max-height:160px;height:160px;width:283px;max-width:100%;min-width:100%}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:1rem;font-weight:700}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, decorators: [{
             type: Component,
@@ -1715,7 +1713,7 @@ class UlvContextMenuItemShowFileContentComponent extends BaseFormToolbaritemProp
         this._dialogService.open(dialog, x);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvContextMenuItemShowFileContentComponent, deps: [{ token: i1$1.MoReportValuePipe }, { token: i0.ChangeDetectorRef }, { token: i2$2.DialogService }, { token: i3$a.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvContextMenuItemShowFileContentComponent, selector: "bdc-ulv-context-menu-item-show-file-content", usesInheritance: true, ngImport: i0, template: "<button\r\n    fd-button\r\n    [compact]=\"compact\"\r\n    [label]=\"iconOnly ? '' : (text | bbbTranslate)\"\r\n    [fdType]=\"fdType\"\r\n    [glyph]=\"icon\"\r\n    [compact]=\"compact\"\r\n    (click)=\"openDialog(pdfDialog)\"\r\n></button>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #pdfDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\r\n        <fd-dialog-header>\r\n            <ng-template fdkTemplate=\"header\">\r\n                <div fd-bar-left></div>\r\n                <div fd-bar-right>\r\n                    @if (dialogConfig.height !== '100vh') {\r\n                    <fd-button-bar\r\n                        ariaLabel=\"fullscreen\"\r\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\r\n                        fullscreenDialog\r\n                        [fullscreen]=\"dialog.data.fullscreen\"\r\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\r\n                        [dialog]=\"dialog\"\r\n                        [dialogComponent]=\"dialogTplRef\"\r\n                    ></fd-button-bar>\r\n                    }\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.dismiss()\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            @if (!dialogConfig.data.isVideo) {\r\n            <object [data]=\"dialogConfig.data.url\" type=\"application/pdf\" width=\"100%\" height=\"98%\"></object>\r\n            } @if (dialogConfig.data.isVideo) {\r\n            <video controls style=\"width: 100%; height: 98%\">\r\n                <source [src]=\"dialogConfig.data.url\" type=\"video/mp4\" />\r\n                Your browser does not support HTML video.\r\n            </video>\r\n            }\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i2$1.FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i10.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvContextMenuItemShowFileContentComponent, selector: "bdc-ulv-context-menu-item-show-file-content", usesInheritance: true, ngImport: i0, template: "<button\r\n    fd-button\r\n    [compact]=\"compact\"\r\n    [label]=\"iconOnly ? '' : (text | bbbTranslate)\"\r\n    [fdType]=\"fdType\"\r\n    [glyph]=\"icon\"\r\n    [compact]=\"compact\"\r\n    (click)=\"openDialog(pdfDialog)\"\r\n></button>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #pdfDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\r\n        <fd-dialog-header>\r\n            <ng-template fdkTemplate=\"header\">\r\n                <div fd-bar-left></div>\r\n                <div fd-bar-right>\r\n                    @if (dialogConfig.height !== '100vh') {\r\n                    <fd-button-bar\r\n                        ariaLabel=\"fullscreen\"\r\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\r\n                        fullscreenDialog\r\n                        [fullscreen]=\"dialog.data.fullscreen\"\r\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\r\n                        [dialog]=\"dialog\"\r\n                        [dialogComponent]=\"dialogTplRef\"\r\n                    ></fd-button-bar>\r\n                    }\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.dismiss()\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            @if (!dialogConfig.data.isVideo) {\r\n            <object [data]=\"dialogConfig.data.url\" type=\"application/pdf\" width=\"100%\" height=\"98%\"></object>\r\n            } @if (dialogConfig.data.isVideo) {\r\n            <video controls style=\"width: 100%; height: 98%\">\r\n                <source [src]=\"dialogConfig.data.url\" type=\"video/mp4\" />\r\n                Your browser does not support HTML video.\r\n            </video>\r\n            }\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i2$1.FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i10.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvContextMenuItemShowFileContentComponent, decorators: [{
             type: Component,
@@ -1772,7 +1770,7 @@ class ResendVerificationCodeComponent extends FieldBaseComponent {
         }, 1000);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ResendVerificationCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ResendVerificationCodeComponent, selector: "bdc-resend-verification-code", usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    fd-button\n    [disabled]=\"interval$ === null ? null : true\"\n    (click)=\"onStartTimer()\"\n    [label]=\"interval$ === null ? ('\u0627\u0631\u0633\u0627\u0644 \u0645\u062C\u062F\u062F' | bbbTranslate) : caption\"\n    glyph=\"iphone\"\n></button>\n", styles: [":host{display:block}:host button{width:100%;margin-top:.25rem}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ResendVerificationCodeComponent, selector: "bdc-resend-verification-code", usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    fd-button\n    [disabled]=\"interval$ === null ? null : true\"\n    (click)=\"onStartTimer()\"\n    [label]=\"interval$ === null ? ('\u0627\u0631\u0633\u0627\u0644 \u0645\u062C\u062F\u062F' | bbbTranslate) : caption\"\n    glyph=\"iphone\"\n></button>\n", styles: [":host{display:block}:host button{width:100%;margin-top:.25rem}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ResendVerificationCodeComponent, decorators: [{
             type: Component,
@@ -1790,7 +1788,7 @@ class CheckboxButtonComponent extends UiCheckBoxComponent {
         this._valueChanged(!this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CheckboxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CheckboxButtonComponent, selector: "bdc-checkbox-button", usesInheritance: true, ngImport: i0, template: "<button\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    fd-button\r\n    [glyph]=\"value ? trueIcon : falseIcon\"\r\n    [fdType]=\"fdType\"\r\n    (click)=\"onClick()\"\r\n></button>\r\n", styles: [":host{display:flex;height:100%;align-items:center}button{margin-top:.25rem;margin-bottom:.25rem}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CheckboxButtonComponent, selector: "bdc-checkbox-button", usesInheritance: true, ngImport: i0, template: "<button\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    fd-button\r\n    [glyph]=\"value ? trueIcon : falseIcon\"\r\n    [fdType]=\"fdType\"\r\n    (click)=\"onClick()\"\r\n></button>\r\n", styles: [":host{display:flex;height:100%;align-items:center}button{margin-top:.25rem;margin-bottom:.25rem}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CheckboxButtonComponent, decorators: [{
             type: Component,
@@ -1873,7 +1871,7 @@ class CardHeaderKpiComponent extends CardHeaderLogoTitleSubtitleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderKpiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderKpiComponent, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\r\n    <div fd-card-title [style.justify-content]=\"'end'\">\r\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n            @if (isCheckList) {\r\n            <fd-checkbox\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n            ></fd-checkbox>\r\n            }\r\n            <h2\r\n                #hEl\r\n                class=\"fd-card__title\"\r\n                [hostEl]=\"hEl\"\r\n                [dbName]=\"titleDbName\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n            >\r\n                {{ title }}\r\n            </h2>\r\n            @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n            <div\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n            ></div>\r\n            }\r\n        </div>\r\n        @if (canView) {\r\n        <button\r\n            fd-button\r\n            (click)=\"events.emit({ title: 'rowClick' })\"\r\n            [glyph]=\"navigationArrow\"\r\n            fdType=\"transparent\"\r\n        ></button>\r\n        }\r\n    </div>\r\n\r\n    <fd-card-kpi-header>\r\n        <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\r\n        <span\r\n            fd-card-kpi-scale-icon\r\n            [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\r\n            fd-object-status\r\n            [status]=\"kpiStatus\"\r\n            aria-label=\"up arrow\"\r\n            title=\"up arrow\"\r\n        ></span>\r\n        <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\r\n\r\n        <div fd-card-kpi-analytics>\r\n            <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\r\n            <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\r\n        </div>\r\n    </fd-card-kpi-header>\r\n\r\n    <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\r\n</fd-card-header>\r\n", styles: ["fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i4$3.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i4$3.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i4$3.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i4$3.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsContentDirective, selector: "[fd-card-kpi-analytics-content]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderKpiComponent, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\r\n    <div fd-card-title [style.justify-content]=\"'end'\">\r\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n            @if (isCheckList) {\r\n            <fd-checkbox\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n            ></fd-checkbox>\r\n            }\r\n            <h2\r\n                #hEl\r\n                class=\"fd-card__title\"\r\n                [hostEl]=\"hEl\"\r\n                [dbName]=\"titleDbName\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n            >\r\n                {{ title }}\r\n            </h2>\r\n            @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n            <div\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n            ></div>\r\n            }\r\n        </div>\r\n        @if (canView) {\r\n        <button\r\n            fd-button\r\n            (click)=\"events.emit({ title: 'rowClick' })\"\r\n            [glyph]=\"navigationArrow\"\r\n            fdType=\"transparent\"\r\n        ></button>\r\n        }\r\n    </div>\r\n\r\n    <fd-card-kpi-header>\r\n        <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\r\n        <span\r\n            fd-card-kpi-scale-icon\r\n            [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\r\n            fd-object-status\r\n            [status]=\"kpiStatus\"\r\n            aria-label=\"up arrow\"\r\n            title=\"up arrow\"\r\n        ></span>\r\n        <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\r\n\r\n        <div fd-card-kpi-analytics>\r\n            <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\r\n            <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\r\n        </div>\r\n    </fd-card-kpi-header>\r\n\r\n    <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\r\n</fd-card-header>\r\n", styles: ["fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i4$3.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i4$3.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i4$3.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i4$3.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsContentDirective, selector: "[fd-card-kpi-analytics-content]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderKpiComponent, decorators: [{
             type: Component,
@@ -1997,13 +1995,13 @@ class QueryStringFormObservableComponent extends BaseComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: QueryStringFormObservableComponent, deps: [{ token: i4$4.ActivatedRoute }, { token: i4$4.Router }, { token: i1$1.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: QueryStringFormObservableComponent, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }, { token: i1$1.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: QueryStringFormObservableComponent, selector: "bdc-query-string-form-observable", usesInheritance: true, ngImport: i0, template: "", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: QueryStringFormObservableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-query-string-form-observable', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
-        }], ctorParameters: () => [{ type: i4$4.ActivatedRoute }, { type: i4$4.Router }, { type: i1$1.PortalService }] });
+        }], ctorParameters: () => [{ type: i1$5.ActivatedRoute }, { type: i1$5.Router }, { type: i1$1.PortalService }] });
 
 class G4bDetailsComponent extends BaseItemContentPropsComponent {
     ngOnInit() {
@@ -2017,7 +2015,7 @@ class G4bDetailsComponent extends BaseItemContentPropsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: G4bDetailsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: G4bDetailsComponent, selector: "bdc-g4b-details", viewQueries: [{ propertyName: "_containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div #container></div>\r\n<!-- <fd-info-label [label]=\"'\u0648\u0636\u0639\u06CC\u062A \u062F\u0631\u062E\u0648\u0627\u0633\u062A'\" [color]=\"'1'\" [title]=\"'\u0648\u0636\u0639\u06CC\u062A \u062F\u0631\u062E\u0648\u0627\u0633\u062A'\"></fd-info-label> -->\r\n<div fd-form-item class=\"status-wrapper\" style=\"width: 100%; padding-bottom: 1rem\" [attr.deviceSize]=\"deviceSize\">\r\n    <label fd-form-label>\u0648\u0636\u0639\u06CC\u062A \u062F\u0631\u062E\u0648\u0627\u0633\u062A </label>\r\n    <fd-micro-process-flow class=\"flow\">\r\n        <fd-micro-process-flow-item [state]=\"'positive'\">\r\n            <div class=\"flow-item\">\r\n                <!-- <fd-micro-process-flow-icon\r\n                    fd-micro-process-flow-focusable-item\r\n                    [glyph]=\"'accept'\"\r\n                ></fd-micro-process-flow-icon> -->\r\n                <!-- <h4 fd-title class=\"fd-object-number--informative\">\u0634\u0631\u0648\u0639 \u062F\u0631\u062E\u0648\u0627\u0633\u062A</h4> -->\r\n                <button\r\n                    style=\"pointer-events: none; border: none\"\r\n                    fd-button\r\n                    [fdType]=\"'positive'\"\r\n                    [label]=\"'\u0634\u0631\u0648\u0639 \u062F\u0631\u062E\u0648\u0627\u0633\u062A'\"\r\n                    [glyph]=\"'accept'\"\r\n                ></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n        <fd-micro-process-flow-item>\r\n            <div class=\"flow-item\">\r\n                <button fd-button [fdType]=\"'standard'\" [label]=\"'\u062A\u06A9\u0645\u06CC\u0644 \u0645\u062F\u0627\u0631\u06A9 \u062A\u0648\u0633\u0637 \u0645\u062A\u0642\u0627\u0636\u06CC'\" [glyph]=\"''\"></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n        <fd-micro-process-flow-item>\r\n            <div class=\"flow-item\">\r\n                <!-- <fd-micro-process-flow-icon\r\n                    fd-micro-process-flow-focusable-item\r\n                    [glyph]=\"'less'\"\r\n                ></fd-micro-process-flow-icon> -->\r\n                <button\r\n                    [disabled]=\"true\"\r\n                    fd-button\r\n                    [fdType]=\"'transparent'\"\r\n                    [label]=\"'\u062A\u0627\u06CC\u06CC\u062F \u0645\u062F\u0627\u0631\u06A9 \u062A\u0648\u0633\u0637 \u062F\u0633\u062A\u06AF\u0627\u0647 \u0645\u0631\u0628\u0648\u0637\u0647'\"\r\n                    [glyph]=\"''\"\r\n                ></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n        <fd-micro-process-flow-item>\r\n            <div class=\"flow-item\">\r\n                <!-- <fd-micro-process-flow-icon\r\n                    fd-micro-process-flow-focusable-item\r\n                    [glyph]=\"'less'\"\r\n                ></fd-micro-process-flow-icon> -->\r\n                <button\r\n                    [disabled]=\"true\"\r\n                    fd-button\r\n                    [fdType]=\"'transparent'\"\r\n                    [label]=\"'\u062A\u0639\u06CC\u06CC\u0646 \u0648\u0636\u0639\u06CC\u062A \u0635\u062F\u0648\u0631 \u0645\u062C\u0648\u0632'\"\r\n                    [glyph]=\"''\"\r\n                ></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n    </fd-micro-process-flow>\r\n</div>\r\n", styles: [".showdetails .form-items{display:flex;justify-content:flex-start;padding:0 1rem 1rem;width:100%;column-gap:2rem}.showdetails .form-items .fd-form-item bsu-column-renderer{font-size:1.275rem}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}fd-info-label{font-size:1rem;width:auto;height:2rem;line-height:2rem}fd-info-label ::ng-deep span{line-height:2rem!important}.status-wrapper[deviceSize=m]{width:600px!important}.status-wrapper[deviceSize=s]{width:380px!important}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i3$2.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$2.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: G4bDetailsComponent, selector: "bdc-g4b-details", viewQueries: [{ propertyName: "_containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div #container></div>\r\n<!-- <fd-info-label [label]=\"'\u0648\u0636\u0639\u06CC\u062A \u062F\u0631\u062E\u0648\u0627\u0633\u062A'\" [color]=\"'1'\" [title]=\"'\u0648\u0636\u0639\u06CC\u062A \u062F\u0631\u062E\u0648\u0627\u0633\u062A'\"></fd-info-label> -->\r\n<div fd-form-item class=\"status-wrapper\" style=\"width: 100%; padding-bottom: 1rem\" [attr.deviceSize]=\"deviceSize\">\r\n    <label fd-form-label>\u0648\u0636\u0639\u06CC\u062A \u062F\u0631\u062E\u0648\u0627\u0633\u062A </label>\r\n    <fd-micro-process-flow class=\"flow\">\r\n        <fd-micro-process-flow-item [state]=\"'positive'\">\r\n            <div class=\"flow-item\">\r\n                <!-- <fd-micro-process-flow-icon\r\n                    fd-micro-process-flow-focusable-item\r\n                    [glyph]=\"'accept'\"\r\n                ></fd-micro-process-flow-icon> -->\r\n                <!-- <h4 fd-title class=\"fd-object-number--informative\">\u0634\u0631\u0648\u0639 \u062F\u0631\u062E\u0648\u0627\u0633\u062A</h4> -->\r\n                <button\r\n                    style=\"pointer-events: none; border: none\"\r\n                    fd-button\r\n                    [fdType]=\"'positive'\"\r\n                    [label]=\"'\u0634\u0631\u0648\u0639 \u062F\u0631\u062E\u0648\u0627\u0633\u062A'\"\r\n                    [glyph]=\"'accept'\"\r\n                ></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n        <fd-micro-process-flow-item>\r\n            <div class=\"flow-item\">\r\n                <button fd-button [fdType]=\"'standard'\" [label]=\"'\u062A\u06A9\u0645\u06CC\u0644 \u0645\u062F\u0627\u0631\u06A9 \u062A\u0648\u0633\u0637 \u0645\u062A\u0642\u0627\u0636\u06CC'\" [glyph]=\"''\"></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n        <fd-micro-process-flow-item>\r\n            <div class=\"flow-item\">\r\n                <!-- <fd-micro-process-flow-icon\r\n                    fd-micro-process-flow-focusable-item\r\n                    [glyph]=\"'less'\"\r\n                ></fd-micro-process-flow-icon> -->\r\n                <button\r\n                    [disabled]=\"true\"\r\n                    fd-button\r\n                    [fdType]=\"'transparent'\"\r\n                    [label]=\"'\u062A\u0627\u06CC\u06CC\u062F \u0645\u062F\u0627\u0631\u06A9 \u062A\u0648\u0633\u0637 \u062F\u0633\u062A\u06AF\u0627\u0647 \u0645\u0631\u0628\u0648\u0637\u0647'\"\r\n                    [glyph]=\"''\"\r\n                ></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n        <fd-micro-process-flow-item>\r\n            <div class=\"flow-item\">\r\n                <!-- <fd-micro-process-flow-icon\r\n                    fd-micro-process-flow-focusable-item\r\n                    [glyph]=\"'less'\"\r\n                ></fd-micro-process-flow-icon> -->\r\n                <button\r\n                    [disabled]=\"true\"\r\n                    fd-button\r\n                    [fdType]=\"'transparent'\"\r\n                    [label]=\"'\u062A\u0639\u06CC\u06CC\u0646 \u0648\u0636\u0639\u06CC\u062A \u0635\u062F\u0648\u0631 \u0645\u062C\u0648\u0632'\"\r\n                    [glyph]=\"''\"\r\n                ></button>\r\n            </div>\r\n        </fd-micro-process-flow-item>\r\n    </fd-micro-process-flow>\r\n</div>\r\n", styles: [".showdetails .form-items{display:flex;justify-content:flex-start;padding:0 1rem 1rem;width:100%;column-gap:2rem}.showdetails .form-items .fd-form-item bsu-column-renderer{font-size:1.275rem}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}fd-info-label{font-size:1rem;width:auto;height:2rem;line-height:2rem}fd-info-label ::ng-deep span{line-height:2rem!important}.status-wrapper[deviceSize=m]{width:600px!important}.status-wrapper[deviceSize=s]{width:380px!important}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i3$2.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$2.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: G4bDetailsComponent, decorators: [{
             type: Component,
@@ -2043,7 +2041,7 @@ class AvatarComponent extends BaseItemContentPropsComponent {
         this.pictureId = this.mo[this.parameters.FieldName]?.FileId;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\r\n    <fd-card-header>\r\n        <fd-avatar\r\n            [placeholder]=\"!mo[parameters.FieldName]\"\r\n            [size]=\"'xs'\"\r\n            [glyph]=\"parameters.DefaultIcon || null\"\r\n            [circle]=\"parameters.Circle\"\r\n            [placeHolder]=\"parameters.DefaultIcon!!\"\r\n            [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\r\n            alterIcon=\"alt|content|backup|default-icon\"\r\n        ></fd-avatar>\r\n        <h2 fd-card-title>\r\n            {{ column.Name | val: mo:true | bbbTranslate }}\r\n        </h2>\r\n        <h3 fd-card-subtitle>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\r\n    </fd-card-header>\r\n</fd-card>\r\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{padding:.2rem 0!important;border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\r\n    <fd-card-header>\r\n        <fd-avatar\r\n            [placeholder]=\"!mo[parameters.FieldName]\"\r\n            [size]=\"'xs'\"\r\n            [glyph]=\"parameters.DefaultIcon || null\"\r\n            [circle]=\"parameters.Circle\"\r\n            [placeHolder]=\"parameters.DefaultIcon!!\"\r\n            [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\r\n            alterIcon=\"alt|content|backup|default-icon\"\r\n        ></fd-avatar>\r\n        <h2 fd-card-title>\r\n            {{ column.Name | val: mo:true | bbbTranslate }}\r\n        </h2>\r\n        <h3 fd-card-subtitle>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\r\n    </fd-card-header>\r\n</fd-card>\r\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{padding:.2rem 0!important;border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
@@ -2066,7 +2064,7 @@ class G4bEstelamComponent extends BaseItemContentPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: G4bEstelamComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: G4bEstelamComponent, selector: "bdc-g4b-estelam", usesInheritance: true, ngImport: i0, template: "<div fd-form-item class=\"textarea\">\r\n    <label fd-form-label for=\"input-2\">\u067E\u0627\u0633\u062E \u0627\u0633\u062A\u0639\u0644\u0627\u0645</label>\r\n    <textarea fd-form-control style=\"height: 1.8rem\"></textarea>\r\n</div>\r\n\r\n<div fd-form-item>\r\n    <label fd-form-label for=\"input-2\">\u0648\u0636\u0639\u06CC\u062A</label>\r\n    <fd-segmented-button [(ngModel)]=\"natijeh\" (click)=\"onClick($event)\">\r\n        <button fd-button [label]=\"'\u062F\u0631 \u0627\u0646\u062A\u0638\u0627\u0631 \u067E\u0627\u0633\u062E'\" value=\"1\" [fdType]=\"'standard'\"></button>\r\n        <button fd-button [label]=\"'\u062A\u0627\u06CC\u06CC\u062F \u0627\u0633\u062A\u0639\u0644\u0627\u0645'\" value=\"2\" [fdType]=\"'positive'\"></button>\r\n        <button fd-button [label]=\"'\u0631\u062F \u0627\u0633\u062A\u0639\u0644\u0627\u0645'\" value=\"3\" [fdType]=\"'negative'\"></button>\r\n    </fd-segmented-button>\r\n</div>\r\n<!-- <div fd-form-item>\r\n    <label fd-form-label for=\"input-2\">\u0648\u0636\u0639\u06CC\u062A</label>\r\n    <fd-select placeholder=\"Select value\" stateMessage=\"Success message\" state=\"success\">\r\n        <li fd-option *ngFor=\"let option of options\" [value]=\"option\">{{ option }}</li>\r\n    </fd-select>\r\n</div> -->\r\n", styles: [":host{display:flex;column-gap:1rem;padding:1rem 0}fd-segmented-button{margin:.1875rem 0}.textarea{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i3$1.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle", "vertical"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: G4bEstelamComponent, selector: "bdc-g4b-estelam", usesInheritance: true, ngImport: i0, template: "<div fd-form-item class=\"textarea\">\r\n    <label fd-form-label for=\"input-2\">\u067E\u0627\u0633\u062E \u0627\u0633\u062A\u0639\u0644\u0627\u0645</label>\r\n    <textarea fd-form-control style=\"height: 1.8rem\"></textarea>\r\n</div>\r\n\r\n<div fd-form-item>\r\n    <label fd-form-label for=\"input-2\">\u0648\u0636\u0639\u06CC\u062A</label>\r\n    <fd-segmented-button [(ngModel)]=\"natijeh\" (click)=\"onClick($event)\">\r\n        <button fd-button [label]=\"'\u062F\u0631 \u0627\u0646\u062A\u0638\u0627\u0631 \u067E\u0627\u0633\u062E'\" value=\"1\" [fdType]=\"'standard'\"></button>\r\n        <button fd-button [label]=\"'\u062A\u0627\u06CC\u06CC\u062F \u0627\u0633\u062A\u0639\u0644\u0627\u0645'\" value=\"2\" [fdType]=\"'positive'\"></button>\r\n        <button fd-button [label]=\"'\u0631\u062F \u0627\u0633\u062A\u0639\u0644\u0627\u0645'\" value=\"3\" [fdType]=\"'negative'\"></button>\r\n    </fd-segmented-button>\r\n</div>\r\n<!-- <div fd-form-item>\r\n    <label fd-form-label for=\"input-2\">\u0648\u0636\u0639\u06CC\u062A</label>\r\n    <fd-select placeholder=\"Select value\" stateMessage=\"Success message\" state=\"success\">\r\n        <li fd-option *ngFor=\"let option of options\" [value]=\"option\">{{ option }}</li>\r\n    </fd-select>\r\n</div> -->\r\n", styles: [":host{display:flex;column-gap:1rem;padding:1rem 0}fd-segmented-button{margin:.1875rem 0}.textarea{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i3$1.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle", "vertical"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: G4bEstelamComponent, decorators: [{
             type: Component,
@@ -2198,7 +2196,7 @@ class MicroProccessFlowComponent extends BaseComponent {
         this.selectedIndex = items.findIndex((c) => (this.idIskey ? c.id === val : c.label === val));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroProccessFlowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroProccessFlowComponent, selector: "bdc-micro-proccess-flow", inputs: { items: "items", selected: "selected", readonly: "readonly", idIskey: "idIskey" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-micro-process-flow class=\"flow\" [style.max-width.px]=\"maxWidth\">\r\n    @for (item of items; track item; let i = $index) {\r\n    <fd-micro-process-flow-item [state]=\"i <= selectedIndex ? 'positive' : 'none'\">\r\n        <div class=\"flow-item\">\r\n            @if (selectedIndex > -1) {\r\n            <button\r\n                [class.reached]=\"i <= selectedIndex\"\r\n                fd-button\r\n                [fdType]=\"i <= selectedIndex ? 'positive' : i === selectedIndex + 1 ? 'standard' : 'transparent'\"\r\n                [label]=\"item.label\"\r\n                [glyph]=\"i <= selectedIndex ? 'accept' : null\"\r\n                [disabled]=\"readonly || (i > selectedIndex + 1 && selectedIndex > -1)\"\r\n                (click)=\"onItemClick(item)\"\r\n            ></button>\r\n            } @if (selectedIndex === -1) {\r\n            <button\r\n                [class.reached]=\"false\"\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [label]=\"item.label\"\r\n                [glyph]=\"null\"\r\n                [disabled]=\"readonly\"\r\n                (click)=\"onItemClick(item)\"\r\n            ></button>\r\n            }\r\n        </div>\r\n    </fd-micro-process-flow-item>\r\n    }\r\n</fd-micro-process-flow>\r\n", styles: [":host{display:block}.reached{pointer-events:none;border:none}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$2.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroProccessFlowComponent, selector: "bdc-micro-proccess-flow", inputs: { items: "items", selected: "selected", readonly: "readonly", idIskey: "idIskey" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-micro-process-flow class=\"flow\" [style.max-width.px]=\"maxWidth\">\r\n    @for (item of items; track item; let i = $index) {\r\n    <fd-micro-process-flow-item [state]=\"i <= selectedIndex ? 'positive' : 'none'\">\r\n        <div class=\"flow-item\">\r\n            @if (selectedIndex > -1) {\r\n            <button\r\n                [class.reached]=\"i <= selectedIndex\"\r\n                fd-button\r\n                [fdType]=\"i <= selectedIndex ? 'positive' : i === selectedIndex + 1 ? 'standard' : 'transparent'\"\r\n                [label]=\"item.label\"\r\n                [glyph]=\"i <= selectedIndex ? 'accept' : null\"\r\n                [disabled]=\"readonly || (i > selectedIndex + 1 && selectedIndex > -1)\"\r\n                (click)=\"onItemClick(item)\"\r\n            ></button>\r\n            } @if (selectedIndex === -1) {\r\n            <button\r\n                [class.reached]=\"false\"\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [label]=\"item.label\"\r\n                [glyph]=\"null\"\r\n                [disabled]=\"readonly\"\r\n                (click)=\"onItemClick(item)\"\r\n            ></button>\r\n            }\r\n        </div>\r\n    </fd-micro-process-flow-item>\r\n    }\r\n</fd-micro-process-flow>\r\n", styles: [":host{display:block}.reached{pointer-events:none;border:none}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$2.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroProccessFlowComponent, decorators: [{
             type: Component,
@@ -2309,7 +2307,7 @@ class UiNumRateComponent extends FieldBaseComponent {
         super._setValue(val);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumRateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiNumRateComponent, selector: "bdc-ui-num-rate", usesInheritance: true, ngImport: i0, template: "<fd-rating-indicator\r\n    [ariaLabel]=\"Setting.NullText || ''\"\r\n    [size]=\"parameters?.SizeValue$Caption\"\r\n    [value]=\"value\"\r\n    [disabled]=\"(disableOrReadonly$ | async) === true\"\r\n    [displayMode]=\"parameters?.DisplayMode\"\r\n    [dynamicTextIndicator]=\"parameters?.TextIndicator\"\r\n    (ratingChanged)=\"onRatingChanged($event)\"\r\n></fd-rating-indicator>\r\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: i1$5.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "nonInteractive", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiNumRateComponent, selector: "bdc-ui-num-rate", usesInheritance: true, ngImport: i0, template: "<fd-rating-indicator\r\n    [ariaLabel]=\"Setting.NullText || ''\"\r\n    [size]=\"parameters?.SizeValue$Caption\"\r\n    [value]=\"value\"\r\n    [disabled]=\"(disableOrReadonly$ | async) === true\"\r\n    [displayMode]=\"parameters?.DisplayMode\"\r\n    [dynamicTextIndicator]=\"parameters?.TextIndicator\"\r\n    (ratingChanged)=\"onRatingChanged($event)\"\r\n></fd-rating-indicator>\r\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: i1$6.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "nonInteractive", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumRateComponent, decorators: [{
             type: Component,
@@ -2528,7 +2526,7 @@ class MediaFileUploaderComponent extends UiPdfViewerComponent {
         this.DownloadFileId(fileId, true, '', null, false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MediaFileUploaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MediaFileUploaderComponent, selector: "bdc-media-file-uploader", providers: [AudioRecordingService, VideoRecordingService, UploadService], viewQueries: [{ propertyName: "videoElement", first: true, predicate: ["videoElement"], descendants: true }, { propertyName: "photoElement", first: true, predicate: ["photoElement"], descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-card class=\"upload\" [ngClass]=\"recordType\">\r\n    <fd-card-content class=\"file-content\">\r\n        <div [class.no-recording]=\"!isRecording && valueUrl\" [ngClass]=\"recordType\" class=\"media-wrapper\">\r\n            <div class=\"icon\">\r\n                @if (!value && !valueUrl && !isRecording) {\r\n                <i style=\"left: 45%; position: absolute\" fd-nested-list-icon [glyph]=\"glyph\"></i>\r\n                }\r\n            </div>\r\n            @if (recordType === 'video') {\r\n            <video #videoElement [class.video-novalue]=\"!valueUrl\">\r\n                @if (!isRecording && valueUrl) {\r\n                <source [src]=\"valueUrl\" />\r\n                } @if (!value && !valueUrl && !isRecording) {\r\n                <i style=\"left: 45%; position: absolute\" fd-nested-list-icon [glyph]=\"glyph\"></i>\r\n                }\r\n            </video>\r\n            } @if (!isRecording && valueUrl && recordType === 'audio') {\r\n            <audio controls>\r\n                <source [src]=\"valueUrl\" type=\"audio/mp3\" />\r\n            </audio>\r\n            } @if (recordType === 'photo') {\r\n            <input\r\n                #photoElement\r\n                type=\"file\"\r\n                accept=\"image/*\"\r\n                id=\"file-input\"\r\n                capture=\"environment\"\r\n                (change)=\"onTakePhoto()\"\r\n            />\r\n            }\r\n        </div>\r\n        @if (isRecording || valueUrl) {\r\n        <div class=\"media-info\">\r\n            <div>\r\n                {{ !isRecording ? '' : ('Recording' | bbbTranslate) }} <strong>{{ recordedTime }}</strong>\r\n            </div>\r\n            <div>{{ fileName }}</div>\r\n        </div>\r\n        } @if (uploadingState$ | async; as uploadingState) { @if (uploadingState.state === 'Uploading') {\r\n        <div class=\"progress\">\r\n            <div>\r\n                <fd-progress-indicator\r\n                    state=\"informative\"\r\n                    [valueNow]=\"uploadingState?.progress\"\r\n                ></fd-progress-indicator>\r\n            </div>\r\n        </div>\r\n        } }\r\n        <div class=\"btn-wrapper\">\r\n            @if (!value && !valueUrl) {\r\n            <button\r\n                class=\"btn-record\"\r\n                fd-button\r\n                [glyph]=\"isRecording ? 'stop' : 'record'\"\r\n                [fdType]=\"isRecording ? 'attention' : 'ghost'\"\r\n                (click)=\"onToggleRecord()\"\r\n            ></button>\r\n            } @if (!value && valueUrl) {\r\n            <div class=\"btn-toolbar\">\r\n                <button fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onClearRecord()\"></button>\r\n                <button fd-button [label]=\"'Upload' | bbbTranslate\" [glyph]=\"'upload'\" (click)=\"onUpload()\"></button>\r\n            </div>\r\n            } @if (value) {\r\n            <div class=\"btn-toolbar\">\r\n                @if (value) {\r\n                <button fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onDelete()\"></button>\r\n                } @if (value) {\r\n                <button fd-button [glyph]=\"'download'\" fdType=\"standard\" (click)=\"onDownload()\"></button>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n    </fd-card-content>\r\n</fd-card>\r\n", styles: [":host .upload{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:380px;position:relative}:host .upload .file-content{width:100%}:host .upload i:before{color:#0a6ed1!important;font-size:2rem}fd-card.audio{min-height:120px;max-height:120px}fd-card.video{min-height:340px;max-height:340px}.icon{display:flex;align-items:center;justify-content:center;position:absolute;top:45%;left:45%}.video-novalue{border:1px dashed var(--sapObjectHeader_BorderColor);min-height:240px}audio,video{width:100%}.progress{position:absolute;width:100%;height:100%;background-color:#e4e4e4c7;z-index:4;display:flex;justify-content:center;align-items:center;top:0;left:0}.progress div{flex:.5}.file-content{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.media-wrapper{flex-grow:1}.btn-wrapper{align-self:center}.btn-record{flex-shrink:1}.btn-toolbar{flex-grow:1;display:flex;column-gap:1rem}.media-info{flex-shrink:1;display:flex;width:100%;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i4$3.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i4$5.NestedListIconComponent, selector: "[fdNestedDirectivesIcon], [fd-nested-list-icon]", inputs: ["role"] }, { kind: "component", type: i5.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MediaFileUploaderComponent, selector: "bdc-media-file-uploader", providers: [AudioRecordingService, VideoRecordingService, UploadService], viewQueries: [{ propertyName: "videoElement", first: true, predicate: ["videoElement"], descendants: true }, { propertyName: "photoElement", first: true, predicate: ["photoElement"], descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-card class=\"upload\" [ngClass]=\"recordType\">\r\n    <fd-card-content class=\"file-content\">\r\n        <div [class.no-recording]=\"!isRecording && valueUrl\" [ngClass]=\"recordType\" class=\"media-wrapper\">\r\n            <div class=\"icon\">\r\n                @if (!value && !valueUrl && !isRecording) {\r\n                <i style=\"left: 45%; position: absolute\" fd-nested-list-icon [glyph]=\"glyph\"></i>\r\n                }\r\n            </div>\r\n            @if (recordType === 'video') {\r\n            <video #videoElement [class.video-novalue]=\"!valueUrl\">\r\n                @if (!isRecording && valueUrl) {\r\n                <source [src]=\"valueUrl\" />\r\n                } @if (!value && !valueUrl && !isRecording) {\r\n                <i style=\"left: 45%; position: absolute\" fd-nested-list-icon [glyph]=\"glyph\"></i>\r\n                }\r\n            </video>\r\n            } @if (!isRecording && valueUrl && recordType === 'audio') {\r\n            <audio controls>\r\n                <source [src]=\"valueUrl\" type=\"audio/mp3\" />\r\n            </audio>\r\n            } @if (recordType === 'photo') {\r\n            <input\r\n                #photoElement\r\n                type=\"file\"\r\n                accept=\"image/*\"\r\n                id=\"file-input\"\r\n                capture=\"environment\"\r\n                (change)=\"onTakePhoto()\"\r\n            />\r\n            }\r\n        </div>\r\n        @if (isRecording || valueUrl) {\r\n        <div class=\"media-info\">\r\n            <div>\r\n                {{ !isRecording ? '' : ('Recording' | bbbTranslate) }} <strong>{{ recordedTime }}</strong>\r\n            </div>\r\n            <div>{{ fileName }}</div>\r\n        </div>\r\n        } @if (uploadingState$ | async; as uploadingState) { @if (uploadingState.state === 'Uploading') {\r\n        <div class=\"progress\">\r\n            <div>\r\n                <fd-progress-indicator\r\n                    state=\"informative\"\r\n                    [valueNow]=\"uploadingState?.progress\"\r\n                ></fd-progress-indicator>\r\n            </div>\r\n        </div>\r\n        } }\r\n        <div class=\"btn-wrapper\">\r\n            @if (!value && !valueUrl) {\r\n            <button\r\n                class=\"btn-record\"\r\n                fd-button\r\n                [glyph]=\"isRecording ? 'stop' : 'record'\"\r\n                [fdType]=\"isRecording ? 'attention' : 'ghost'\"\r\n                (click)=\"onToggleRecord()\"\r\n            ></button>\r\n            } @if (!value && valueUrl) {\r\n            <div class=\"btn-toolbar\">\r\n                <button fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onClearRecord()\"></button>\r\n                <button fd-button [label]=\"'Upload' | bbbTranslate\" [glyph]=\"'upload'\" (click)=\"onUpload()\"></button>\r\n            </div>\r\n            } @if (value) {\r\n            <div class=\"btn-toolbar\">\r\n                @if (value) {\r\n                <button fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onDelete()\"></button>\r\n                } @if (value) {\r\n                <button fd-button [glyph]=\"'download'\" fdType=\"standard\" (click)=\"onDownload()\"></button>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n    </fd-card-content>\r\n</fd-card>\r\n", styles: [":host .upload{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:380px;position:relative}:host .upload .file-content{width:100%}:host .upload i:before{color:#0a6ed1!important;font-size:2rem}fd-card.audio{min-height:120px;max-height:120px}fd-card.video{min-height:340px;max-height:340px}.icon{display:flex;align-items:center;justify-content:center;position:absolute;top:45%;left:45%}.video-novalue{border:1px dashed var(--sapObjectHeader_BorderColor);min-height:240px}audio,video{width:100%}.progress{position:absolute;width:100%;height:100%;background-color:#e4e4e4c7;z-index:4;display:flex;justify-content:center;align-items:center;top:0;left:0}.progress div{flex:.5}.file-content{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.media-wrapper{flex-grow:1}.btn-wrapper{align-self:center}.btn-record{flex-shrink:1}.btn-toolbar{flex-grow:1;display:flex;column-gap:1rem}.media-info{flex-shrink:1;display:flex;width:100%;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i4$4.NestedListIconComponent, selector: "[fdNestedDirectivesIcon], [fd-nested-list-icon]", inputs: ["role"] }, { kind: "component", type: i5.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MediaFileUploaderComponent, decorators: [{
             type: Component,
@@ -2616,7 +2614,7 @@ class MasterDetailCardFormComponent extends FormPropsBaseComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MasterDetailCardFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MasterDetailCardFormComponent, selector: "bdc-master-detail-card-form", usesInheritance: true, ngImport: i0, template: "<fd-card class=\"master-tab\">\r\n    <bsu-ly-tab-page [config]=\"modernTabs[0]\"></bsu-ly-tab-page>\r\n</fd-card>\r\n<fd-card class=\"details-tab\">\r\n    <bsu-ly-tab-page [config]=\"modernTabs[1]\"></bsu-ly-tab-page>\r\n</fd-card>\r\n", styles: [":host{display:flex;width:100%;height:100%;column-gap:.525rem}fd-card.master-tab,fd-card.details-tab{height:100%}.master-tab{max-width:400px}.details-tab{width:100%}\n"], dependencies: [{ kind: "component", type: i2$1.LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MasterDetailCardFormComponent, selector: "bdc-master-detail-card-form", usesInheritance: true, ngImport: i0, template: "<fd-card class=\"master-tab\">\r\n    <bsu-ly-tab-page [config]=\"modernTabs[0]\"></bsu-ly-tab-page>\r\n</fd-card>\r\n<fd-card class=\"details-tab\">\r\n    <bsu-ly-tab-page [config]=\"modernTabs[1]\"></bsu-ly-tab-page>\r\n</fd-card>\r\n", styles: [":host{display:flex;width:100%;height:100%;column-gap:.525rem}fd-card.master-tab,fd-card.details-tab{height:100%}.master-tab{max-width:400px}.details-tab{width:100%}\n"], dependencies: [{ kind: "component", type: i2$1.LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MasterDetailCardFormComponent, decorators: [{
             type: Component,
@@ -2646,7 +2644,7 @@ class ReportButtonViewComponent extends BaseFormToolbaritemPropsComponent {
     }
     onButtonClick(btn) { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ReportButtonViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ReportButtonViewComponent, selector: "bdc-report-button-view", usesInheritance: true, ngImport: i0, template: "<!-- <fd-split-button\r\nfd-toolbar-item\r\n[fdType]=\"'transparent'\"\r\n[mainAction]=\"{\r\n    keepMainAction: true,\r\n    mainActionTitle: 'Choose' | bbbTranslate\r\n}\"\r\n>\r\n<fd-menu>\r\n  <li fd-menu-item *ngFor=\"let mo of moDataList;let index=index\">\r\n    <div fd-menu-interactive (click)=\"onRowCheck({mo,index})\">\r\n      <span fd-menu-title>\r\n        <fd-icon [glyph]=\"viewSetting.Icon | rval: mo:allColumns:true \"> </fd-icon>\r\n      </span>\r\n    </div>\r\n  </li>\r\n</fd-menu>\r\n</fd-split-button> -->\r\n\r\n<fd-split-button\r\n    fd-toolbar-item\r\n    [mainAction]=\"{ mainActionTitle: parameters.MainActionTitle, keepMainAction: true }\"\r\n    [fdType]=\"parameters.FdType$Caption\"\r\n    (click)=\"onMainActionClick(menu)\"\r\n>\r\n    <fd-menu #menu>\r\n        @for (mo of moDataList; track mo; let index = $index) {\r\n        <li fd-menu-item (click)=\"onButtonClick(mo)\">\r\n            <div fd-menu-interactive>\r\n                <fd-menu-addon position=\"before\"> </fd-menu-addon>\r\n                <span fd-menu-title>{{ mo.$Caption | bbbTranslate }}</span>\r\n            </div>\r\n        </li>\r\n        }\r\n    </fd-menu>\r\n</fd-split-button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$6.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i1$6.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i1$6.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i1$6.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i1$6.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i2$5.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ReportButtonViewComponent, selector: "bdc-report-button-view", usesInheritance: true, ngImport: i0, template: "<!-- <fd-split-button\r\nfd-toolbar-item\r\n[fdType]=\"'transparent'\"\r\n[mainAction]=\"{\r\n    keepMainAction: true,\r\n    mainActionTitle: 'Choose' | bbbTranslate\r\n}\"\r\n>\r\n<fd-menu>\r\n  <li fd-menu-item *ngFor=\"let mo of moDataList;let index=index\">\r\n    <div fd-menu-interactive (click)=\"onRowCheck({mo,index})\">\r\n      <span fd-menu-title>\r\n        <fd-icon [glyph]=\"viewSetting.Icon | rval: mo:allColumns:true \"> </fd-icon>\r\n      </span>\r\n    </div>\r\n  </li>\r\n</fd-menu>\r\n</fd-split-button> -->\r\n\r\n<fd-split-button\r\n    fd-toolbar-item\r\n    [mainAction]=\"{ mainActionTitle: parameters.MainActionTitle, keepMainAction: true }\"\r\n    [fdType]=\"parameters.FdType$Caption\"\r\n    (click)=\"onMainActionClick(menu)\"\r\n>\r\n    <fd-menu #menu>\r\n        @for (mo of moDataList; track mo; let index = $index) {\r\n        <li fd-menu-item (click)=\"onButtonClick(mo)\">\r\n            <div fd-menu-interactive>\r\n                <fd-menu-addon position=\"before\"> </fd-menu-addon>\r\n                <span fd-menu-title>{{ mo.$Caption | bbbTranslate }}</span>\r\n            </div>\r\n        </li>\r\n        }\r\n    </fd-menu>\r\n</fd-split-button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$7.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i1$7.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i1$7.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i1$7.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i1$7.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i2$5.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ReportButtonViewComponent, decorators: [{
             type: Component,
@@ -2705,7 +2703,7 @@ class BarsaDocumentListItemComponent extends BaseComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaDocumentListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.PictureFieldSourcePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: { documentItem: "documentItem", deviceSize: "deviceSize", files: "files", accepted: "accepted", rejectedReason: "rejectedReason", readonly: "readonly", status: "status", uploadingState: "uploadingState" }, outputs: { statusChanged: "statusChanged", rejectTextChange: "rejectTextChange", fileSelectionChange: "fileSelectionChange", removeFile: "removeFile", fullscreen: "fullscreen", download: "download", downloadAll: "downloadAll" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\r\n<span fd-list-thumbnail>\r\n  <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\r\n  <fd-avatar\r\n    *ngIf=\"documentItem.Avatar\"\r\n    size=\"s\"\r\n    [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\r\n    [clickable]=\"true\"\r\n    ></fd-avatar\r\n  ></span>\r\n\r\n  <div fd-list-content>\r\n    <div fd-list-title>\r\n      <div style=\"display: flex; column-gap: 3px\">\r\n        <strong\r\n          >{{ documentItem.Title }}\r\n          <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\r\n            >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\r\n          </span>\r\n        </strong>\r\n        <div\r\n          *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\r\n          style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\r\n          >\r\n          <span\r\n            fd-object-status\r\n            [status]=\"accepted ? 'positive' : 'negative'\"\r\n            [label]=\"accepted ? acceptedText : rejectedText\"\r\n            [clickable]=\"true\"\r\n            [inverted]=\"true\"\r\n            [aria-label]=\"accepted ? acceptedText : rejectedText\"\r\n          ></span>\r\n          <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\r\n            <fd-popover-control>\r\n              <span\r\n                fd-object-status\r\n                status=\"negative\"\r\n                glyph=\"question-mark\"\r\n                glyphAriaLabel=\"Negative\"\r\n                title=\"Rejected document\"\r\n              ></span>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n              <fd-message-strip type=\"error\" [dismissible]=\"false\">\r\n                {{ rejectedReason }}\r\n              </fd-message-strip>\r\n            </fd-popover-body>\r\n          </fd-popover>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\r\n      <div fd-list-byline-left>\r\n        <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\r\n          <span>\r\n            {{ documentItem.Description }}\r\n          </span>\r\n          <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\r\n            <ng-container *ngIf=\"hasFiles\">\r\n              <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\r\n              <ng-container *ngFor=\"let file of files\">\r\n                <fd-token\r\n                  [readOnly]=\"readonly\"\r\n                  *ngIf=\"!file.IsDeleted\"\r\n                  (onCloseClick)=\"onRemoveFile(file)\"\r\n                  >{{ file.FileName }}</fd-token\r\n                  >\r\n                </ng-container>\r\n              </ng-container>\r\n              <button\r\n                fd-button\r\n                *ngIf=\"documentItem.MaxFileCount && !readonly\"\r\n                glyph=\"attachment\"\r\n                [label]=\"'AttachFile' | bbbTranslate\"\r\n                (click)=\"!readonly && uploader.open()\"\r\n              ></button>\r\n              <fd-file-uploader\r\n                #uploader\r\n                [style.display]=\"'none'\"\r\n                fd-toolbar-item\r\n                [id]=\"documentItem.ItemKey\"\r\n                [name]=\"'pictures_' + documentItem.ItemKey\"\r\n                [accept]=\"documentItem.$ValidExtensions\"\r\n                [fileLimit]=\"documentItem.MaxFileCount\"\r\n                [multiple]=\"documentItem.MaxFileCount > 0\"\r\n                (selectedFilesChanged)=\"onFileSelection($event)\"\r\n              ></fd-file-uploader>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\r\n          <bdc-accept-reject\r\n            [rejectedReason]=\"rejectedReason\"\r\n            [positiveText]=\"acceptedText\"\r\n            [negativeText]=\"rejectedText\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [readonly]=\"readonly\"\r\n          ></bdc-accept-reject>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li> -->\r\n\r\n<tr fd-table-row>\r\n    <td fd-table-cell>\r\n        @if (documentItem.Avatar && !files.length) {\r\n        <fd-avatar\r\n            size=\"s\"\r\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\r\n            [clickable]=\"true\"\r\n            [transparent]=\"true\"\r\n        ></fd-avatar>\r\n        } @else { @if (files.length) {\r\n        <fd-avatar [transparent]=\"true\" size=\"s\" [image]=\"firstImageUrl\" [clickable]=\"true\"></fd-avatar>\r\n        } @if (!files.length) {\r\n        <fd-avatar [transparent]=\"true\" size=\"s\" [glyph]=\"documentItem.FontIcon\" [clickable]=\"true\"></fd-avatar>\r\n        } }\r\n    </td>\r\n    <td fd-table-cell style=\"min-width: 140px\">\r\n        <p fd-table-text>\r\n            <strong\r\n                >{{ documentItem.Title }}\r\n                @if (documentItem.IsRequired) {\r\n                <span fd-object-status status=\"negative\">*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }}) </span>\r\n                }\r\n            </strong>\r\n        </p>\r\n        <div>\r\n            <span>\r\n                {{ documentItem.Description }}\r\n            </span>\r\n        </div>\r\n    </td>\r\n\r\n    <td fd-table-cell>\r\n        <ng-container>\r\n            <!-- <ul fd-list>\r\n        <li fd-list-item *ngFor=\"let file of files; let ind = index\">\r\n          <span fd-list-title>\r\n            {{ file.FileName }}\r\n          </span>\r\n          <span fd-list-secondary>\r\n            <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\r\n          </span>\r\n        </li>\r\n      </ul> -->\r\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\r\n                @for (file of files; track file) {\r\n                <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\r\n                @if (!file.IsDeleted) {\r\n                <bsu-file-viewer-popover\r\n                    [file]=\"file\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [canDownload]=\"true\"\r\n                    (remove)=\"removeFile.emit(file)\"\r\n                ></bsu-file-viewer-popover>\r\n                } }\r\n                <!-- <button\r\n        fd-button\r\n        *ngIf=\"+documentItem.MaxFileCount && !readonly\"\r\n        glyph=\"add\"\r\n        (click)=\"!readonly && uploader.open()\"\r\n      ></button> -->\r\n            </div>\r\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\r\n    <fd-action-sheet  >\r\n      <fd-action-sheet-control>\r\n        <button\r\n          fd-button\r\n          glyph=\"settings\"\r\n          title=\"Open Action Sheet Mobile\"\r\n          id=\"fd-action-sheet-mobile-control\"\r\n          aria-haspopup=\"menu\"\r\n          [label]=\"file.FileName ||''\"\r\n          aria-controls=\"fd-action-sheet-mobile-body\"\r\n        ></button>\r\n      </fd-action-sheet-control>\r\n\r\n      <fd-action-sheet-body\r\n        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\r\n        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\r\n        >\r\n        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\r\n        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\r\n        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\r\n        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\r\n        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\r\n        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\r\n      </fd-action-sheet-body>\r\n    </fd-action-sheet>\r\n  </p> -->\r\n        </ng-container>\r\n    </td>\r\n    <td fd-table-cell>\r\n        <div class=\"status\" style=\"position: relative\">\r\n            @if (+documentItem.MaxFileCount && !readonly) {\r\n            <button\r\n                fd-button\r\n                glyph=\"attachment\"\r\n                [label]=\"'AttachFile' | bbbTranslate\"\r\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\r\n                (click)=\"!readonly && uploader.open()\"\r\n            >\r\n                @if (uploadingState?.key === documentItem.Title && uploadingState?.uploading) {\r\n                <bsu-mask [marginTop]=\"'3px'\"></bsu-mask>\r\n                }\r\n            </button>\r\n            }\r\n            <button\r\n                fd-button\r\n                glyph=\"show\"\r\n                fullscreenFiles\r\n                [files]=\"files\"\r\n                [title]=\"documentItem.Title\"\r\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n                fullscreenFiles\r\n                [disabled]=\"!files.length\"\r\n                [files]=\"files\"\r\n            ></button>\r\n            <button\r\n                fd-button\r\n                glyph=\"download\"\r\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n                downloadFiles\r\n                [disabled]=\"!files.length\"\r\n                [files]=\"files\"\r\n                (click)=\"downloadAll.emit()\"\r\n            ></button>\r\n        </div>\r\n    </td>\r\n    <td fd-table-cell>\r\n        <fd-action-sheet #actionSheet>\r\n            <fd-action-sheet-control>\r\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\r\n            </fd-action-sheet-control>\r\n            <fd-action-sheet-body>\r\n                <li\r\n                    fd-action-sheet-item\r\n                    [label]=\"'Accept' | bbbTranslate\"\r\n                    glyph=\"accept\"\r\n                    (click)=\"actionSheet.close(); onReject(2)\"\r\n                ></li>\r\n                <li\r\n                    fd-action-sheet-item\r\n                    [label]=\"'Reject' | bbbTranslate\"\r\n                    glyph=\"cancel\"\r\n                    (click)=\"actionSheet.close(); onReject(3)\"\r\n                ></li>\r\n            </fd-action-sheet-body>\r\n        </fd-action-sheet>\r\n\r\n        @if (status === 3) {\r\n        <p fd-table-text maxWidth=\"400px\">\r\n            @if (readonly && rejectedReason) {\r\n            <span> {{ rejectedReason | bbbTranslate }} </span>\r\n            } @if (!readonly) {\r\n            <input\r\n                fd-form-control\r\n                [value]=\"rejectedReason | bbbTranslate\"\r\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\r\n            />\r\n            }\r\n        </p>\r\n        }\r\n    </td>\r\n</tr>\r\n\r\n<fd-file-uploader\r\n    #uploader\r\n    [style.display]=\"'none'\"\r\n    fd-toolbar-item\r\n    [id]=\"documentItem.ItemKey\"\r\n    [name]=\"'pictures_' + documentItem.ItemKey\"\r\n    [accept]=\"documentItem.$ValidExtensions\"\r\n    [fileLimit]=\"documentItem.MaxFileCount\"\r\n    [multiple]=\"documentItem.MaxFileCount > 0\"\r\n    (selectedFilesChanged)=\"onFileSelection($event)\"\r\n></fd-file-uploader>\r\n<ng-template #statusTpl>\r\n    <div class=\"status\">\r\n        <button fd-button fdType=\"transparent\">\r\n            @if (status === 1) {\r\n            <span\r\n                fd-object-status\r\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n            ></span>\r\n            } @if (status === 2) {\r\n            <span\r\n                fd-object-status\r\n                glyph=\"message-success\"\r\n                status=\"positive\"\r\n                [label]=\"'Accepted' | bbbTranslate\"\r\n                [label]=\"'Accepted' | bbbTranslate\"\r\n            ></span>\r\n            } @if (status === 3) {\r\n            <span\r\n                fd-object-status\r\n                glyph=\"cancel\"\r\n                status=\"negative\"\r\n                [label]=\"'Rejected' | bbbTranslate\"\r\n                [aria-label]=\"'Rejected' | bbbTranslate\"\r\n            ></span>\r\n            }\r\n        </button>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i2$1.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i2$1.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$6.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$6.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$6.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$6.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$6.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: { documentItem: "documentItem", deviceSize: "deviceSize", files: "files", accepted: "accepted", rejectedReason: "rejectedReason", readonly: "readonly", status: "status", uploadingState: "uploadingState" }, outputs: { statusChanged: "statusChanged", rejectTextChange: "rejectTextChange", fileSelectionChange: "fileSelectionChange", removeFile: "removeFile", fullscreen: "fullscreen", download: "download", downloadAll: "downloadAll" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\r\n<span fd-list-thumbnail>\r\n  <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\r\n  <fd-avatar\r\n    *ngIf=\"documentItem.Avatar\"\r\n    size=\"s\"\r\n    [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\r\n    [clickable]=\"true\"\r\n    ></fd-avatar\r\n  ></span>\r\n\r\n  <div fd-list-content>\r\n    <div fd-list-title>\r\n      <div style=\"display: flex; column-gap: 3px\">\r\n        <strong\r\n          >{{ documentItem.Title }}\r\n          <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\r\n            >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\r\n          </span>\r\n        </strong>\r\n        <div\r\n          *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\r\n          style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\r\n          >\r\n          <span\r\n            fd-object-status\r\n            [status]=\"accepted ? 'positive' : 'negative'\"\r\n            [label]=\"accepted ? acceptedText : rejectedText\"\r\n            [clickable]=\"true\"\r\n            [inverted]=\"true\"\r\n            [aria-label]=\"accepted ? acceptedText : rejectedText\"\r\n          ></span>\r\n          <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\r\n            <fd-popover-control>\r\n              <span\r\n                fd-object-status\r\n                status=\"negative\"\r\n                glyph=\"question-mark\"\r\n                glyphAriaLabel=\"Negative\"\r\n                title=\"Rejected document\"\r\n              ></span>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n              <fd-message-strip type=\"error\" [dismissible]=\"false\">\r\n                {{ rejectedReason }}\r\n              </fd-message-strip>\r\n            </fd-popover-body>\r\n          </fd-popover>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\r\n      <div fd-list-byline-left>\r\n        <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\r\n          <span>\r\n            {{ documentItem.Description }}\r\n          </span>\r\n          <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\r\n            <ng-container *ngIf=\"hasFiles\">\r\n              <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\r\n              <ng-container *ngFor=\"let file of files\">\r\n                <fd-token\r\n                  [readOnly]=\"readonly\"\r\n                  *ngIf=\"!file.IsDeleted\"\r\n                  (onCloseClick)=\"onRemoveFile(file)\"\r\n                  >{{ file.FileName }}</fd-token\r\n                  >\r\n                </ng-container>\r\n              </ng-container>\r\n              <button\r\n                fd-button\r\n                *ngIf=\"documentItem.MaxFileCount && !readonly\"\r\n                glyph=\"attachment\"\r\n                [label]=\"'AttachFile' | bbbTranslate\"\r\n                (click)=\"!readonly && uploader.open()\"\r\n              ></button>\r\n              <fd-file-uploader\r\n                #uploader\r\n                [style.display]=\"'none'\"\r\n                fd-toolbar-item\r\n                [id]=\"documentItem.ItemKey\"\r\n                [name]=\"'pictures_' + documentItem.ItemKey\"\r\n                [accept]=\"documentItem.$ValidExtensions\"\r\n                [fileLimit]=\"documentItem.MaxFileCount\"\r\n                [multiple]=\"documentItem.MaxFileCount > 0\"\r\n                (selectedFilesChanged)=\"onFileSelection($event)\"\r\n              ></fd-file-uploader>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\r\n          <bdc-accept-reject\r\n            [rejectedReason]=\"rejectedReason\"\r\n            [positiveText]=\"acceptedText\"\r\n            [negativeText]=\"rejectedText\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [readonly]=\"readonly\"\r\n          ></bdc-accept-reject>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li> -->\r\n\r\n<tr fd-table-row>\r\n    <td fd-table-cell>\r\n        @if (documentItem.Avatar && !files.length) {\r\n        <fd-avatar\r\n            size=\"s\"\r\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\r\n            [clickable]=\"true\"\r\n            [transparent]=\"true\"\r\n        ></fd-avatar>\r\n        } @else { @if (files.length) {\r\n        <fd-avatar [transparent]=\"true\" size=\"s\" [image]=\"firstImageUrl\" [clickable]=\"true\"></fd-avatar>\r\n        } @if (!files.length) {\r\n        <fd-avatar [transparent]=\"true\" size=\"s\" [glyph]=\"documentItem.FontIcon\" [clickable]=\"true\"></fd-avatar>\r\n        } }\r\n    </td>\r\n    <td fd-table-cell style=\"min-width: 140px\">\r\n        <p fd-table-text>\r\n            <strong\r\n                >{{ documentItem.Title }}\r\n                @if (documentItem.IsRequired) {\r\n                <span fd-object-status status=\"negative\">*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }}) </span>\r\n                }\r\n            </strong>\r\n        </p>\r\n        <div>\r\n            <span>\r\n                {{ documentItem.Description }}\r\n            </span>\r\n        </div>\r\n    </td>\r\n\r\n    <td fd-table-cell>\r\n        <ng-container>\r\n            <!-- <ul fd-list>\r\n        <li fd-list-item *ngFor=\"let file of files; let ind = index\">\r\n          <span fd-list-title>\r\n            {{ file.FileName }}\r\n          </span>\r\n          <span fd-list-secondary>\r\n            <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\r\n          </span>\r\n        </li>\r\n      </ul> -->\r\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\r\n                @for (file of files; track file) {\r\n                <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\r\n                @if (!file.IsDeleted) {\r\n                <bsu-file-viewer-popover\r\n                    [file]=\"file\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [canDownload]=\"true\"\r\n                    (remove)=\"removeFile.emit(file)\"\r\n                ></bsu-file-viewer-popover>\r\n                } }\r\n                <!-- <button\r\n        fd-button\r\n        *ngIf=\"+documentItem.MaxFileCount && !readonly\"\r\n        glyph=\"add\"\r\n        (click)=\"!readonly && uploader.open()\"\r\n      ></button> -->\r\n            </div>\r\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\r\n    <fd-action-sheet  >\r\n      <fd-action-sheet-control>\r\n        <button\r\n          fd-button\r\n          glyph=\"settings\"\r\n          title=\"Open Action Sheet Mobile\"\r\n          id=\"fd-action-sheet-mobile-control\"\r\n          aria-haspopup=\"menu\"\r\n          [label]=\"file.FileName ||''\"\r\n          aria-controls=\"fd-action-sheet-mobile-body\"\r\n        ></button>\r\n      </fd-action-sheet-control>\r\n\r\n      <fd-action-sheet-body\r\n        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\r\n        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\r\n        >\r\n        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\r\n        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\r\n        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\r\n        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\r\n        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\r\n        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\r\n      </fd-action-sheet-body>\r\n    </fd-action-sheet>\r\n  </p> -->\r\n        </ng-container>\r\n    </td>\r\n    <td fd-table-cell>\r\n        <div class=\"status\" style=\"position: relative\">\r\n            @if (+documentItem.MaxFileCount && !readonly) {\r\n            <button\r\n                fd-button\r\n                glyph=\"attachment\"\r\n                [label]=\"'AttachFile' | bbbTranslate\"\r\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\r\n                (click)=\"!readonly && uploader.open()\"\r\n            >\r\n                @if (uploadingState?.key === documentItem.Title && uploadingState?.uploading) {\r\n                <bsu-mask [marginTop]=\"'3px'\"></bsu-mask>\r\n                }\r\n            </button>\r\n            }\r\n            <button\r\n                fd-button\r\n                glyph=\"show\"\r\n                fullscreenFiles\r\n                [files]=\"files\"\r\n                [title]=\"documentItem.Title\"\r\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n                fullscreenFiles\r\n                [disabled]=\"!files.length\"\r\n                [files]=\"files\"\r\n            ></button>\r\n            <button\r\n                fd-button\r\n                glyph=\"download\"\r\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n                downloadFiles\r\n                [disabled]=\"!files.length\"\r\n                [files]=\"files\"\r\n                (click)=\"downloadAll.emit()\"\r\n            ></button>\r\n        </div>\r\n    </td>\r\n    <td fd-table-cell>\r\n        <fd-action-sheet #actionSheet>\r\n            <fd-action-sheet-control>\r\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\r\n            </fd-action-sheet-control>\r\n            <fd-action-sheet-body>\r\n                <li\r\n                    fd-action-sheet-item\r\n                    [label]=\"'Accept' | bbbTranslate\"\r\n                    glyph=\"accept\"\r\n                    (click)=\"actionSheet.close(); onReject(2)\"\r\n                ></li>\r\n                <li\r\n                    fd-action-sheet-item\r\n                    [label]=\"'Reject' | bbbTranslate\"\r\n                    glyph=\"cancel\"\r\n                    (click)=\"actionSheet.close(); onReject(3)\"\r\n                ></li>\r\n            </fd-action-sheet-body>\r\n        </fd-action-sheet>\r\n\r\n        @if (status === 3) {\r\n        <p fd-table-text maxWidth=\"400px\">\r\n            @if (readonly && rejectedReason) {\r\n            <span> {{ rejectedReason | bbbTranslate }} </span>\r\n            } @if (!readonly) {\r\n            <input\r\n                fd-form-control\r\n                [value]=\"rejectedReason | bbbTranslate\"\r\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\r\n            />\r\n            }\r\n        </p>\r\n        }\r\n    </td>\r\n</tr>\r\n\r\n<fd-file-uploader\r\n    #uploader\r\n    [style.display]=\"'none'\"\r\n    fd-toolbar-item\r\n    [id]=\"documentItem.ItemKey\"\r\n    [name]=\"'pictures_' + documentItem.ItemKey\"\r\n    [accept]=\"documentItem.$ValidExtensions\"\r\n    [fileLimit]=\"documentItem.MaxFileCount\"\r\n    [multiple]=\"documentItem.MaxFileCount > 0\"\r\n    (selectedFilesChanged)=\"onFileSelection($event)\"\r\n></fd-file-uploader>\r\n<ng-template #statusTpl>\r\n    <div class=\"status\">\r\n        <button fd-button fdType=\"transparent\">\r\n            @if (status === 1) {\r\n            <span\r\n                fd-object-status\r\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n            ></span>\r\n            } @if (status === 2) {\r\n            <span\r\n                fd-object-status\r\n                glyph=\"message-success\"\r\n                status=\"positive\"\r\n                [label]=\"'Accepted' | bbbTranslate\"\r\n                [label]=\"'Accepted' | bbbTranslate\"\r\n            ></span>\r\n            } @if (status === 3) {\r\n            <span\r\n                fd-object-status\r\n                glyph=\"cancel\"\r\n                status=\"negative\"\r\n                [label]=\"'Rejected' | bbbTranslate\"\r\n                [aria-label]=\"'Rejected' | bbbTranslate\"\r\n            ></span>\r\n            }\r\n        </button>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i2$1.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i2$1.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$5.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$5.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$5.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$5.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$6.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaDocumentListItemComponent, decorators: [{
             type: Component,
@@ -2898,7 +2896,7 @@ class BarsaDocumentsComponent extends ReportViewBaseComponent {
         throw new Error(`can not find ${columnCaption} column in report.please add it to report columns.`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaDocumentsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$1.FindColumnByDbNamePipe }, { token: i1$1.UlvMainService }, { token: i1$1.PortalService }, { token: i2$2.DialogService }, { token: i1$1.UploadService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaDocumentsComponent, selector: "bdc-barsa-documents", providers: [UploadService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ul fd-list [byline]=\"true\" fdCompact [selection]=\"false\"> -->\r\n<table fd-table aria-label=\"Default\" [allCellsFocusable]=\"true\" [noBorderX]=\"true\">\r\n    <thead fd-table-header>\r\n        <tr fd-table-row>\r\n            <th fd-table-cell>{{ '\u0639\u06A9\u0633' | bbbTranslate }}</th>\r\n            <th fd-table-cell style=\"min-width: 140px; width: auto\">{{ '\u0646\u0648\u0639 \u0645\u062F\u0631\u06A9' | bbbTranslate }}</th>\r\n            <th fd-table-cell style=\"width: 99%\">{{ '\u0627\u0644\u0635\u0627\u0642 \u0641\u0627\u06CC\u0644' | bbbTranslate }}</th>\r\n            <th fd-table-cell></th>\r\n            <th fd-table-cell style=\"width: 400px; min-width: 400px; max-width: 400px\">{{ '\u0648\u0636\u0639\u06CC\u062A' | bbbTranslate }}</th>\r\n        </tr>\r\n    </thead>\r\n    <tbody fd-table-body>\r\n        @for (mo of moDataList; track _trackByRow($index, mo)) { @if (mo.$documentItem) {\r\n        <bdc-barsa-document-list-item\r\n            [documentItem]=\"mo.$documentItem\"\r\n            [accepted]=\"mo[acceptedColumn.Name]\"\r\n            [files]=\"mo[fileColumn.Name].Files\"\r\n            [uploadingState]=\"(uploadingState$ | async)!!\"\r\n            [rejectedReason]=\"mo[rejectedReasonColumn.Name]\"\r\n            [fileDbName]=\"fileColumn.Name\"\r\n            [status]=\"+mo[statusColumn.Name]\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [readonly]=\"!access.Edit\"\r\n            [deviceSize]=\"deviceSize\"\r\n            (removeFile)=\"onRemoveFile($event, mo)\"\r\n            (fileSelectionChange)=\"onFileSelection($event, mo.$documentItem, mo)\"\r\n            (rejectTextChange)=\"onRejectedTextChange($event, mo)\"\r\n            (statusChanged)=\"onStatusChanged($event, mo)\"\r\n        ></bdc-barsa-document-list-item>\r\n        } }\r\n        <!-- </ul> -->\r\n    </tbody>\r\n</table>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i3$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$6.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: ["documentItem", "deviceSize", "files", "accepted", "rejectedReason", "readonly", "status", "uploadingState"], outputs: ["statusChanged", "rejectTextChange", "fileSelectionChange", "removeFile", "fullscreen", "download", "downloadAll"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaDocumentsComponent, selector: "bdc-barsa-documents", providers: [UploadService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ul fd-list [byline]=\"true\" fdCompact [selection]=\"false\"> -->\r\n<table fd-table aria-label=\"Default\" [allCellsFocusable]=\"true\" [noBorderX]=\"true\">\r\n    <thead fd-table-header>\r\n        <tr fd-table-row>\r\n            <th fd-table-cell>{{ '\u0639\u06A9\u0633' | bbbTranslate }}</th>\r\n            <th fd-table-cell style=\"min-width: 140px; width: auto\">{{ '\u0646\u0648\u0639 \u0645\u062F\u0631\u06A9' | bbbTranslate }}</th>\r\n            <th fd-table-cell style=\"width: 99%\">{{ '\u0627\u0644\u0635\u0627\u0642 \u0641\u0627\u06CC\u0644' | bbbTranslate }}</th>\r\n            <th fd-table-cell></th>\r\n            <th fd-table-cell style=\"width: 400px; min-width: 400px; max-width: 400px\">{{ '\u0648\u0636\u0639\u06CC\u062A' | bbbTranslate }}</th>\r\n        </tr>\r\n    </thead>\r\n    <tbody fd-table-body>\r\n        @for (mo of moDataList; track _trackByRow($index, mo)) { @if (mo.$documentItem) {\r\n        <bdc-barsa-document-list-item\r\n            [documentItem]=\"mo.$documentItem\"\r\n            [accepted]=\"mo[acceptedColumn.Name]\"\r\n            [files]=\"mo[fileColumn.Name].Files\"\r\n            [uploadingState]=\"(uploadingState$ | async)!!\"\r\n            [rejectedReason]=\"mo[rejectedReasonColumn.Name]\"\r\n            [fileDbName]=\"fileColumn.Name\"\r\n            [status]=\"+mo[statusColumn.Name]\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [readonly]=\"!access.Edit\"\r\n            [deviceSize]=\"deviceSize\"\r\n            (removeFile)=\"onRemoveFile($event, mo)\"\r\n            (fileSelectionChange)=\"onFileSelection($event, mo.$documentItem, mo)\"\r\n            (rejectTextChange)=\"onRejectedTextChange($event, mo)\"\r\n            (statusChanged)=\"onStatusChanged($event, mo)\"\r\n        ></bdc-barsa-document-list-item>\r\n        } }\r\n        <!-- </ul> -->\r\n    </tbody>\r\n</table>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i3$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$6.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i3$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: ["documentItem", "deviceSize", "files", "accepted", "rejectedReason", "readonly", "status", "uploadingState"], outputs: ["statusChanged", "rejectTextChange", "fileSelectionChange", "removeFile", "fullscreen", "download", "downloadAll"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaDocumentsComponent, decorators: [{
             type: Component,
@@ -2942,7 +2940,7 @@ class AcceptRejectComponent extends BaseComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AcceptRejectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AcceptRejectComponent, selector: "bdc-accept-reject", inputs: { negativeText: "negativeText", positiveText: "positiveText", rejectedReason: "rejectedReason", acceptedText: "acceptedText", deviceSize: "deviceSize", readonly: "readonly", rejected: "rejected" }, outputs: { rejectedChanged: "rejectedChanged" }, usesInheritance: true, ngImport: i0, template: "@if (!applied && !readonly) {\r\n<div>\r\n    <button\r\n        fd-button\r\n        [label]=\"positiveText | bbbTranslate\"\r\n        fdType=\"positive\"\r\n        glyph=\"message-success\"\r\n        ariaLabel=\"positive\"\r\n        value=\"yes\"\r\n        style=\"margin: 0 5px\"\r\n        (click)=\"onAccept()\"\r\n    ></button>\r\n    <fd-popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\" [mobile]=\"deviceSize === 's'\" #popover>\r\n        <fd-popover-control>\r\n            <button\r\n                fd-button\r\n                [label]=\"negativeText | bbbTranslate\"\r\n                glyph=\"message-error\"\r\n                fdType=\"negative\"\r\n                ariaLabel=\"Negative\"\r\n                value=\"no\"\r\n            ></button>\r\n        </fd-popover-control>\r\n        <fd-popover-body style=\"min-width: 320px\">\r\n            <div fd-popover-body-header>\r\n                <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-1\">\r\n                    <div fd-bar-left>\r\n                        <span\r\n                            fd-object-status\r\n                            status=\"negative\"\r\n                            glyph=\"message-error\"\r\n                            glyphAriaLabel=\"Negative\"\r\n                            title=\"Negative\"\r\n                        ></span>\r\n                        <fd-bar-element>\u0639\u0644\u062A \u0631\u062F</fd-bar-element>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div fd-form-item>\r\n                <fd-form-input-message-group>\r\n                    <textarea fd-form-control [id]=\"id\" [(ngModel)]=\"rejectedReason\"></textarea>\r\n                </fd-form-input-message-group>\r\n            </div>\r\n            <div fd-popover-body-footer>\r\n                <div fd-bar barDesign=\"footer\">\r\n                    <div fd-bar-right>\r\n                        <fd-button-bar\r\n                            [label]=\"'Ok' | bbbTranslate\"\r\n                            fdType=\"emphasized\"\r\n                            (click)=\"popover.close(); onReject()\"\r\n                        ></fd-button-bar>\r\n                        <fd-button-bar [label]=\"'Cancel' | bbbTranslate\" (click)=\"popover.close()\"></fd-button-bar>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</div>\r\n} @if (readonly || applied) {\r\n<div>\r\n    <span>{{ rejected ? rejectedReason : ('\u2713' + acceptedText | bbbTranslate) }}</span>\r\n    <button fd-button glyph=\"decline\" fdType=\"transparent\" (click)=\"onReset()\"></button>\r\n</div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AcceptRejectComponent, selector: "bdc-accept-reject", inputs: { negativeText: "negativeText", positiveText: "positiveText", rejectedReason: "rejectedReason", acceptedText: "acceptedText", deviceSize: "deviceSize", readonly: "readonly", rejected: "rejected" }, outputs: { rejectedChanged: "rejectedChanged" }, usesInheritance: true, ngImport: i0, template: "@if (!applied && !readonly) {\r\n<div>\r\n    <button\r\n        fd-button\r\n        [label]=\"positiveText | bbbTranslate\"\r\n        fdType=\"positive\"\r\n        glyph=\"message-success\"\r\n        ariaLabel=\"positive\"\r\n        value=\"yes\"\r\n        style=\"margin: 0 5px\"\r\n        (click)=\"onAccept()\"\r\n    ></button>\r\n    <fd-popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\" [mobile]=\"deviceSize === 's'\" #popover>\r\n        <fd-popover-control>\r\n            <button\r\n                fd-button\r\n                [label]=\"negativeText | bbbTranslate\"\r\n                glyph=\"message-error\"\r\n                fdType=\"negative\"\r\n                ariaLabel=\"Negative\"\r\n                value=\"no\"\r\n            ></button>\r\n        </fd-popover-control>\r\n        <fd-popover-body style=\"min-width: 320px\">\r\n            <div fd-popover-body-header>\r\n                <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-1\">\r\n                    <div fd-bar-left>\r\n                        <span\r\n                            fd-object-status\r\n                            status=\"negative\"\r\n                            glyph=\"message-error\"\r\n                            glyphAriaLabel=\"Negative\"\r\n                            title=\"Negative\"\r\n                        ></span>\r\n                        <fd-bar-element>\u0639\u0644\u062A \u0631\u062F</fd-bar-element>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div fd-form-item>\r\n                <fd-form-input-message-group>\r\n                    <textarea fd-form-control [id]=\"id\" [(ngModel)]=\"rejectedReason\"></textarea>\r\n                </fd-form-input-message-group>\r\n            </div>\r\n            <div fd-popover-body-footer>\r\n                <div fd-bar barDesign=\"footer\">\r\n                    <div fd-bar-right>\r\n                        <fd-button-bar\r\n                            [label]=\"'Ok' | bbbTranslate\"\r\n                            fdType=\"emphasized\"\r\n                            (click)=\"popover.close(); onReject()\"\r\n                        ></fd-button-bar>\r\n                        <fd-button-bar [label]=\"'Cancel' | bbbTranslate\" (click)=\"popover.close()\"></fd-button-bar>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</div>\r\n} @if (readonly || applied) {\r\n<div>\r\n    <span>{{ rejected ? rejectedReason : ('\u2713' + acceptedText | bbbTranslate) }}</span>\r\n    <button fd-button glyph=\"decline\" fdType=\"transparent\" (click)=\"onReset()\"></button>\r\n</div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AcceptRejectComponent, decorators: [{
             type: Component,
@@ -2987,7 +2985,7 @@ class FooterComponent extends BaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FooterComponent, deps: [{ token: i1$1.PortalService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FooterComponent, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if (footer) {\r\n<div fd-bar barDesign=\"footer\" [size]=\"'m_l'\" [class.rtl]=\"rtl\" class=\"footer\" [class.mobile]=\"deviceSize === 's'\">\r\n    <div fd-bar-left class=\"left\">\r\n        <a\r\n            fd-button\r\n            glyph=\"email\"\r\n            [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n            [href]=\"'mailto:' + footer.Email\"\r\n            fdType=\"transparent\"\r\n        >\r\n        </a>\r\n        <a\r\n            fd-button\r\n            glyph=\"headset\"\r\n            [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n            [href]=\"'tel:' + footer.TelNumber\"\r\n            fdType=\"transparent\"\r\n        ></a>\r\n        <fd-popover>\r\n            <fd-popover-control>\r\n                <button\r\n                    fd-button\r\n                    glyph=\"vertical-waterfall-chart\"\r\n                    [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                    aria-haspopup=\"menu\"\r\n                    fdType=\"transparent\"\r\n                    [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                    tabindex=\"0\"\r\n                ></button>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n                <ul fd-list>\r\n                    <li fd-list-item class=\"all\">\r\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                        <span fd-list-title>\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644 <strong>120</strong></span>\r\n                    </li>\r\n                    <li fd-list-item class=\"today\">\r\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                        <span fd-list-title>\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632 <strong>76</strong></span>\r\n                    </li>\r\n                    <li fd-list-item class=\"online\">\r\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                        <span fd-list-title>\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646 <strong>10</strong></span>\r\n                    </li>\r\n                </ul>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n        <fd-popover>\r\n            <fd-popover-control>\r\n                <button\r\n                    [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n                    tabindex=\"0\"\r\n                    fd-button\r\n                    glyph=\"paper-plane\"\r\n                    id=\"fd-action-sheet-default-control\"\r\n                    aria-haspopup=\"menu\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n                <ul fd-list>\r\n                    @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n                    <li fd-list-item>\r\n                        <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n                            <i fd-list-icon class=\"sap-icon--1\"\r\n                                ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n                            </i>\r\n                            <span fd-list-title>{{ socialNetwork.Title }}</span>\r\n                        </a>\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n        <fd-bar-element>\r\n            <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\"\r\n                ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle }}</span></a\r\n            >\r\n        </fd-bar-element>\r\n    </div>\r\n    @if (deviceSize !== 's') {\r\n    <div fd-bar-middle class=\"middle\">\r\n        <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n    </div>\r\n    }\r\n    <div fd-bar-right class=\"right\"></div>\r\n</div>\r\n}\r\n", styles: [".fd-bar.mobile{flex-direction:column!important}.fd-bar.mobile .left,.fd-bar.mobile .right,.fd-bar.mobile .middle{justify-content:center!important}.online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}\n"], dependencies: [{ kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i7$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role"] }, { kind: "directive", type: i7$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FooterComponent, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if (footer) {\r\n<div fd-bar barDesign=\"footer\" [size]=\"'m_l'\" [class.rtl]=\"rtl\" class=\"footer\" [class.mobile]=\"deviceSize === 's'\">\r\n    <div fd-bar-left class=\"left\">\r\n        <a\r\n            fd-button\r\n            glyph=\"email\"\r\n            [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n            [href]=\"'mailto:' + footer.Email\"\r\n            fdType=\"transparent\"\r\n        >\r\n        </a>\r\n        <a\r\n            fd-button\r\n            glyph=\"headset\"\r\n            [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n            [href]=\"'tel:' + footer.TelNumber\"\r\n            fdType=\"transparent\"\r\n        ></a>\r\n        <fd-popover>\r\n            <fd-popover-control>\r\n                <button\r\n                    fd-button\r\n                    glyph=\"vertical-waterfall-chart\"\r\n                    [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                    aria-haspopup=\"menu\"\r\n                    fdType=\"transparent\"\r\n                    [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                    tabindex=\"0\"\r\n                ></button>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n                <ul fd-list>\r\n                    <li fd-list-item class=\"all\">\r\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                        <span fd-list-title>\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644 <strong>120</strong></span>\r\n                    </li>\r\n                    <li fd-list-item class=\"today\">\r\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                        <span fd-list-title>\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632 <strong>76</strong></span>\r\n                    </li>\r\n                    <li fd-list-item class=\"online\">\r\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                        <span fd-list-title>\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646 <strong>10</strong></span>\r\n                    </li>\r\n                </ul>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n        <fd-popover>\r\n            <fd-popover-control>\r\n                <button\r\n                    [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n                    tabindex=\"0\"\r\n                    fd-button\r\n                    glyph=\"paper-plane\"\r\n                    id=\"fd-action-sheet-default-control\"\r\n                    aria-haspopup=\"menu\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n                <ul fd-list>\r\n                    @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n                    <li fd-list-item>\r\n                        <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n                            <i fd-list-icon class=\"sap-icon--1\"\r\n                                ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n                            </i>\r\n                            <span fd-list-title>{{ socialNetwork.Title }}</span>\r\n                        </a>\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n        <fd-bar-element>\r\n            <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\"\r\n                ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle }}</span></a\r\n            >\r\n        </fd-bar-element>\r\n    </div>\r\n    @if (deviceSize !== 's') {\r\n    <div fd-bar-middle class=\"middle\">\r\n        <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n    </div>\r\n    }\r\n    <div fd-bar-right class=\"right\"></div>\r\n</div>\r\n}\r\n", styles: [".fd-bar.mobile{flex-direction:column!important}.fd-bar.mobile .left,.fd-bar.mobile .right,.fd-bar.mobile .middle{justify-content:center!important}.online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}\n"], dependencies: [{ kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i7$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
@@ -3118,7 +3116,7 @@ class BarsaGeographicLocationComponent extends BaseComponent {
         this.moveEnd.emit(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaGeographicLocationComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaGeographicLocationComponent, selector: "bdc-barsa-geographic-location", inputs: { disableOrReadonly: "disableOrReadonly", setAutomaticLocation: "setAutomaticLocation", showLocationButton: "showLocationButton", showFullscreenButton: "showFullscreenButton", showExitFullscreenButton: "showExitFullscreenButton", draggable: "draggable", defaultLocation: "defaultLocation", latitude: "latitude", longitude: "longitude" }, outputs: { move: "move", moveEnd: "moveEnd", fullscreen: "fullscreen", exitFullscreen: "exitFullscreen", errorEvent: "errorEvent", markerChange: "markerChange" }, usesInheritance: true, ngImport: i0, template: "<div style=\"position: absolute; z-index: 1000; display: flex; flex-direction: column; row-gap: 5px; left: 0; bottom: 0\">\r\n    @if (showFullscreenButton) {\r\n    <button fd-button glyph=\"resize\" fdType=\"positive\" (click)=\"onFullscreen()\"></button>\r\n    } @if (showExitFullscreenButton) {\r\n    <button fd-button glyph=\"exitfullscreen\" fdType=\"positive\" (click)=\"onExitFullscreen()\"></button>\r\n    } @if (showLocationButton || disableOrReadonly) {\r\n    <button fd-button glyph=\"map\" fdType=\"positive\" (click)=\"onCurrentLocation()\"></button>\r\n    }\r\n</div>\r\n", styles: [":host{display:block;min-height:300px;position:relative}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaGeographicLocationComponent, selector: "bdc-barsa-geographic-location", inputs: { disableOrReadonly: "disableOrReadonly", setAutomaticLocation: "setAutomaticLocation", showLocationButton: "showLocationButton", showFullscreenButton: "showFullscreenButton", showExitFullscreenButton: "showExitFullscreenButton", draggable: "draggable", defaultLocation: "defaultLocation", latitude: "latitude", longitude: "longitude" }, outputs: { move: "move", moveEnd: "moveEnd", fullscreen: "fullscreen", exitFullscreen: "exitFullscreen", errorEvent: "errorEvent", markerChange: "markerChange" }, usesInheritance: true, ngImport: i0, template: "<div style=\"position: absolute; z-index: 1000; display: flex; flex-direction: column; row-gap: 5px; left: 0; bottom: 0\">\r\n    @if (showFullscreenButton) {\r\n    <button fd-button glyph=\"resize\" fdType=\"positive\" (click)=\"onFullscreen()\"></button>\r\n    } @if (showExitFullscreenButton) {\r\n    <button fd-button glyph=\"exitfullscreen\" fdType=\"positive\" (click)=\"onExitFullscreen()\"></button>\r\n    } @if (showLocationButton || disableOrReadonly) {\r\n    <button fd-button glyph=\"map\" fdType=\"positive\" (click)=\"onCurrentLocation()\"></button>\r\n    }\r\n</div>\r\n", styles: [":host{display:block;min-height:300px;position:relative}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaGeographicLocationComponent, decorators: [{
             type: Component,
@@ -3396,7 +3394,7 @@ class FormCardComponent extends FormPropsBaseComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormCardComponent, selector: "bdc-form-card", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\">\r\n    @if (toolbarItems) {\r\n    <!-- <fd-card-header *ngIf=\"toolbarVisible !== false && toolbarItems.length\">\r\n    <div fd-card-title></div>\r\n    <div fd-card-subtitle style=\"width: 100%\"></div>\r\n  </fd-card-header> -->\r\n    }\r\n    <fd-card-content>\r\n        <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root>\r\n    </fd-card-content>\r\n</fd-card>\r\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "component", type: i2$1.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i4$3.CardContentComponent, selector: "fd-card-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormCardComponent, selector: "bdc-form-card", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\">\r\n    @if (toolbarItems) {\r\n    <!-- <fd-card-header *ngIf=\"toolbarVisible !== false && toolbarItems.length\">\r\n    <div fd-card-title></div>\r\n    <div fd-card-subtitle style=\"width: 100%\"></div>\r\n  </fd-card-header> -->\r\n    }\r\n    <fd-card-content>\r\n        <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root>\r\n    </fd-card-content>\r\n</fd-card>\r\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "component", type: i2$1.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardContentComponent, selector: "fd-card-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormCardComponent, decorators: [{
             type: Component,