barsa-develop-components 1.0.359 → 1.0.360

package/fesm2020/barsa-develop-components.mjs

@@ -8,7 +8,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i2$1 from '@fundamental-ngx/core/input-group';
 import * as i3 from '@fundamental-ngx/core/toolbar';
 import * as i1 from 'barsa-novin-ray-core';
-import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, BaseItemContentPropsComponent, FormPropsBaseComponent, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, ReportItemBaseComponent, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
+import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewPropsComponent, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
 import { takeUntil, shareReplay, filter, map, debounceTime as debounceTime$1, tap, exhaustMap, concatMap, finalize, delay, withLatestFrom } from 'rxjs/operators';
 import * as i2$3 from '@fundamental-ngx/core';
 import { TabListComponent, PopoverBodyComponent, TabPanelComponent, UploadCollectionItemDirective, FundamentalNgxCoreModule } from '@fundamental-ngx/core';
@@ -30,9 +30,9 @@ import * as i1$2 from '@fundamental-ngx/platform';
 import { PlatformInputGroupModule } from '@fundamental-ngx/platform';
 import * as i4$4 from '@fundamental-ngx/core/link';
 import * as i5$2 from '@fundamental-ngx/core/card';
-import * as i8$1 from '@fundamental-ngx/core/form';
-import * as i8$2 from '@fundamental-ngx/core/icon';
-import * as i9 from '@fundamental-ngx/core/list';
+import * as i7 from '@fundamental-ngx/core/form';
+import * as i8$1 from '@fundamental-ngx/core/icon';
+import * as i8$2 from '@fundamental-ngx/core/list';
 import * as i8$3 from '@fundamental-ngx/core/popover';
 import * as i4$5 from '@fundamental-ngx/core/quick-view';
 import * as i4$6 from '@fundamental-ngx/core/table';
@@ -41,25 +41,23 @@ import * as i2$4 from 'barsa-tiles';
 import { TilesViewerContainerComponent, TilesViewerService, TilesViewerGroupComponent, BarsaTilesModule } from 'barsa-tiles';
 import * as i4$7 from '@angular/router';
 import * as i4$8 from '@fundamental-ngx/core/avatar';
-import * as i7 from '@fundamental-ngx/core/checkbox';
+import * as i7$1 from '@fundamental-ngx/core/checkbox';
 import * as i3$3 from '@fundamental-ngx/core/dynamic-page';
 import * as i3$4 from '@angular/platform-browser';
 import * as i2$5 from 'barsa-echarts';
 import { BarsaEchartsModule } from 'barsa-echarts';
-import * as i7$1 from '@fundamental-ngx/core/object-status';
+import * as i7$2 from '@fundamental-ngx/core/object-status';
 import * as i4$9 from '@fundamental-ngx/core/carousel';
 import * as i1$3 from '@fundamental-ngx/core/rating-indicator';
 import * as i4$a from '@fundamental-ngx/core/nested-list';
 import * as i5$4 from '@fundamental-ngx/core/progress-indicator';
-import * as i10 from '@fundamental-ngx/core/menu';
+import * as i5$5 from '@fundamental-ngx/core/menu';
 import * as i3$5 from '@fundamental-ngx/core/split-button';
 import * as i4$b from '@fundamental-ngx/core/action-sheet';
-import * as i7$2 from '@fundamental-ngx/core/file-uploader';
-import * as i9$1 from '@fundamental-ngx/core/inline-help';
+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';
 import * as i3$6 from '@fundamental-ngx/core/token';
-import * as i11 from '@fundamental-ngx/core/multi-input';
-import * as i14 from '@fundamental-ngx/core/switch';
 
 class UiTextFieldSearchComponent extends DeviceInfoFieldBaseComponent {
     constructor() {
@@ -891,7 +889,7 @@ class UiPersonComponent extends FieldBaseComponent {
     }
 }
 UiPersonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPersonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiPersonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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                <ng-container *ngIf=\"value; else selectButton\">\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                </ng-container>\r\n                <ng-template #selectButton>\r\n                    <button\r\n                        fd-button\r\n                        label=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062E\u0635\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"openDialog(dialogTemplate)\"\r\n                    ></button>\r\n                </ng-template>\r\n            </li>\r\n        </ul>\r\n    </fd-popover-control>\r\n    <fd-popover-body *ngIf=\"value\" #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\r\n                        <fd-quick-view-group>\r\n                            <fd-quick-view-group-item *ngFor=\"let item of value | keyvalue\">\r\n                                <div *ngIf=\"item.key !== 'Id'\" 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                                        <ng-container [ngSwitch]=\"item.value\">\r\n                                            <a\r\n                                                *ngSwitchCase=\"\r\n                                                    item.key === 'Mobile' || item.key === 'Phone' ? item.key : ''\r\n                                                \"\r\n                                                [href]=\"'tel:' + item.value\"\r\n                                                [innerText]=\"item.value\"\r\n                                                fd-link\r\n                                            ></a>\r\n                                            <a\r\n                                                *ngSwitchCase=\"'Email'\"\r\n                                                [href]=\"'mailto:' + item.value\"\r\n                                                [innerText]=\"item.value\"\r\n                                                fd-link\r\n                                            ></a>\r\n                                            <div *ngSwitchDefault [innerText]=\"item.value\"></div>\r\n                                        </ng-container>\r\n                                    </fd-quick-view-group-item-content>\r\n                                </div>\r\n                            </fd-quick-view-group-item>\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</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 fd-initial-focus 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                    <tr\r\n                        *ngFor=\"let person of searchResult\"\r\n                        (click)=\"select(person)\"\r\n                        [class.selected]=\"selectedPerson?.Id === person?.Id\"\r\n                        fd-table-row\r\n                    >\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                </tbody>\r\n            </table>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdTemplate=\"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 fd-initial-focus 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:-moz-fit-content;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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$2.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i8$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i8$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i8$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i8$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i8$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i9.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i9.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i9.DeprecatedListContentDensityDirective, selector: "[fd-list][compact], [fdList][compact]" }, { kind: "component", type: i5$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i5$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i5$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i5$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i5$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i12.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i12.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i8$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i8$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i4$5.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i4$5.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i4$5.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i4$5.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i4$5.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "component", type: i4$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$6.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: UiPersonPipe, name: "uiPerson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiPersonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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                <ng-container *ngIf=\"value; else selectButton\">\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                </ng-container>\r\n                <ng-template #selectButton>\r\n                    <button\r\n                        fd-button\r\n                        label=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062E\u0635\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"openDialog(dialogTemplate)\"\r\n                    ></button>\r\n                </ng-template>\r\n            </li>\r\n        </ul>\r\n    </fd-popover-control>\r\n    <fd-popover-body *ngIf=\"value\" #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\r\n                        <fd-quick-view-group>\r\n                            <fd-quick-view-group-item *ngFor=\"let item of value | keyvalue\">\r\n                                <div *ngIf=\"item.key !== 'Id'\" 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                                        <ng-container [ngSwitch]=\"item.value\">\r\n                                            <a\r\n                                                *ngSwitchCase=\"\r\n                                                    item.key === 'Mobile' || item.key === 'Phone' ? item.key : ''\r\n                                                \"\r\n                                                [href]=\"'tel:' + item.value\"\r\n                                                [innerText]=\"item.value\"\r\n                                                fd-link\r\n                                            ></a>\r\n                                            <a\r\n                                                *ngSwitchCase=\"'Email'\"\r\n                                                [href]=\"'mailto:' + item.value\"\r\n                                                [innerText]=\"item.value\"\r\n                                                fd-link\r\n                                            ></a>\r\n                                            <div *ngSwitchDefault [innerText]=\"item.value\"></div>\r\n                                        </ng-container>\r\n                                    </fd-quick-view-group-item-content>\r\n                                </div>\r\n                            </fd-quick-view-group-item>\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</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 fd-initial-focus 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                    <tr\r\n                        *ngFor=\"let person of searchResult\"\r\n                        (click)=\"select(person)\"\r\n                        [class.selected]=\"selectedPerson?.Id === person?.Id\"\r\n                        fd-table-row\r\n                    >\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                </tbody>\r\n            </table>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdTemplate=\"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 fd-initial-focus 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:-moz-fit-content;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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$2.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8$2.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8$2.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8$2.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8$2.DeprecatedListContentDensityDirective, selector: "[fd-list][compact], [fdList][compact]" }, { kind: "component", type: i5$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i5$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i5$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i5$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i5$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i12.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i12.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i8$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i8$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i4$5.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i4$5.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i4$5.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i4$5.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i4$5.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "component", type: i4$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$6.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: UiPersonPipe, name: "uiPerson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPersonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-ui-person', changeDetection: ChangeDetectionStrategy.OnPush, 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                <ng-container *ngIf=\"value; else selectButton\">\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                </ng-container>\r\n                <ng-template #selectButton>\r\n                    <button\r\n                        fd-button\r\n                        label=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062E\u0635\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"openDialog(dialogTemplate)\"\r\n                    ></button>\r\n                </ng-template>\r\n            </li>\r\n        </ul>\r\n    </fd-popover-control>\r\n    <fd-popover-body *ngIf=\"value\" #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\r\n                        <fd-quick-view-group>\r\n                            <fd-quick-view-group-item *ngFor=\"let item of value | keyvalue\">\r\n                                <div *ngIf=\"item.key !== 'Id'\" 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                                        <ng-container [ngSwitch]=\"item.value\">\r\n                                            <a\r\n                                                *ngSwitchCase=\"\r\n                                                    item.key === 'Mobile' || item.key === 'Phone' ? item.key : ''\r\n                                                \"\r\n                                                [href]=\"'tel:' + item.value\"\r\n                                                [innerText]=\"item.value\"\r\n                                                fd-link\r\n                                            ></a>\r\n                                            <a\r\n                                                *ngSwitchCase=\"'Email'\"\r\n                                                [href]=\"'mailto:' + item.value\"\r\n                                                [innerText]=\"item.value\"\r\n                                                fd-link\r\n                                            ></a>\r\n                                            <div *ngSwitchDefault [innerText]=\"item.value\"></div>\r\n                                        </ng-container>\r\n                                    </fd-quick-view-group-item-content>\r\n                                </div>\r\n                            </fd-quick-view-group-item>\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</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 fd-initial-focus 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                    <tr\r\n                        *ngFor=\"let person of searchResult\"\r\n                        (click)=\"select(person)\"\r\n                        [class.selected]=\"selectedPerson?.Id === person?.Id\"\r\n                        fd-table-row\r\n                    >\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                </tbody>\r\n            </table>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdTemplate=\"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 fd-initial-focus 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:-moz-fit-content;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"] }]
@@ -1212,7 +1210,7 @@ class CardContentImageAndTitleComponent extends BaseItemContentPropsComponent {
     }
 }
 CardContentImageAndTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"picture; else iconTemplate\"\n            [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ title }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle }}\n    </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i8$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"picture; else iconTemplate\"\n            [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ title }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle }}\n    </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"picture; else iconTemplate\"\n            [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ title }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle }}\n    </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"] }]
@@ -1254,7 +1252,7 @@ class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent
     }
 }
 CardHeaderLogoTitleSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardHeaderLogoTitleSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardHeaderLogoTitleSubtitleComponent, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n    <fd-avatar\n        *ngIf=\"hasIcon\"\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    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <div\n                *ngIf=\"setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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            <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        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i7.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardHeaderLogoTitleSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardHeaderLogoTitleSubtitleComponent, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n    <fd-avatar\n        *ngIf=\"hasIcon\"\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    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <div\n                *ngIf=\"setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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            <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        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i7$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-card-header-logo-title-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n    <fd-avatar\n        *ngIf=\"hasIcon\"\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    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <div\n                *ngIf=\"setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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            <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        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\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"] }]
@@ -1410,23 +1408,9 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
             });
         }, 0);
     }
-    _findTab(layout94, title) {
-        if (layout94.Title === title) {
-            return layout94;
-        }
-        let tempLayout94 = null;
-        if (layout94.items?.length) {
-            for (let i = 0; i < layout94.items.length; i++) {
-                if (!tempLayout94) {
-                    tempLayout94 = this._findTab(layout94.items[i], title);
-                }
-            }
-        }
-        return tempLayout94;
-    }
     _prepare($FieldDict, mo) {
-        const leftside = this._findTab(this.layout94, 'جدول چپ');
-        const rightside = this._findTab(this.layout94, 'جدول راست');
+        const leftside = FindLayoutSettingFromLayout94(this.layout94, 'جدول چپ');
+        const rightside = FindLayoutSettingFromLayout94(this.layout94, 'جدول راست');
         leftside?.items[0]?.items?.forEach((item2) => {
             const key = item2.Caption;
             const fieldName = $FieldDict[key];
@@ -1490,7 +1474,7 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
     }
 }
 ServiceDeskServcieDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskServcieDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ServiceDeskServcieDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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'\">\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab [title]=\"'\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\" selected>\n            <fd-dynamic-page-content>\n                <fd-layout-grid class=\"row\" style=\"margin: 0\">\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderTable;\n                                context: {\n                                    $implicit: firstArray,\n                                    showKhadamatMortabet: isOdd,\n                                    classNames: 'firstTable'\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderTable;\n                                context: {\n                                    $implicit: secondArray,\n                                    showKhadamatMortabet: !isOdd,\n                                    classNames: 'secondTable'\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab [title]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab [title]=\"'\u0634\u0631\u0627\u064A\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\n        <fd-tab [title]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n                <bsu-layout-control\n                    *ngIf=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\n        <fd-tab [title]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\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\"\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab\n            [title]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n            *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n        >\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"configUi\"\n                    [caption]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n\n    <fd-dynamic-page-footer> </fd-dynamic-page-footer>\n</fd-dynamic-page>\n\n<ng-template #renderTable let-array let-showKhadamatMortabet=\"showKhadamatMortabet\" let-classNames=\"classNames\">\n    <table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\n        <ng-container *ngFor=\"let controlItem of array\">\n            <tr>\n                <th>{{ controlItem.caption | bbbTranslate }}</th>\n                <td>\n                    <ng-container [ngSwitch]=\"controlItem.type\">\n                        <ng-container *ngSwitchCase=\"'Link'\">\n                            <a dir=\"ltr\" target=\"_blank\" [href]=\"mo[controlItem.fieldName]\">{{\n                                mo[controlItem.fieldName]\n                            }}</a></ng-container\n                        >\n                        <ng-container *ngSwitchCase=\"'Relation'\">\n                            {{ controlItem.fieldName | val: mo:true | bbbTranslate }}</ng-container\n                        >\n                        <ng-container *ngSwitchCase=\"'MoList'\">\n                            <div *ngFor=\"let item of mo[controlItem.fieldName]?.MoDataList\" class=\"links\">\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\" style=\"color: #0854a0\"></fd-icon>\n                                <!-- <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon> -->\n                                <a (click)=\"onDownload(item)\">{{ item.$Caption }}</a>\n                            </div>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"'Image'\"> {{ mo[controlItem.fieldName].Ext }}</ng-container>\n                        <ng-container *ngSwitchCase=\"'Files'\"> {{ mo[controlItem.fieldName].Files }}</ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{ mo[controlItem.fieldName + '$Caption'] || mo[controlItem.fieldName] | bbbTranslate }}\n                        </ng-container>\n                    </ng-container>\n                </td>\n            </tr>\n        </ng-container>\n        <!-- <ng-container *ngIf=\"showKhadamatMortabet\">\n            <tr>\n                <th>\u062E\u062F\u0645\u0627\u062A \u0645\u0631\u062A\u0628\u0637</th>\n                <td>\n                    <div class=\"links\" *ngFor=\"let item of khadamatmortabet\">\n                        <a (click)=\"onKhadamatMortabet(item)\">{{ item.$Caption }}</a>\n                    </div>\n                </td>\n            </tr>\n        </ng-container> -->\n    </table>\n</ng-template>\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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3$2.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: i3$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$3.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i8$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i2$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i2$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "pipe", type: i1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ServiceDeskServcieDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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'\">\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab [title]=\"'\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\" selected>\n            <fd-dynamic-page-content>\n                <fd-layout-grid class=\"row\" style=\"margin: 0\">\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderTable;\n                                context: {\n                                    $implicit: firstArray,\n                                    showKhadamatMortabet: isOdd,\n                                    classNames: 'firstTable'\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderTable;\n                                context: {\n                                    $implicit: secondArray,\n                                    showKhadamatMortabet: !isOdd,\n                                    classNames: 'secondTable'\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab [title]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab [title]=\"'\u0634\u0631\u0627\u064A\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\n        <fd-tab [title]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n                <bsu-layout-control\n                    *ngIf=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\n        <fd-tab [title]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\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\"\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab\n            [title]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n            *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n        >\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"configUi\"\n                    [caption]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n\n    <fd-dynamic-page-footer> </fd-dynamic-page-footer>\n</fd-dynamic-page>\n\n<ng-template #renderTable let-array let-showKhadamatMortabet=\"showKhadamatMortabet\" let-classNames=\"classNames\">\n    <table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\n        <ng-container *ngFor=\"let controlItem of array\">\n            <tr>\n                <th>{{ controlItem.caption | bbbTranslate }}</th>\n                <td>\n                    <ng-container [ngSwitch]=\"controlItem.type\">\n                        <ng-container *ngSwitchCase=\"'Link'\">\n                            <a dir=\"ltr\" target=\"_blank\" [href]=\"mo[controlItem.fieldName]\">{{\n                                mo[controlItem.fieldName]\n                            }}</a></ng-container\n                        >\n                        <ng-container *ngSwitchCase=\"'Relation'\">\n                            {{ controlItem.fieldName | val: mo:true | bbbTranslate }}</ng-container\n                        >\n                        <ng-container *ngSwitchCase=\"'MoList'\">\n                            <div *ngFor=\"let item of mo[controlItem.fieldName]?.MoDataList\" class=\"links\">\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\" style=\"color: #0854a0\"></fd-icon>\n                                <!-- <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon> -->\n                                <a (click)=\"onDownload(item)\">{{ item.$Caption }}</a>\n                            </div>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"'Image'\"> {{ mo[controlItem.fieldName].Ext }}</ng-container>\n                        <ng-container *ngSwitchCase=\"'Files'\"> {{ mo[controlItem.fieldName].Files }}</ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{ mo[controlItem.fieldName + '$Caption'] || mo[controlItem.fieldName] | bbbTranslate }}\n                        </ng-container>\n                    </ng-container>\n                </td>\n            </tr>\n        </ng-container>\n        <!-- <ng-container *ngIf=\"showKhadamatMortabet\">\n            <tr>\n                <th>\u062E\u062F\u0645\u0627\u062A \u0645\u0631\u062A\u0628\u0637</th>\n                <td>\n                    <div class=\"links\" *ngFor=\"let item of khadamatmortabet\">\n                        <a (click)=\"onKhadamatMortabet(item)\">{{ item.$Caption }}</a>\n                    </div>\n                </td>\n            </tr>\n        </ng-container> -->\n    </table>\n</ng-template>\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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3$2.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: i3$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$3.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i2$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i2$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "pipe", type: i1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskServcieDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-service-desk-servcie-detail', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dynamic-page [size]=\"isMobile ? 'small' : 'large'\">\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab [title]=\"'\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\" selected>\n            <fd-dynamic-page-content>\n                <fd-layout-grid class=\"row\" style=\"margin: 0\">\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderTable;\n                                context: {\n                                    $implicit: firstArray,\n                                    showKhadamatMortabet: isOdd,\n                                    classNames: 'firstTable'\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                    <div [fdLayoutGridCol]=\"12\" [colMd]=\"6\" [colLg]=\"6\" [colXl]=\"6\" style=\"padding: 0\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderTable;\n                                context: {\n                                    $implicit: secondArray,\n                                    showKhadamatMortabet: !isOdd,\n                                    classNames: 'secondTable'\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab [title]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u067E\u06CC\u0634\u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab [title]=\"'\u0634\u0631\u0627\u064A\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0634\u0631\u0627\u06CC\u0637 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\n        <fd-tab [title]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u0631\u0627\u062D\u0644 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n                <bsu-layout-control\n                    *ngIf=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0641\u0631\u0622\u06CC\u0646\u062F \u0645\u062C\u0648\u0632' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u062F\u0627\u0631\u06A9 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0627\u062E\u0630 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\n        <fd-tab [title]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0647\u0632\u06CC\u0646\u0647 \u0647\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0645\u0628\u0627\u0646\u06CC \u0642\u0627\u0646\u0648\u0646\u06CC \u0627\u0631\u0627\u0626\u0647 \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\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\"\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n\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\">\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | controlUi: layout94 as configUi\"\n                    [caption]=\"'\u0627\u0633\u062A\u0639\u0644\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab\n            [title]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n            *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\"\n        >\n            <fd-dynamic-page-content>\n                <bsu-layout-control\n                    *ngIf=\"configUi\"\n                    [caption]=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | bbbTranslate\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n\n    <fd-dynamic-page-footer> </fd-dynamic-page-footer>\n</fd-dynamic-page>\n\n<ng-template #renderTable let-array let-showKhadamatMortabet=\"showKhadamatMortabet\" let-classNames=\"classNames\">\n    <table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\n        <ng-container *ngFor=\"let controlItem of array\">\n            <tr>\n                <th>{{ controlItem.caption | bbbTranslate }}</th>\n                <td>\n                    <ng-container [ngSwitch]=\"controlItem.type\">\n                        <ng-container *ngSwitchCase=\"'Link'\">\n                            <a dir=\"ltr\" target=\"_blank\" [href]=\"mo[controlItem.fieldName]\">{{\n                                mo[controlItem.fieldName]\n                            }}</a></ng-container\n                        >\n                        <ng-container *ngSwitchCase=\"'Relation'\">\n                            {{ controlItem.fieldName | val: mo:true | bbbTranslate }}</ng-container\n                        >\n                        <ng-container *ngSwitchCase=\"'MoList'\">\n                            <div *ngFor=\"let item of mo[controlItem.fieldName]?.MoDataList\" class=\"links\">\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\" style=\"color: #0854a0\"></fd-icon>\n                                <!-- <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon> -->\n                                <a (click)=\"onDownload(item)\">{{ item.$Caption }}</a>\n                            </div>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"'Image'\"> {{ mo[controlItem.fieldName].Ext }}</ng-container>\n                        <ng-container *ngSwitchCase=\"'Files'\"> {{ mo[controlItem.fieldName].Files }}</ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{ mo[controlItem.fieldName + '$Caption'] || mo[controlItem.fieldName] | bbbTranslate }}\n                        </ng-container>\n                    </ng-container>\n                </td>\n            </tr>\n        </ng-container>\n        <!-- <ng-container *ngIf=\"showKhadamatMortabet\">\n            <tr>\n                <th>\u062E\u062F\u0645\u0627\u062A \u0645\u0631\u062A\u0628\u0637</th>\n                <td>\n                    <div class=\"links\" *ngFor=\"let item of khadamatmortabet\">\n                        <a (click)=\"onKhadamatMortabet(item)\">{{ item.$Caption }}</a>\n                    </div>\n                </td>\n            </tr>\n        </ng-container> -->\n    </table>\n</ng-template>\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"] }]
@@ -1523,7 +1507,7 @@ class ServiceDeskViewOfServicesComponent extends ReportViewBaseComponent {
     }
 }
 ServiceDeskViewOfServicesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskViewOfServicesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ServiceDeskViewOfServicesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\n    <div class=\"service-list\">\n        <fd-layout-grid>\n            <div\n                [fdLayoutGridCol]=\"12\"\n                [colSm]=\"12\"\n                [colMd]=\"3\"\n                [colLg]=\"3\"\n                [colXl]=\"3\"\n                *ngFor=\"let mo of moDataList; let i = index\"\n            >\n                <div class=\"item\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicCommand;\n                            context: {\n                                $implicit: mo,\n                                index: i,\n                                dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n                                title: fieldTitle | rval: mo:allColumns | bbbTranslate\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-layout-grid>\n    </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n    <button\n        fd-button\n        [dynCommand]=\"dynCommand\"\n        [mo]=\"mo\"\n        [enableCommand]=\"dynCommand\"\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n        [fdType]=\"'emphasized'\"\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\n        [title]=\"title\"\n    >\n        <span class=\"item-icon\">\n            <fd-icon glyph=\"product\"></fd-icon>\n        </span>\n        <span class=\"item-content\"> {{ title }}</span>\n        <span class=\"item-icon-arrow\">\n            <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n        </span>\n    </button>\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"true\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n        ></bsu-ulv-context-menu>\n    </div>\n</ng-template>\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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ServiceDeskViewOfServicesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\n    <div class=\"service-list\">\n        <fd-layout-grid>\n            <div\n                [fdLayoutGridCol]=\"12\"\n                [colSm]=\"12\"\n                [colMd]=\"3\"\n                [colLg]=\"3\"\n                [colXl]=\"3\"\n                *ngFor=\"let mo of moDataList; let i = index\"\n            >\n                <div class=\"item\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicCommand;\n                            context: {\n                                $implicit: mo,\n                                index: i,\n                                dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n                                title: fieldTitle | rval: mo:allColumns | bbbTranslate\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-layout-grid>\n    </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n    <button\n        fd-button\n        [dynCommand]=\"dynCommand\"\n        [mo]=\"mo\"\n        [enableCommand]=\"dynCommand\"\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n        [fdType]=\"'emphasized'\"\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\n        [title]=\"title\"\n    >\n        <span class=\"item-icon\">\n            <fd-icon glyph=\"product\"></fd-icon>\n        </span>\n        <span class=\"item-content\"> {{ title }}</span>\n        <span class=\"item-icon-arrow\">\n            <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n        </span>\n    </button>\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"true\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n        ></bsu-ulv-context-menu>\n    </div>\n</ng-template>\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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskViewOfServicesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-service-desk-view-of-services', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"services\">\n    <div class=\"service-list\">\n        <fd-layout-grid>\n            <div\n                [fdLayoutGridCol]=\"12\"\n                [colSm]=\"12\"\n                [colMd]=\"3\"\n                [colLg]=\"3\"\n                [colXl]=\"3\"\n                *ngFor=\"let mo of moDataList; let i = index\"\n            >\n                <div class=\"item\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicCommand;\n                            context: {\n                                $implicit: mo,\n                                index: i,\n                                dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n                                title: fieldTitle | rval: mo:allColumns | bbbTranslate\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-layout-grid>\n    </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n    <button\n        fd-button\n        [dynCommand]=\"dynCommand\"\n        [mo]=\"mo\"\n        [enableCommand]=\"dynCommand\"\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n        [fdType]=\"'emphasized'\"\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\n        [title]=\"title\"\n    >\n        <span class=\"item-icon\">\n            <fd-icon glyph=\"product\"></fd-icon>\n        </span>\n        <span class=\"item-content\"> {{ title }}</span>\n        <span class=\"item-icon-arrow\">\n            <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n        </span>\n    </button>\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"true\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n        ></bsu-ulv-context-menu>\n    </div>\n</ng-template>\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"] }]
@@ -1555,7 +1539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 class CardHeaderBigImageTitleAndSubtitleComponent extends CardHeaderLogoTitleSubtitleComponent {
 }
 CardHeaderBigImageTitleAndSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardHeaderBigImageTitleAndSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardHeaderBigImageTitleAndSubtitleComponent, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n    <fd-avatar\n        *ngIf=\"hasIcon\"\n        [circle]=\"avatarCircle\"\n        size=\"s\"\n        ariaLabel=\"avatar image\"\n        title=\"avatar image\"\n        [glyph]=\"fontIcon\"\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n    ></fd-avatar>\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <div\n                *ngIf=\"!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                [styleIndex]=\"styleIndex\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [dbName]=\"titleDbName\"\n                [styleIndex]=\"styleIndex\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title }}\n            </h2>\n        </div>\n        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\n    </div>\n\n    <h3\n        fd-card-subtitle\n        #hEl\n        [hostEl]=\"hEl\"\n        [dbName]=\"subtitleDbName\"\n        [styleIndex]=\"styleIndex\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n    >\n        {{ subtitle }}\n    </h3>\n</fd-card-header>\n<div></div>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i7.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardHeaderBigImageTitleAndSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardHeaderBigImageTitleAndSubtitleComponent, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n    <fd-avatar\n        *ngIf=\"hasIcon\"\n        [circle]=\"avatarCircle\"\n        size=\"s\"\n        ariaLabel=\"avatar image\"\n        title=\"avatar image\"\n        [glyph]=\"fontIcon\"\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n    ></fd-avatar>\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <div\n                *ngIf=\"!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                [styleIndex]=\"styleIndex\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [dbName]=\"titleDbName\"\n                [styleIndex]=\"styleIndex\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title }}\n            </h2>\n        </div>\n        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\n    </div>\n\n    <h3\n        fd-card-subtitle\n        #hEl\n        [hostEl]=\"hEl\"\n        [dbName]=\"subtitleDbName\"\n        [styleIndex]=\"styleIndex\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n    >\n        {{ subtitle }}\n    </h3>\n</fd-card-header>\n<div></div>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i7$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-card-header-big-image-title-and-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n    <fd-avatar\n        *ngIf=\"hasIcon\"\n        [circle]=\"avatarCircle\"\n        size=\"s\"\n        ariaLabel=\"avatar image\"\n        title=\"avatar image\"\n        [glyph]=\"fontIcon\"\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n    ></fd-avatar>\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <div\n                *ngIf=\"!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                [styleIndex]=\"styleIndex\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [dbName]=\"titleDbName\"\n                [styleIndex]=\"styleIndex\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title }}\n            </h2>\n        </div>\n        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\n    </div>\n\n    <h3\n        fd-card-subtitle\n        #hEl\n        [hostEl]=\"hEl\"\n        [dbName]=\"subtitleDbName\"\n        [styleIndex]=\"styleIndex\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n    >\n        {{ subtitle }}\n    </h3>\n</fd-card-header>\n<div></div>\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"] }]
@@ -1652,7 +1636,7 @@ class ServiceDeskFormLayoutContentMojavezComponent extends FormPropsBaseComponen
     }
 }
 ServiceDeskFormLayoutContentMojavezComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskFormLayoutContentMojavezComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ServiceDeskFormLayoutContentMojavezComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskFormLayoutContentMojavezComponent, selector: "bdc-service-desk-form-layout-content-mojavez", viewQueries: [{ propertyName: "tabContainerRef", first: true, predicate: ["tabContainerRef"], descendants: true }, { propertyName: "tablesRef", predicate: ["tablesRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<fd-layout-grid>\r\n    <div [fdLayoutGridCol]=\"6\" style=\"padding: 0\">\r\n        <ng-container *ngTemplateOutlet=\"renderTable; context: { $implicit: firstArray, classNames: 'firstTable' }\">\r\n        </ng-container>\r\n    </div>\r\n    <div [fdLayoutGridCol]=\"6\" style=\"padding: 0\">\r\n        <ng-container *ngTemplateOutlet=\"renderTable; context: { $implicit: secondArray, classNames: 'secondTable' }\">\r\n        </ng-container>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderTable let-array let-classNames=\"classNames\">\r\n    <table fd-table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\r\n        <ng-container *ngFor=\"let controlItem of array\">\r\n            <tr fd-table-row>\r\n                <th fd-tabel-cell>{{ controlItem.caption }}</th>\r\n                <td fd-tabel-cell>\r\n                    <ng-container [ngSwitch]=\"controlItem.type\">\r\n                        <ng-container *ngSwitchCase=\"'Link'\">\r\n                            <a target=\"_blank\" [href]=\"controlItem.value\">{{ controlItem.value }}</a></ng-container\r\n                        >\r\n                        <ng-container *ngSwitchCase=\"'Relation'\">{{ controlItem.value.$Caption }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'MoList'\">\r\n                            <div *ngFor=\"let item of controlItem.value.MoDataList\" class=\"links\">\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                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'MoList2'\">\r\n                            <div *ngFor=\"let item of controlItem.value.MoDataList\" class=\"links\">\r\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\"></fd-icon>\r\n                                <a (click)=\"onLink(item)\">{{ item.$Caption }}</a>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Caption'\"> {{ controlItem.value }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Image'\"> {{ controlItem.value.Ext }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Files'\">\r\n                            <div *ngFor=\"let item of controlItem.value.Files\" class=\"links\">\r\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n                                <a (click)=\"onDownload(item)\">{{ item.FileName }}</a>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchDefault>\r\n                            {{ controlItem.value }}\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </tr>\r\n        </ng-container>\r\n    </table>\r\n</ng-template>\r\n", styles: [".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{border-collapse:collapse;width:100%;direction:rtl;background-color:#fff}.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:200px}.table-grid td{font-size:.825rem;vertical-align:middle}@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:#0012af}.fd-icon-link{font-size:1rem;padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i8$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i4$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ServiceDeskFormLayoutContentMojavezComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskFormLayoutContentMojavezComponent, selector: "bdc-service-desk-form-layout-content-mojavez", viewQueries: [{ propertyName: "tabContainerRef", first: true, predicate: ["tabContainerRef"], descendants: true }, { propertyName: "tablesRef", predicate: ["tablesRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<fd-layout-grid>\r\n    <div [fdLayoutGridCol]=\"6\" style=\"padding: 0\">\r\n        <ng-container *ngTemplateOutlet=\"renderTable; context: { $implicit: firstArray, classNames: 'firstTable' }\">\r\n        </ng-container>\r\n    </div>\r\n    <div [fdLayoutGridCol]=\"6\" style=\"padding: 0\">\r\n        <ng-container *ngTemplateOutlet=\"renderTable; context: { $implicit: secondArray, classNames: 'secondTable' }\">\r\n        </ng-container>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderTable let-array let-classNames=\"classNames\">\r\n    <table fd-table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\r\n        <ng-container *ngFor=\"let controlItem of array\">\r\n            <tr fd-table-row>\r\n                <th fd-tabel-cell>{{ controlItem.caption }}</th>\r\n                <td fd-tabel-cell>\r\n                    <ng-container [ngSwitch]=\"controlItem.type\">\r\n                        <ng-container *ngSwitchCase=\"'Link'\">\r\n                            <a target=\"_blank\" [href]=\"controlItem.value\">{{ controlItem.value }}</a></ng-container\r\n                        >\r\n                        <ng-container *ngSwitchCase=\"'Relation'\">{{ controlItem.value.$Caption }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'MoList'\">\r\n                            <div *ngFor=\"let item of controlItem.value.MoDataList\" class=\"links\">\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                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'MoList2'\">\r\n                            <div *ngFor=\"let item of controlItem.value.MoDataList\" class=\"links\">\r\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\"></fd-icon>\r\n                                <a (click)=\"onLink(item)\">{{ item.$Caption }}</a>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Caption'\"> {{ controlItem.value }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Image'\"> {{ controlItem.value.Ext }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Files'\">\r\n                            <div *ngFor=\"let item of controlItem.value.Files\" class=\"links\">\r\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n                                <a (click)=\"onDownload(item)\">{{ item.FileName }}</a>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchDefault>\r\n                            {{ controlItem.value }}\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </tr>\r\n        </ng-container>\r\n    </table>\r\n</ng-template>\r\n", styles: [".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{border-collapse:collapse;width:100%;direction:rtl;background-color:#fff}.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:200px}.table-grid td{font-size:.825rem;vertical-align:middle}@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:#0012af}.fd-icon-link{font-size:1rem;padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i4$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskFormLayoutContentMojavezComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-service-desk-form-layout-content-mojavez', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-layout-grid>\r\n    <div [fdLayoutGridCol]=\"6\" style=\"padding: 0\">\r\n        <ng-container *ngTemplateOutlet=\"renderTable; context: { $implicit: firstArray, classNames: 'firstTable' }\">\r\n        </ng-container>\r\n    </div>\r\n    <div [fdLayoutGridCol]=\"6\" style=\"padding: 0\">\r\n        <ng-container *ngTemplateOutlet=\"renderTable; context: { $implicit: secondArray, classNames: 'secondTable' }\">\r\n        </ng-container>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderTable let-array let-classNames=\"classNames\">\r\n    <table fd-table #tablesRef class=\"table-grid\" [ngClass]=\"classNames\">\r\n        <ng-container *ngFor=\"let controlItem of array\">\r\n            <tr fd-table-row>\r\n                <th fd-tabel-cell>{{ controlItem.caption }}</th>\r\n                <td fd-tabel-cell>\r\n                    <ng-container [ngSwitch]=\"controlItem.type\">\r\n                        <ng-container *ngSwitchCase=\"'Link'\">\r\n                            <a target=\"_blank\" [href]=\"controlItem.value\">{{ controlItem.value }}</a></ng-container\r\n                        >\r\n                        <ng-container *ngSwitchCase=\"'Relation'\">{{ controlItem.value.$Caption }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'MoList'\">\r\n                            <div *ngFor=\"let item of controlItem.value.MoDataList\" class=\"links\">\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                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'MoList2'\">\r\n                            <div *ngFor=\"let item of controlItem.value.MoDataList\" class=\"links\">\r\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'chain-link'\"></fd-icon>\r\n                                <a (click)=\"onLink(item)\">{{ item.$Caption }}</a>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Caption'\"> {{ controlItem.value }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Image'\"> {{ controlItem.value.Ext }}</ng-container>\r\n                        <ng-container *ngSwitchCase=\"'Files'\">\r\n                            <div *ngFor=\"let item of controlItem.value.Files\" class=\"links\">\r\n                                <fd-icon class=\"fd-icon-link\" [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n                                <a (click)=\"onDownload(item)\">{{ item.FileName }}</a>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchDefault>\r\n                            {{ controlItem.value }}\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </tr>\r\n        </ng-container>\r\n    </table>\r\n</ng-template>\r\n", styles: [".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{border-collapse:collapse;width:100%;direction:rtl;background-color:#fff}.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:200px}.table-grid td{font-size:.825rem;vertical-align:middle}@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:#0012af}.fd-icon-link{font-size:1rem;padding-left:5px}\n"] }]
@@ -1867,7 +1851,7 @@ class CardHeaderKpiComponent extends CardHeaderLogoTitleSubtitleComponent {
     }
 }
 CardHeaderKpiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardHeaderKpiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardHeaderKpiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardHeaderKpiComponent, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [dbName]=\"titleDbName\"\n                [styleIndex]=\"styleIndex\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title }}\n            </h2>\n            <div\n                *ngIf=\"!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n        </div>\n        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\n    </div>\n\n    <fd-card-kpi-header>\n        <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\n        <span\n            fd-card-kpi-scale-icon\n            [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\n            fd-object-status\n            [status]=\"kpiStatus\"\n            aria-label=\"up arrow\"\n            title=\"up arrow\"\n        ></span>\n        <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\n\n        <div fd-card-kpi-analytics>\n            <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\n            <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\n        </div>\n    </fd-card-kpi-header>\n\n    <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\n</fd-card-header>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i5$2.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i5$2.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i5$2.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i5$2.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i5$2.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i5$2.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i5$2.CardKpiAnalyticsContentDirective, selector: "[fd-card-kpi-analytics-content]" }, { kind: "component", type: i7.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i7$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardHeaderKpiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardHeaderKpiComponent, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [dbName]=\"titleDbName\"\n                [styleIndex]=\"styleIndex\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title }}\n            </h2>\n            <div\n                *ngIf=\"!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n        </div>\n        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\n    </div>\n\n    <fd-card-kpi-header>\n        <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\n        <span\n            fd-card-kpi-scale-icon\n            [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\n            fd-object-status\n            [status]=\"kpiStatus\"\n            aria-label=\"up arrow\"\n            title=\"up arrow\"\n        ></span>\n        <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\n\n        <div fd-card-kpi-analytics>\n            <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\n            <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\n        </div>\n    </fd-card-kpi-header>\n\n    <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\n</fd-card-header>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i5$2.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i5$2.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i5$2.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i5$2.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i5$2.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i5$2.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i5$2.CardKpiAnalyticsContentDirective, selector: "[fd-card-kpi-analytics-content]" }, { kind: "component", type: i7$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i7$2.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "directive", type: i2.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: "14.2.7", ngImport: i0, type: CardHeaderKpiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-card-header-kpi', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header>\n    <div fd-card-title [style.justify-content]=\"'end'\">\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n            ></fd-checkbox>\n            <h2\n                #hEl\n                class=\"fd-card__title\"\n                [hostEl]=\"hEl\"\n                [dbName]=\"titleDbName\"\n                [styleIndex]=\"styleIndex\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n            >\n                {{ title }}\n            </h2>\n            <div\n                *ngIf=\"!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n            ></div>\n        </div>\n        <ng-container *ngIf=\"canView\">\n            <button\n                fd-button\n                (click)=\"events.emit({ title: 'rowClick' })\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </ng-container>\n    </div>\n\n    <fd-card-kpi-header>\n        <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\n        <span\n            fd-card-kpi-scale-icon\n            [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\n            fd-object-status\n            [status]=\"kpiStatus\"\n            aria-label=\"up arrow\"\n            title=\"up arrow\"\n        ></span>\n        <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\n\n        <div fd-card-kpi-analytics>\n            <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\n            <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\n        </div>\n    </fd-card-kpi-header>\n\n    <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\n</fd-card-header>\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"] }]
@@ -2011,7 +1995,7 @@ class G4bDetailsComponent extends BaseItemContentPropsComponent {
     }
 }
 G4bDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: G4bDetailsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-G4bDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i8$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i3$1.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$1.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+G4bDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i3$1.MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: ["independentSteps", "transitionSpeed", "transitionTimingFunction"] }, { kind: "component", type: i3$1.MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: ["state", "intermediate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: G4bDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-g4b-details', changeDetection: ChangeDetectionStrategy.OnPush, 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: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"] }]
@@ -2060,7 +2044,7 @@ class G4bEstelamComponent extends BaseItemContentPropsComponent {
     }
 }
 G4bEstelamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: G4bEstelamComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-G4bEstelamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i8$1.TextareaFormControlDirective, selector: "textarea[fd-form-control]" }, { kind: "component", type: i8$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i8$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i4.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+G4bEstelamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.TextareaFormControlDirective, selector: "textarea[fd-form-control]" }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i4.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle"] }, { kind: "directive", type: i2.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: "14.2.7", ngImport: i0, type: G4bEstelamComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-g4b-estelam', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
@@ -2593,7 +2577,7 @@ class ReportButtonViewComponent extends BaseFormToolbaritemPropsComponent {
     onButtonClick(btn) { }
 }
 ReportButtonViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportButtonViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ReportButtonViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportButtonViewComponent, selector: "bdc-report-button-view", usesInheritance: true, ngImport: i0, template: "<!-- <fd-split-button\nfd-toolbar-item\n[fdType]=\"'transparent'\"\n[mainAction]=\"{\n    keepMainAction: true,\n    mainActionTitle: 'Choose' | bbbTranslate\n}\"\n>\n<fd-menu>\n    <li fd-menu-item *ngFor=\"let mo of moDataList;let index=index\">\n        <div fd-menu-interactive (click)=\"onRowCheck({mo,index})\">\n            <span fd-menu-title>\n                <fd-icon [glyph]=\"viewSetting.Icon | rval: mo:allColumns:true \"> </fd-icon>\n            </span>\n        </div>\n    </li>\n</fd-menu>\n</fd-split-button> -->\n\n<fd-split-button\n    fd-toolbar-item\n    [mainAction]=\"{ mainActionTitle: parameters.MainActionTitle, keepMainAction: true }\"\n    [fdType]=\"parameters.FdType$Caption\"\n    (click)=\"onMainActionClick(menu)\"\n>\n    <fd-menu #menu>\n        <li fd-menu-item *ngFor=\"let mo of moDataList; let index = index\" (click)=\"onButtonClick(mo)\">\n            <div fd-menu-interactive>\n                <fd-menu-addon position=\"before\"> </fd-menu-addon>\n                <span fd-menu-title>{{ mo.$Caption | bbbTranslate }}</span>\n            </div>\n        </li>\n    </fd-menu>\n</fd-split-button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i10.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i10.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i10.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i10.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i10.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i3$5.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ReportButtonViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportButtonViewComponent, selector: "bdc-report-button-view", usesInheritance: true, ngImport: i0, template: "<!-- <fd-split-button\nfd-toolbar-item\n[fdType]=\"'transparent'\"\n[mainAction]=\"{\n    keepMainAction: true,\n    mainActionTitle: 'Choose' | bbbTranslate\n}\"\n>\n<fd-menu>\n    <li fd-menu-item *ngFor=\"let mo of moDataList;let index=index\">\n        <div fd-menu-interactive (click)=\"onRowCheck({mo,index})\">\n            <span fd-menu-title>\n                <fd-icon [glyph]=\"viewSetting.Icon | rval: mo:allColumns:true \"> </fd-icon>\n            </span>\n        </div>\n    </li>\n</fd-menu>\n</fd-split-button> -->\n\n<fd-split-button\n    fd-toolbar-item\n    [mainAction]=\"{ mainActionTitle: parameters.MainActionTitle, keepMainAction: true }\"\n    [fdType]=\"parameters.FdType$Caption\"\n    (click)=\"onMainActionClick(menu)\"\n>\n    <fd-menu #menu>\n        <li fd-menu-item *ngFor=\"let mo of moDataList; let index = index\" (click)=\"onButtonClick(mo)\">\n            <div fd-menu-interactive>\n                <fd-menu-addon position=\"before\"> </fd-menu-addon>\n                <span fd-menu-title>{{ mo.$Caption | bbbTranslate }}</span>\n            </div>\n        </li>\n    </fd-menu>\n</fd-split-button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5$5.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i5$5.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i5$5.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i5$5.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i5$5.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i3$5.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportButtonViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-report-button-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <fd-split-button\nfd-toolbar-item\n[fdType]=\"'transparent'\"\n[mainAction]=\"{\n    keepMainAction: true,\n    mainActionTitle: 'Choose' | bbbTranslate\n}\"\n>\n<fd-menu>\n    <li fd-menu-item *ngFor=\"let mo of moDataList;let index=index\">\n        <div fd-menu-interactive (click)=\"onRowCheck({mo,index})\">\n            <span fd-menu-title>\n                <fd-icon [glyph]=\"viewSetting.Icon | rval: mo:allColumns:true \"> </fd-icon>\n            </span>\n        </div>\n    </li>\n</fd-menu>\n</fd-split-button> -->\n\n<fd-split-button\n    fd-toolbar-item\n    [mainAction]=\"{ mainActionTitle: parameters.MainActionTitle, keepMainAction: true }\"\n    [fdType]=\"parameters.FdType$Caption\"\n    (click)=\"onMainActionClick(menu)\"\n>\n    <fd-menu #menu>\n        <li fd-menu-item *ngFor=\"let mo of moDataList; let index = index\" (click)=\"onButtonClick(mo)\">\n            <div fd-menu-interactive>\n                <fd-menu-addon position=\"before\"> </fd-menu-addon>\n                <span fd-menu-title>{{ mo.$Caption | bbbTranslate }}</span>\n            </div>\n        </li>\n    </fd-menu>\n</fd-split-button>\n" }]
@@ -2652,7 +2636,7 @@ class BarsaDocumentListItemComponent extends BaseComponent {
     }
 }
 BarsaDocumentListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDocumentListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PictureFieldSourcePipe }], target: i0.ɵɵFactoryTarget.Component });
-BarsaDocumentListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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\">\n    <span fd-list-thumbnail>\n        <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\n            [clickable]=\"true\"\n        ></fd-avatar\n    ></span>\n    \n    <div fd-list-content>\n        <div fd-list-title>\n            <div style=\"display: flex; column-gap: 3px\">\n                <strong\n                    >{{ documentItem.Title }}\n                    <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                        >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                    </span>\n                </strong>\n                <div\n                    *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\n                    style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\n                >\n                    <span\n                        fd-object-status\n                        [status]=\"accepted ? 'positive' : 'negative'\"\n                        [label]=\"accepted ? acceptedText : rejectedText\"\n                        [clickable]=\"true\"\n                        [inverted]=\"true\"\n                        [aria-label]=\"accepted ? acceptedText : rejectedText\"\n                    ></span>\n                    <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\n                        <fd-popover-control>\n                            <span\n                                fd-object-status\n                                status=\"negative\"\n                                glyph=\"question-mark\"\n                                glyphAriaLabel=\"Negative\"\n                                title=\"Rejected document\"\n                            ></span>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <fd-message-strip type=\"error\" [dismissible]=\"false\">\n                                {{ rejectedReason }}\n                            </fd-message-strip>\n                        </fd-popover-body>\n                    </fd-popover>\n                </div>\n            </div>\n        </div>\n        <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\n            <div fd-list-byline-left>\n                <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\n                    <span>\n                        {{ documentItem.Description }}\n                    </span>\n                    <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\n                        <ng-container *ngIf=\"hasFiles\">\n                            <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\n                            <ng-container *ngFor=\"let file of files\">\n                                <fd-token\n                                    [readOnly]=\"readonly\"\n                                    *ngIf=\"!file.IsDeleted\"\n                                    (onCloseClick)=\"onRemoveFile(file)\"\n                                    >{{ file.FileName }}</fd-token\n                                >\n                            </ng-container>\n                        </ng-container>\n                        <button\n                            fd-button\n                            *ngIf=\"documentItem.MaxFileCount && !readonly\"\n                            glyph=\"attachment\"\n                            [label]=\"'AttachFile' | bbbTranslate\"\n                            (click)=\"!readonly && uploader.open()\"\n                        ></button>\n                        <fd-file-uploader\n                            #uploader\n                            [style.display]=\"'none'\"\n                            fd-toolbar-item\n                            [id]=\"documentItem.ItemKey\"\n                            [name]=\"'pictures_' + documentItem.ItemKey\"\n                            [accept]=\"documentItem.$ValidExtensions\"\n                            [fileLimit]=\"documentItem.MaxFileCount\"\n                            [multiple]=\"documentItem.MaxFileCount > 0\"\n                            (selectedFilesChanged)=\"onFileSelection($event)\"\n                        ></fd-file-uploader>\n                    </div>\n                </div>\n            </div>\n            <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\n                <bdc-accept-reject\n                    [rejectedReason]=\"rejectedReason\"\n                    [positiveText]=\"acceptedText\"\n                    [negativeText]=\"rejectedText\"\n                    [deviceSize]=\"deviceSize\"\n                    [readonly]=\"readonly\"\n                ></bdc-accept-reject>\n            </div>\n        </div>\n    </div>\n</li> -->\n\n<tr fd-table-row>\n    <td fd-table-cell>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar && !files.length; else fontIconTpl\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\n            [clickable]=\"true\"\n            [transparent]=\"true\"\n        ></fd-avatar>\n        <ng-template #fontIconTpl>\n            <fd-avatar\n                *ngIf=\"files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [image]=\"firstImageUrl\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n            <fd-avatar\n                *ngIf=\"!files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [glyph]=\"documentItem.FontIcon\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n        </ng-template>\n    </td>\n    <td fd-table-cell style=\"min-width: 140px\">\n        <p fd-table-text>\n            <strong\n                >{{ documentItem.Title }}\n                <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                    >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                </span>\n            </strong>\n        </p>\n        <div>\n            <span>\n                {{ documentItem.Description }}\n            </span>\n        </div>\n    </td>\n\n    <td fd-table-cell>\n        <ng-container>\n            <!-- <ul fd-list>\n                <li fd-list-item *ngFor=\"let file of files; let ind = index\">\n                    <span fd-list-title>\n                        {{ file.FileName }}\n                    </span>\n                    <span fd-list-secondary>\n                        <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\n                    </span>\n                </li>\n            </ul> -->\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\n                <ng-container *ngFor=\"let file of files\">\n                    <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\n                    <bsu-file-viewer-popover\n                        *ngIf=\"!file.IsDeleted\"\n                        [file]=\"file\"\n                        [deviceSize]=\"deviceSize\"\n                        [canDownload]=\"true\"\n                        (remove)=\"removeFile.emit(file)\"\n                    ></bsu-file-viewer-popover>\n                </ng-container>\n                <!-- <button\n                    fd-button\n                    *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                    glyph=\"add\"\n                    (click)=\"!readonly && uploader.open()\"\n                ></button> -->\n            </div>\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\n                <fd-action-sheet  >\n                    <fd-action-sheet-control>\n                        <button\n                            fd-button\n                            glyph=\"settings\"\n                            title=\"Open Action Sheet Mobile\"\n                            id=\"fd-action-sheet-mobile-control\"\n                            aria-haspopup=\"menu\"\n                            [label]=\"file.FileName ||''\"\n                            aria-controls=\"fd-action-sheet-mobile-body\"\n                        ></button>\n                    </fd-action-sheet-control>\n            \n                    <fd-action-sheet-body\n                        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\n                        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\n                    >\n                        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\n                        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\n                        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\n                        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\n                        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\n                        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\n                    </fd-action-sheet-body>\n                </fd-action-sheet>\n            </p> -->\n        </ng-container>\n    </td>\n    <td fd-table-cell>\n        <div class=\"status\" style=\"position: relative\">\n            <button\n                fd-button\n                *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                glyph=\"attachment\"\n                [label]=\"'AttachFile' | bbbTranslate\"\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                (click)=\"!readonly && uploader.open()\"\n            >\n                <bsu-mask\n                    *ngIf=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                    [marginTop]=\"'3px'\"\n                ></bsu-mask>\n            </button>\n            <button\n                fd-button\n                glyph=\"show\"\n                fullscreenFiles\n                [files]=\"files\"\n                [title]=\"documentItem.Title\"\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                fullscreenFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n            ></button>\n            <button\n                fd-button\n                glyph=\"download\"\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                downloadFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n                (click)=\"downloadAll.emit()\"\n            ></button>\n        </div>\n    </td>\n    <td fd-table-cell>\n        <fd-action-sheet #actionSheet>\n            <fd-action-sheet-control>\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Accept' | bbbTranslate\"\n                    glyph=\"accept\"\n                    (click)=\"actionSheet.close(); onReject(2)\"\n                ></li>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Reject' | bbbTranslate\"\n                    glyph=\"cancel\"\n                    (click)=\"actionSheet.close(); onReject(3)\"\n                ></li>\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n\n        <p fd-table-text maxWidth=\"400px\" *ngIf=\"status === 3\">\n            <span *ngIf=\"readonly && rejectedReason\"> {{ rejectedReason | bbbTranslate }} </span>\n            <input\n                *ngIf=\"!readonly\"\n                fd-form-control\n                [value]=\"rejectedReason | bbbTranslate\"\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\n            />\n        </p>\n    </td>\n</tr>\n\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    fd-toolbar-item\n    [id]=\"documentItem.ItemKey\"\n    [name]=\"'pictures_' + documentItem.ItemKey\"\n    [accept]=\"documentItem.$ValidExtensions\"\n    [fileLimit]=\"documentItem.MaxFileCount\"\n    [multiple]=\"documentItem.MaxFileCount > 0\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<ng-template #statusTpl>\n    <div class=\"status\">\n        <button fd-button fdType=\"transparent\">\n            <span\n                *ngIf=\"status === 1\"\n                fd-object-status\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 2\"\n                fd-object-status\n                glyph=\"message-success\"\n                status=\"positive\"\n                [label]=\"'Accepted' | bbbTranslate\"\n                [label]=\"'Accepted' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 3\"\n                fd-object-status\n                glyph=\"cancel\"\n                status=\"negative\"\n                [label]=\"'Rejected' | bbbTranslate\"\n                [aria-label]=\"'Rejected' | bbbTranslate\"\n            ></span>\n        </button>\n    </div>\n</ng-template>\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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i3$2.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i3$2.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "isImageGallery", "component"] }, { kind: "directive", type: i3$2.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$b.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$b.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$b.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$b.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$2.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: i8$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i8$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "directive", type: i9$1.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { kind: "component", type: i7$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$6.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaDocumentListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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\">\n    <span fd-list-thumbnail>\n        <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\n            [clickable]=\"true\"\n        ></fd-avatar\n    ></span>\n    \n    <div fd-list-content>\n        <div fd-list-title>\n            <div style=\"display: flex; column-gap: 3px\">\n                <strong\n                    >{{ documentItem.Title }}\n                    <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                        >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                    </span>\n                </strong>\n                <div\n                    *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\n                    style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\n                >\n                    <span\n                        fd-object-status\n                        [status]=\"accepted ? 'positive' : 'negative'\"\n                        [label]=\"accepted ? acceptedText : rejectedText\"\n                        [clickable]=\"true\"\n                        [inverted]=\"true\"\n                        [aria-label]=\"accepted ? acceptedText : rejectedText\"\n                    ></span>\n                    <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\n                        <fd-popover-control>\n                            <span\n                                fd-object-status\n                                status=\"negative\"\n                                glyph=\"question-mark\"\n                                glyphAriaLabel=\"Negative\"\n                                title=\"Rejected document\"\n                            ></span>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <fd-message-strip type=\"error\" [dismissible]=\"false\">\n                                {{ rejectedReason }}\n                            </fd-message-strip>\n                        </fd-popover-body>\n                    </fd-popover>\n                </div>\n            </div>\n        </div>\n        <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\n            <div fd-list-byline-left>\n                <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\n                    <span>\n                        {{ documentItem.Description }}\n                    </span>\n                    <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\n                        <ng-container *ngIf=\"hasFiles\">\n                            <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\n                            <ng-container *ngFor=\"let file of files\">\n                                <fd-token\n                                    [readOnly]=\"readonly\"\n                                    *ngIf=\"!file.IsDeleted\"\n                                    (onCloseClick)=\"onRemoveFile(file)\"\n                                    >{{ file.FileName }}</fd-token\n                                >\n                            </ng-container>\n                        </ng-container>\n                        <button\n                            fd-button\n                            *ngIf=\"documentItem.MaxFileCount && !readonly\"\n                            glyph=\"attachment\"\n                            [label]=\"'AttachFile' | bbbTranslate\"\n                            (click)=\"!readonly && uploader.open()\"\n                        ></button>\n                        <fd-file-uploader\n                            #uploader\n                            [style.display]=\"'none'\"\n                            fd-toolbar-item\n                            [id]=\"documentItem.ItemKey\"\n                            [name]=\"'pictures_' + documentItem.ItemKey\"\n                            [accept]=\"documentItem.$ValidExtensions\"\n                            [fileLimit]=\"documentItem.MaxFileCount\"\n                            [multiple]=\"documentItem.MaxFileCount > 0\"\n                            (selectedFilesChanged)=\"onFileSelection($event)\"\n                        ></fd-file-uploader>\n                    </div>\n                </div>\n            </div>\n            <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\n                <bdc-accept-reject\n                    [rejectedReason]=\"rejectedReason\"\n                    [positiveText]=\"acceptedText\"\n                    [negativeText]=\"rejectedText\"\n                    [deviceSize]=\"deviceSize\"\n                    [readonly]=\"readonly\"\n                ></bdc-accept-reject>\n            </div>\n        </div>\n    </div>\n</li> -->\n\n<tr fd-table-row>\n    <td fd-table-cell>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar && !files.length; else fontIconTpl\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\n            [clickable]=\"true\"\n            [transparent]=\"true\"\n        ></fd-avatar>\n        <ng-template #fontIconTpl>\n            <fd-avatar\n                *ngIf=\"files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [image]=\"firstImageUrl\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n            <fd-avatar\n                *ngIf=\"!files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [glyph]=\"documentItem.FontIcon\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n        </ng-template>\n    </td>\n    <td fd-table-cell style=\"min-width: 140px\">\n        <p fd-table-text>\n            <strong\n                >{{ documentItem.Title }}\n                <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                    >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                </span>\n            </strong>\n        </p>\n        <div>\n            <span>\n                {{ documentItem.Description }}\n            </span>\n        </div>\n    </td>\n\n    <td fd-table-cell>\n        <ng-container>\n            <!-- <ul fd-list>\n                <li fd-list-item *ngFor=\"let file of files; let ind = index\">\n                    <span fd-list-title>\n                        {{ file.FileName }}\n                    </span>\n                    <span fd-list-secondary>\n                        <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\n                    </span>\n                </li>\n            </ul> -->\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\n                <ng-container *ngFor=\"let file of files\">\n                    <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\n                    <bsu-file-viewer-popover\n                        *ngIf=\"!file.IsDeleted\"\n                        [file]=\"file\"\n                        [deviceSize]=\"deviceSize\"\n                        [canDownload]=\"true\"\n                        (remove)=\"removeFile.emit(file)\"\n                    ></bsu-file-viewer-popover>\n                </ng-container>\n                <!-- <button\n                    fd-button\n                    *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                    glyph=\"add\"\n                    (click)=\"!readonly && uploader.open()\"\n                ></button> -->\n            </div>\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\n                <fd-action-sheet  >\n                    <fd-action-sheet-control>\n                        <button\n                            fd-button\n                            glyph=\"settings\"\n                            title=\"Open Action Sheet Mobile\"\n                            id=\"fd-action-sheet-mobile-control\"\n                            aria-haspopup=\"menu\"\n                            [label]=\"file.FileName ||''\"\n                            aria-controls=\"fd-action-sheet-mobile-body\"\n                        ></button>\n                    </fd-action-sheet-control>\n            \n                    <fd-action-sheet-body\n                        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\n                        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\n                    >\n                        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\n                        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\n                        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\n                        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\n                        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\n                        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\n                    </fd-action-sheet-body>\n                </fd-action-sheet>\n            </p> -->\n        </ng-container>\n    </td>\n    <td fd-table-cell>\n        <div class=\"status\" style=\"position: relative\">\n            <button\n                fd-button\n                *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                glyph=\"attachment\"\n                [label]=\"'AttachFile' | bbbTranslate\"\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                (click)=\"!readonly && uploader.open()\"\n            >\n                <bsu-mask\n                    *ngIf=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                    [marginTop]=\"'3px'\"\n                ></bsu-mask>\n            </button>\n            <button\n                fd-button\n                glyph=\"show\"\n                fullscreenFiles\n                [files]=\"files\"\n                [title]=\"documentItem.Title\"\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                fullscreenFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n            ></button>\n            <button\n                fd-button\n                glyph=\"download\"\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                downloadFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n                (click)=\"downloadAll.emit()\"\n            ></button>\n        </div>\n    </td>\n    <td fd-table-cell>\n        <fd-action-sheet #actionSheet>\n            <fd-action-sheet-control>\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Accept' | bbbTranslate\"\n                    glyph=\"accept\"\n                    (click)=\"actionSheet.close(); onReject(2)\"\n                ></li>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Reject' | bbbTranslate\"\n                    glyph=\"cancel\"\n                    (click)=\"actionSheet.close(); onReject(3)\"\n                ></li>\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n\n        <p fd-table-text maxWidth=\"400px\" *ngIf=\"status === 3\">\n            <span *ngIf=\"readonly && rejectedReason\"> {{ rejectedReason | bbbTranslate }} </span>\n            <input\n                *ngIf=\"!readonly\"\n                fd-form-control\n                [value]=\"rejectedReason | bbbTranslate\"\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\n            />\n        </p>\n    </td>\n</tr>\n\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    fd-toolbar-item\n    [id]=\"documentItem.ItemKey\"\n    [name]=\"'pictures_' + documentItem.ItemKey\"\n    [accept]=\"documentItem.$ValidExtensions\"\n    [fileLimit]=\"documentItem.MaxFileCount\"\n    [multiple]=\"documentItem.MaxFileCount > 0\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<ng-template #statusTpl>\n    <div class=\"status\">\n        <button fd-button fdType=\"transparent\">\n            <span\n                *ngIf=\"status === 1\"\n                fd-object-status\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 2\"\n                fd-object-status\n                glyph=\"message-success\"\n                status=\"positive\"\n                [label]=\"'Accepted' | bbbTranslate\"\n                [label]=\"'Accepted' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 3\"\n                fd-object-status\n                glyph=\"cancel\"\n                status=\"negative\"\n                [label]=\"'Rejected' | bbbTranslate\"\n                [aria-label]=\"'Rejected' | bbbTranslate\"\n            ></span>\n        </button>\n    </div>\n</ng-template>\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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i3$2.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i3$2.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "isImageGallery", "component"] }, { kind: "directive", type: i3$2.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$b.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$b.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$b.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$b.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.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: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { kind: "component", type: i7$2.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$6.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDocumentListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-barsa-document-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\n    <span fd-list-thumbnail>\n        <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\n            [clickable]=\"true\"\n        ></fd-avatar\n    ></span>\n    \n    <div fd-list-content>\n        <div fd-list-title>\n            <div style=\"display: flex; column-gap: 3px\">\n                <strong\n                    >{{ documentItem.Title }}\n                    <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                        >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                    </span>\n                </strong>\n                <div\n                    *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\n                    style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\n                >\n                    <span\n                        fd-object-status\n                        [status]=\"accepted ? 'positive' : 'negative'\"\n                        [label]=\"accepted ? acceptedText : rejectedText\"\n                        [clickable]=\"true\"\n                        [inverted]=\"true\"\n                        [aria-label]=\"accepted ? acceptedText : rejectedText\"\n                    ></span>\n                    <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\n                        <fd-popover-control>\n                            <span\n                                fd-object-status\n                                status=\"negative\"\n                                glyph=\"question-mark\"\n                                glyphAriaLabel=\"Negative\"\n                                title=\"Rejected document\"\n                            ></span>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <fd-message-strip type=\"error\" [dismissible]=\"false\">\n                                {{ rejectedReason }}\n                            </fd-message-strip>\n                        </fd-popover-body>\n                    </fd-popover>\n                </div>\n            </div>\n        </div>\n        <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\n            <div fd-list-byline-left>\n                <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\n                    <span>\n                        {{ documentItem.Description }}\n                    </span>\n                    <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\n                        <ng-container *ngIf=\"hasFiles\">\n                            <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\n                            <ng-container *ngFor=\"let file of files\">\n                                <fd-token\n                                    [readOnly]=\"readonly\"\n                                    *ngIf=\"!file.IsDeleted\"\n                                    (onCloseClick)=\"onRemoveFile(file)\"\n                                    >{{ file.FileName }}</fd-token\n                                >\n                            </ng-container>\n                        </ng-container>\n                        <button\n                            fd-button\n                            *ngIf=\"documentItem.MaxFileCount && !readonly\"\n                            glyph=\"attachment\"\n                            [label]=\"'AttachFile' | bbbTranslate\"\n                            (click)=\"!readonly && uploader.open()\"\n                        ></button>\n                        <fd-file-uploader\n                            #uploader\n                            [style.display]=\"'none'\"\n                            fd-toolbar-item\n                            [id]=\"documentItem.ItemKey\"\n                            [name]=\"'pictures_' + documentItem.ItemKey\"\n                            [accept]=\"documentItem.$ValidExtensions\"\n                            [fileLimit]=\"documentItem.MaxFileCount\"\n                            [multiple]=\"documentItem.MaxFileCount > 0\"\n                            (selectedFilesChanged)=\"onFileSelection($event)\"\n                        ></fd-file-uploader>\n                    </div>\n                </div>\n            </div>\n            <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\n                <bdc-accept-reject\n                    [rejectedReason]=\"rejectedReason\"\n                    [positiveText]=\"acceptedText\"\n                    [negativeText]=\"rejectedText\"\n                    [deviceSize]=\"deviceSize\"\n                    [readonly]=\"readonly\"\n                ></bdc-accept-reject>\n            </div>\n        </div>\n    </div>\n</li> -->\n\n<tr fd-table-row>\n    <td fd-table-cell>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar && !files.length; else fontIconTpl\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\n            [clickable]=\"true\"\n            [transparent]=\"true\"\n        ></fd-avatar>\n        <ng-template #fontIconTpl>\n            <fd-avatar\n                *ngIf=\"files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [image]=\"firstImageUrl\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n            <fd-avatar\n                *ngIf=\"!files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [glyph]=\"documentItem.FontIcon\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n        </ng-template>\n    </td>\n    <td fd-table-cell style=\"min-width: 140px\">\n        <p fd-table-text>\n            <strong\n                >{{ documentItem.Title }}\n                <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                    >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                </span>\n            </strong>\n        </p>\n        <div>\n            <span>\n                {{ documentItem.Description }}\n            </span>\n        </div>\n    </td>\n\n    <td fd-table-cell>\n        <ng-container>\n            <!-- <ul fd-list>\n                <li fd-list-item *ngFor=\"let file of files; let ind = index\">\n                    <span fd-list-title>\n                        {{ file.FileName }}\n                    </span>\n                    <span fd-list-secondary>\n                        <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\n                    </span>\n                </li>\n            </ul> -->\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\n                <ng-container *ngFor=\"let file of files\">\n                    <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\n                    <bsu-file-viewer-popover\n                        *ngIf=\"!file.IsDeleted\"\n                        [file]=\"file\"\n                        [deviceSize]=\"deviceSize\"\n                        [canDownload]=\"true\"\n                        (remove)=\"removeFile.emit(file)\"\n                    ></bsu-file-viewer-popover>\n                </ng-container>\n                <!-- <button\n                    fd-button\n                    *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                    glyph=\"add\"\n                    (click)=\"!readonly && uploader.open()\"\n                ></button> -->\n            </div>\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\n                <fd-action-sheet  >\n                    <fd-action-sheet-control>\n                        <button\n                            fd-button\n                            glyph=\"settings\"\n                            title=\"Open Action Sheet Mobile\"\n                            id=\"fd-action-sheet-mobile-control\"\n                            aria-haspopup=\"menu\"\n                            [label]=\"file.FileName ||''\"\n                            aria-controls=\"fd-action-sheet-mobile-body\"\n                        ></button>\n                    </fd-action-sheet-control>\n            \n                    <fd-action-sheet-body\n                        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\n                        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\n                    >\n                        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\n                        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\n                        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\n                        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\n                        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\n                        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\n                    </fd-action-sheet-body>\n                </fd-action-sheet>\n            </p> -->\n        </ng-container>\n    </td>\n    <td fd-table-cell>\n        <div class=\"status\" style=\"position: relative\">\n            <button\n                fd-button\n                *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                glyph=\"attachment\"\n                [label]=\"'AttachFile' | bbbTranslate\"\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                (click)=\"!readonly && uploader.open()\"\n            >\n                <bsu-mask\n                    *ngIf=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                    [marginTop]=\"'3px'\"\n                ></bsu-mask>\n            </button>\n            <button\n                fd-button\n                glyph=\"show\"\n                fullscreenFiles\n                [files]=\"files\"\n                [title]=\"documentItem.Title\"\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                fullscreenFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n            ></button>\n            <button\n                fd-button\n                glyph=\"download\"\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                downloadFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n                (click)=\"downloadAll.emit()\"\n            ></button>\n        </div>\n    </td>\n    <td fd-table-cell>\n        <fd-action-sheet #actionSheet>\n            <fd-action-sheet-control>\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Accept' | bbbTranslate\"\n                    glyph=\"accept\"\n                    (click)=\"actionSheet.close(); onReject(2)\"\n                ></li>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Reject' | bbbTranslate\"\n                    glyph=\"cancel\"\n                    (click)=\"actionSheet.close(); onReject(3)\"\n                ></li>\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n\n        <p fd-table-text maxWidth=\"400px\" *ngIf=\"status === 3\">\n            <span *ngIf=\"readonly && rejectedReason\"> {{ rejectedReason | bbbTranslate }} </span>\n            <input\n                *ngIf=\"!readonly\"\n                fd-form-control\n                [value]=\"rejectedReason | bbbTranslate\"\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\n            />\n        </p>\n    </td>\n</tr>\n\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    fd-toolbar-item\n    [id]=\"documentItem.ItemKey\"\n    [name]=\"'pictures_' + documentItem.ItemKey\"\n    [accept]=\"documentItem.$ValidExtensions\"\n    [fileLimit]=\"documentItem.MaxFileCount\"\n    [multiple]=\"documentItem.MaxFileCount > 0\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<ng-template #statusTpl>\n    <div class=\"status\">\n        <button fd-button fdType=\"transparent\">\n            <span\n                *ngIf=\"status === 1\"\n                fd-object-status\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 2\"\n                fd-object-status\n                glyph=\"message-success\"\n                status=\"positive\"\n                [label]=\"'Accepted' | bbbTranslate\"\n                [label]=\"'Accepted' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 3\"\n                fd-object-status\n                glyph=\"cancel\"\n                status=\"negative\"\n                [label]=\"'Rejected' | bbbTranslate\"\n                [aria-label]=\"'Rejected' | bbbTranslate\"\n            ></span>\n        </button>\n    </div>\n</ng-template>\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"] }]
@@ -2889,7 +2873,7 @@ class AcceptRejectComponent extends BaseComponent {
     }
 }
 AcceptRejectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AcceptRejectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AcceptRejectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: "<div *ngIf=\"!applied && !readonly\">\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<div *ngIf=\"readonly || applied\">\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", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i4$2.DeprecatedBarContentDensityDirective, selector: "[fd-bar][cozy]" }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i8$1.TextareaFormControlDirective, selector: "textarea[fd-form-control]" }, { kind: "component", type: i8$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i8$1.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i7$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i8$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i8$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i8$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i8$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AcceptRejectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: "<div *ngIf=\"!applied && !readonly\">\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<div *ngIf=\"readonly || applied\">\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", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i4$2.DeprecatedBarContentDensityDirective, selector: "[fd-bar][cozy]" }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.TextareaFormControlDirective, selector: "textarea[fd-form-control]" }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i7$2.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i8$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i8$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i8$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i8$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AcceptRejectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-accept-reject', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!applied && !readonly\">\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<div *ngIf=\"readonly || applied\">\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", styles: [":host{display:block}\n"] }]
@@ -2934,7 +2918,7 @@ class FooterComponent extends BaseComponent {
     }
 }
 FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FooterComponent, deps: [{ token: i1.PortalService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FooterComponent, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "<div\n    fd-bar\n    barDesign=\"footer\"\n    [size]=\"'m_l'\"\n    [class.rtl]=\"rtl\"\n    class=\"footer\"\n    [class.mobile]=\"deviceSize === 's'\"\n    *ngIf=\"footer\"\n>\n    <div fd-bar-left class=\"left\">\n        <a\n            fd-button\n            glyph=\"email\"\n            [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\n            [href]=\"'mailto:' + footer.Email\"\n            fdType=\"transparent\"\n        >\n        </a>\n        <a\n            fd-button\n            glyph=\"headset\"\n            [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\n            [href]=\"'tel:' + footer.TelNumber\"\n            fdType=\"transparent\"\n        ></a>\n\n        <fd-popover>\n            <fd-popover-control>\n                <button\n                    fd-button\n                    glyph=\"vertical-waterfall-chart\"\n                    [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\n                    aria-haspopup=\"menu\"\n                    fdType=\"transparent\"\n                    [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\n                    tabindex=\"0\"\n                ></button>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ul fd-list>\n                    <li fd-list-item class=\"all\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                    <li fd-list-item class=\"today\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                    <li fd-list-item class=\"online\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                </ul>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover>\n            <fd-popover-control>\n                <button\n                    [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\n                    tabindex=\"0\"\n                    fd-button\n                    glyph=\"paper-plane\"\n                    id=\"fd-action-sheet-default-control\"\n                    aria-haspopup=\"menu\"\n                    fdType=\"transparent\"\n                ></button>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ul fd-list>\n                    <li fd-list-item *ngFor=\"let socialNetwork of footer.SocialNetworks.MoDataList\">\n                        <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\n                            <i fd-list-icon class=\"sap-icon--1\"\n                                ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\n                            </i>\n                            <span fd-list-title>{{ socialNetwork.Title }}</span>\n                        </a>\n                    </li>\n                </ul>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-bar-element>\n            <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\"\n                ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle }}</span></a\n            >\n        </fd-bar-element>\n    </div>\n    <div fd-bar-middle class=\"middle\" *ngIf=\"deviceSize !== 's'\">\n        <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\n    </div>\n    <div fd-bar-right class=\"right\"></div>\n</div>\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: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i9$1.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { kind: "component", type: i9.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i9.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i9.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i9.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i9.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "component", type: i8$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i8$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FooterComponent, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "<div\n    fd-bar\n    barDesign=\"footer\"\n    [size]=\"'m_l'\"\n    [class.rtl]=\"rtl\"\n    class=\"footer\"\n    [class.mobile]=\"deviceSize === 's'\"\n    *ngIf=\"footer\"\n>\n    <div fd-bar-left class=\"left\">\n        <a\n            fd-button\n            glyph=\"email\"\n            [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\n            [href]=\"'mailto:' + footer.Email\"\n            fdType=\"transparent\"\n        >\n        </a>\n        <a\n            fd-button\n            glyph=\"headset\"\n            [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\n            [href]=\"'tel:' + footer.TelNumber\"\n            fdType=\"transparent\"\n        ></a>\n\n        <fd-popover>\n            <fd-popover-control>\n                <button\n                    fd-button\n                    glyph=\"vertical-waterfall-chart\"\n                    [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\n                    aria-haspopup=\"menu\"\n                    fdType=\"transparent\"\n                    [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\n                    tabindex=\"0\"\n                ></button>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ul fd-list>\n                    <li fd-list-item class=\"all\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                    <li fd-list-item class=\"today\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                    <li fd-list-item class=\"online\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                </ul>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover>\n            <fd-popover-control>\n                <button\n                    [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\n                    tabindex=\"0\"\n                    fd-button\n                    glyph=\"paper-plane\"\n                    id=\"fd-action-sheet-default-control\"\n                    aria-haspopup=\"menu\"\n                    fdType=\"transparent\"\n                ></button>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ul fd-list>\n                    <li fd-list-item *ngFor=\"let socialNetwork of footer.SocialNetworks.MoDataList\">\n                        <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\n                            <i fd-list-icon class=\"sap-icon--1\"\n                                ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\n                            </i>\n                            <span fd-list-title>{{ socialNetwork.Title }}</span>\n                        </a>\n                    </li>\n                </ul>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-bar-element>\n            <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\"\n                ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle }}</span></a\n            >\n        </fd-bar-element>\n    </div>\n    <div fd-bar-middle class=\"middle\" *ngIf=\"deviceSize !== 's'\">\n        <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\n    </div>\n    <div fd-bar-right class=\"right\"></div>\n</div>\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: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { kind: "component", type: i8$2.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8$2.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8$2.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8$2.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8$2.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "component", type: i8$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i8$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    fd-bar\n    barDesign=\"footer\"\n    [size]=\"'m_l'\"\n    [class.rtl]=\"rtl\"\n    class=\"footer\"\n    [class.mobile]=\"deviceSize === 's'\"\n    *ngIf=\"footer\"\n>\n    <div fd-bar-left class=\"left\">\n        <a\n            fd-button\n            glyph=\"email\"\n            [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\n            [href]=\"'mailto:' + footer.Email\"\n            fdType=\"transparent\"\n        >\n        </a>\n        <a\n            fd-button\n            glyph=\"headset\"\n            [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\n            [href]=\"'tel:' + footer.TelNumber\"\n            fdType=\"transparent\"\n        ></a>\n\n        <fd-popover>\n            <fd-popover-control>\n                <button\n                    fd-button\n                    glyph=\"vertical-waterfall-chart\"\n                    [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\n                    aria-haspopup=\"menu\"\n                    fdType=\"transparent\"\n                    [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\n                    tabindex=\"0\"\n                ></button>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ul fd-list>\n                    <li fd-list-item class=\"all\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                    <li fd-list-item class=\"today\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                    <li fd-list-item class=\"online\">\n                        <i fd-list-icon glyph=\"bar-chart\"></i>\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>\n                    </li>\n                </ul>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover>\n            <fd-popover-control>\n                <button\n                    [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\n                    tabindex=\"0\"\n                    fd-button\n                    glyph=\"paper-plane\"\n                    id=\"fd-action-sheet-default-control\"\n                    aria-haspopup=\"menu\"\n                    fdType=\"transparent\"\n                ></button>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ul fd-list>\n                    <li fd-list-item *ngFor=\"let socialNetwork of footer.SocialNetworks.MoDataList\">\n                        <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\n                            <i fd-list-icon class=\"sap-icon--1\"\n                                ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\n                            </i>\n                            <span fd-list-title>{{ socialNetwork.Title }}</span>\n                        </a>\n                    </li>\n                </ul>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-bar-element>\n            <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\"\n                ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle }}</span></a\n            >\n        </fd-bar-element>\n    </div>\n    <div fd-bar-middle class=\"middle\" *ngIf=\"deviceSize !== 's'\">\n        <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\n    </div>\n    <div fd-bar-right class=\"right\"></div>\n</div>\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"] }]
@@ -3276,7 +3260,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }] } });
 
-class FormReportViewItemComponent extends ReportItemBaseComponent {
+class FormReportViewItemComponent extends BaseViewPropsComponent {
+    constructor() {
+        super(...arguments);
+        this.toolbarItems = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.mo.$FieldDict = this.fieldDict;
+        this.formSetting.Data = { Mo: this.mo };
+        this.formParams = {
+            formSetting: this.formSetting,
+            moId: this.mo.Id,
+            typeDefId: this.typeDefId,
+            isSimple: true,
+            viewId: this.formSetting.View.TypeViewId
+        };
+    }
+}
+FormReportViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormReportViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormReportViewItemComponent, selector: "bdc-form-report-view-item", inputs: { mo: "mo", fieldDict: "fieldDict" }, usesInheritance: true, ngImport: i0, template: "<bnrc-form class=\"form-report-view-item\" [params]=\"formParams\"></bnrc-form>\n", styles: [""], dependencies: [{ kind: "component", type: i1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bdc-form-report-view-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bnrc-form class=\"form-report-view-item\" [params]=\"formParams\"></bnrc-form>\n" }]
+        }], propDecorators: { mo: [{
+                type: Input
+            }], fieldDict: [{
+                type: Input
+            }] } });
+
+class FormReportViewComponent extends ReportViewBaseComponent {
+    ngOnInit() {
+        super.ngOnInit();
+        const x = BarsaApi.Bw.RunBlMethod('GetSerializeFormSetting', this.typeViewId);
+        this.formSettingItem = BarsaApi.Ext.decode(x);
+    }
+}
+FormReportViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormReportViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormReportViewComponent, selector: "bdc-form-report-view", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"moDataList?.length; else empty\">\n    <ng-container *ngFor=\"let mo of moDataList; let index = index; let last = last; trackBy: _trackByRow\">\n        <bdc-form-report-view-item\n            [setting]=\"viewSetting\"\n            [formSetting]=\"formSettingItem\"\n            [fieldDict]=\"fieldDict\"\n            [typeDefId]=\"typeDefId\"\n            [columnsCount]=\"columnsCount\"\n            [moDataList]=\"moDataList\"\n            [mo]=\"mo\"\n            [rtl]=\"rtl\"\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n            (editFormPanelCancel)=\"onEditFormPanelCancel(mo)\"\n        >\n        </bdc-form-report-view-item>\n    </ng-container>\n</ng-container>\n\n<ng-template #empty>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: FormReportViewItemComponent, selector: "bdc-form-report-view-item", inputs: ["mo", "fieldDict"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bdc-form-report-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"moDataList?.length; else empty\">\n    <ng-container *ngFor=\"let mo of moDataList; let index = index; let last = last; trackBy: _trackByRow\">\n        <bdc-form-report-view-item\n            [setting]=\"viewSetting\"\n            [formSetting]=\"formSettingItem\"\n            [fieldDict]=\"fieldDict\"\n            [typeDefId]=\"typeDefId\"\n            [columnsCount]=\"columnsCount\"\n            [moDataList]=\"moDataList\"\n            [mo]=\"mo\"\n            [rtl]=\"rtl\"\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n            (editFormPanelCancel)=\"onEditFormPanelCancel(mo)\"\n        >\n        </bdc-form-report-view-item>\n    </ng-container>\n</ng-container>\n\n<ng-template #empty>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n" }]
+        }] });
+
+class FormCardComponent extends FormBaseComponent {
     constructor() {
         super(...arguments);
         this.attachments = [];
@@ -3301,7 +3328,7 @@ class FormReportViewItemComponent extends ReportItemBaseComponent {
         ];
         this.displayedItems = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Strawberry'];
         this.attachmentInEdit = false;
-        this.cards = [1, 2];
+        this.cards = [1];
         this.secondConfig = {
             approveButtonText: 'Approve',
             cancelButtonText: 'Cancel',
@@ -3322,28 +3349,16 @@ class FormReportViewItemComponent extends ReportItemBaseComponent {
         this.files.splice(this.files.indexOf(file), 1);
     }
 }
-FormReportViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormReportViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormReportViewItemComponent, selector: "bdc-form-report-view-item", queries: [{ propertyName: "uploadCollectionItems", predicate: UploadCollectionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-card *ngFor=\"let card of cards\" cardType=\"object\">\n    <fd-card-header>\n        <div fd-card-title class=\"header-fields\">\n            <!-- <fd-toolbar [clearBorder]=\"true\" [fdType]=\"'transparent'\" style=\"width: 100%; background: transparent\">\n                <h5 fd-title fd-toolbar-item>\n                    <span>\u0627\u0631\u062C\u0627\u0639 \u0646\u0627\u0645\u0647</span>\n                </h5>\n                <fd-toolbar-spacer></fd-toolbar-spacer>\n                <button fd-button glyph=\"attachment\" fdType=\"transparent\"></button>\n                <button fd-button glyph=\"delete\" fdType=\"negative\"></button>\n            </fd-toolbar> -->\n        </div>\n        <div fd-card-subtitle style=\"width: 100%\"></div>\n    </fd-card-header>\n    <fd-card-content>\n        <div style=\"display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap\">\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0641\u0648\u0631\u06CC\u062A</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u0647\u0644\u062A \u067E\u0627\u0633\u062E</label>\n                <span\n                    style=\"padding-top: 0.725rem\"\n                    fd-object-status\n                    status=\"negative\"\n                    label=\"1402/06/31 14:12\"\n                    aria-label=\"Object status Negative\"\n                ></span>\n            </div>\n        </div>\n\n        <div style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\">\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u06AF\u06CC\u0631\u0646\u062F\u06AF\u0627\u0646 \u067E\u06CC\u0627\u0645\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValues\"\n            ></fd-multi-input>\n            <div style=\"display: flex; column-gap: 0.285rem\" *ngIf=\"!roneveshtCc && !roneveshtBc\">\n                <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n                <span>/</span>\n                <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n            </div>\n        </div>\n        <div\n            *ngIf=\"roneveshtCc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesCc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n        </div>\n        <div\n            *ngIf=\"roneveshtBc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u067E\u0646\u0647\u0627\u0646 \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesBc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n        </div>\n        <div>\n            <div>\n                <textarea\n                    style=\"min-height: 150px\"\n                    formControlName=\"textAreaControl\"\n                    fd-form-control\n                    id=\"textarea-21\"\n                    placeholder=\"\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645\"\n                    growing=\"true\"\n                    wrapType=\"hard\"\n                ></textarea>\n                <div *ngIf=\"true\" class=\"file-viewer-attachments\">\n                    <ul fd-list>\n                        <li\n                            fd-list-item\n                            *ngFor=\"let item of files; let ind = index\"\n                            style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\"\n                        >\n                            <input\n                                style=\"width: 90%\"\n                                *ngIf=\"item.inEdit\"\n                                fd-form-control\n                                [value]=\"item.fileName\"\n                                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                            />\n                            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                                {{ item.fileName }}\n                            </span>\n                            <span fd-list-secondary>\n                                <button\n                                    ariaLabel=\"Edit Or Save\"\n                                    fdType=\"transparent\"\n                                    class=\"fd-button--compact\"\n                                    fd-button\n                                    fdCompact\n                                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                                    (click)=\"item.inEdit = !item.inEdit\"\n                                ></button>\n                                <button\n                                    *ngIf=\"!item.inEdit\"\n                                    ariaLabel=\"Remove\"\n                                    fdType=\"transparent\"\n                                    title=\"Remove\"\n                                    fd-button\n                                    glyph=\"delete\"\n                                ></button>\n                            </span>\n                        </li>\n                    </ul>\n                </div>\n                <!-- <fd-toolbar [clearBorder]=\"true\" [fdType]=\"'transparent'\">\n                    <button fd-button glyph=\"delete\" fdType=\"transparent\" [label]=\"'Delete' | bbbTranslate\"></button>\n                    <fd-toolbar-spacer></fd-toolbar-spacer>\n                    \n                    <button fd-button glyph=\"attachment\" fdType=\"transparent\" label=\"\u067E\u06CC\u0648\u0633\u062A\"></button>\n                    <button fd-toolbar-item fd-button glyph=\"microphone\" [fdType]=\"'transparent'\"></button>\n                    <button fd-toolbar-item fd-button glyph=\"synchronize\" [fdType]=\"'transparent'\"></button>\n                    <button fd-toolbar-item fd-button glyph=\"show\" [fdType]=\"'transparent'\"></button>\n                </fd-toolbar> -->\n            </div>\n        </div>\n    </fd-card-content>\n    <fd-card-footer>\n        <button *fdCardFooterActionItem fd-button fdType=\"standard\" glyph=\"delete\">\u062D\u0630\u0641 \u0627\u0631\u062C\u0627\u0639</button>\n        <button fd-button fdType=\"transparent\" [title]=\"'\u062A\u0628\u062F\u06CC\u0644 \u0635\u062F\u0627 \u0628\u0647 \u0645\u062A\u0646'\" glyph=\"microphone\"></button>\n        <button\n            fd-button\n            fdType=\"transparent\"\n            style=\"min-width: 6rem\"\n            [label]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            [title]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            glyph=\"attachment\"\n        ></button>\n        <button\n            style=\"min-width: 6.5rem\"\n            [label]=\"'\u0645\u0634\u062E\u0635\u0627\u062A'\"\n            [title]=\"'\u0645\u0634\u062E\u0635\u0627\u062A'\"\n            fd-button\n            [fdMenu]=\"true\"\n            fdType=\"transparent\"\n            [fdMenuTrigger]=\"menuIcons\"\n        ></button>\n        <fd-switch activeText=\"\u0631\u0648\u0646\u0648\u0634\u062A\" inactiveText=\"\u0645\u0634\u0627\u0647\u062F\u0647\"></fd-switch>\n        <fd-menu #menuIcons>\n            <li fd-menu-item [submenu]=\"noeErja\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </div>\n            </li>\n            <li fd-menu-item [submenu]=\"noeNameh\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <fd-menu-separator></fd-menu-separator>\n\n            <li fd-menu-item [submenu]=\"foriat\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <li fd-menu-item [submenu]=\"security\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n        </fd-menu>\n        <fd-submenu #noeErja>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #noeNameh>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #foriat>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0622\u0646\u06CC</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #security>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n        </fd-submenu>\n    </fd-card-footer>\n</fd-card>\n", styles: [":host{display:block;position:relative;width:100%;height:100%}:host fd-select{width:140px}:host fd-select ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-panel__content{border-bottom:none;padding-bottom:5px}:host ::ng-deep .fd-card__subtitle{display:flex;align-items:center;column-gap:5px;justify-content:start;height:auto;max-height:initial}:host ::ng-deep .fd-card__subtitle h5{white-space:initial!important}:host ::ng-deep .fd-object-identifier__text{margin-top:0}:host ::ng-deep .fd-panel__header{border-bottom:none}.header-fields{display:flex;width:100%;column-gap:2rem}fd-card{margin-top:1rem}fd-card-content{padding:0}fd-card-header{display:none;cursor:default}fd-card-header:before{position:relative!important;display:none!important}fd-card-header:hover{background:var(--fdCard_Background_Color)!important}.readAt{padding-top:2rem}.readAt ::ng-deep p{color:var(--sapButton_BorderColor)!important}.payamIcons{display:flex;column-gap:5px}.payamIcons img{width:16px}@media (max-width: 410px){h5{max-width:210px}}@media (max-width: 1040px){.h5{max-width:600px}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$2.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i5$2.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$2.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i8$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i8$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "directive", type: i8$1.TextareaFormControlDirective, selector: "textarea[fd-form-control]" }, { kind: "component", type: i9.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i9.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i9.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i9.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "component", type: i10.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i10.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i10.SubmenuComponent, selector: "fd-submenu", inputs: ["ariaLabel", "ariaLabelledby"], exportAs: ["fdSubmenu"] }, { kind: "component", type: i10.MenuSeparatorComponent, selector: "fd-menu-separator" }, { kind: "directive", type: i10.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i10.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i10.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i10.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i11.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "allItemsSelectedChange"] }, { kind: "component", type: i7$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i8.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i8.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "component", type: i14.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "directive", type: i2.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: "14.2.7", ngImport: i0, type: FormReportViewItemComponent, decorators: [{
+FormCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormCardComponent, selector: "bdc-form-card", providers: [FormPanelService], queries: [{ propertyName: "uploadCollectionItems", predicate: UploadCollectionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\">\n    <ng-container *ngIf=\"toolbarItems$ | async as toolbarItems\">\n        <fd-card-header *ngIf=\"(toolbarVisible$ | async) !== false && toolbarItems.length\">\n            <div fd-card-title></div>\n            <div fd-card-subtitle style=\"width: 100%\"></div>\n        </fd-card-header>\n    </ng-container>\n    <fd-card-content>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n    </fd-card-content>\n    <fd-card-footer>\n        <button\n            style=\"min-width: 6.5rem\"\n            [label]=\"'\u0645\u0634\u062E\u0635\u0627\u062A \u0646\u0627\u0645\u0647'\"\n            [title]=\"'\u0645\u0634\u062E\u0635\u0627\u062A \u0646\u0627\u0645\u0647'\"\n            fd-button\n            [fdMenu]=\"true\"\n            fdType=\"transparent\"\n            [fdMenuTrigger]=\"menuIcons\"\n        ></button>\n        <fd-menu #menuIcons>\n            <li fd-menu-item [submenu]=\"noeErja\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </div>\n            </li>\n            <li fd-menu-item [submenu]=\"noeNameh\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <fd-menu-separator></fd-menu-separator>\n\n            <li fd-menu-item [submenu]=\"foriat\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <li fd-menu-item [submenu]=\"security\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n        </fd-menu>\n        <fd-submenu #noeErja>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #noeNameh>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #foriat>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0622\u0646\u06CC</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #security>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n        </fd-submenu>\n    </fd-card-footer>\n</fd-card>\n<!-- \n<fd-card *ngFor=\"let card of cards\" cardType=\"object\">\n    <fd-card-content>\n        <div style=\"display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap\">\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0641\u0648\u0631\u06CC\u062A</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u0647\u0644\u062A \u067E\u0627\u0633\u062E</label>\n                <span\n                    style=\"padding-top: 0.725rem\"\n                    fd-object-status\n                    status=\"negative\"\n                    label=\"1402/06/31 14:12\"\n                    aria-label=\"Object status Negative\"\n                ></span>\n            </div>\n        </div>\n\n        <div style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\">\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u06AF\u06CC\u0631\u0646\u062F\u06AF\u0627\u0646 \u067E\u06CC\u0627\u0645\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValues\"\n            ></fd-multi-input>\n            <div style=\"display: flex; column-gap: 0.285rem\" *ngIf=\"!roneveshtCc && !roneveshtBc\">\n                <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n                <span>/</span>\n                <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n            </div>\n        </div>\n        <div\n            *ngIf=\"roneveshtCc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesCc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n        </div>\n        <div\n            *ngIf=\"roneveshtBc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u067E\u0646\u0647\u0627\u0646 \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesBc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n        </div>\n        <div>\n            <div>\n                <textarea\n                    style=\"min-height: 150px\"\n                    formControlName=\"textAreaControl\"\n                    fd-form-control\n                    id=\"textarea-21\"\n                    placeholder=\"\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645\"\n                    growing=\"true\"\n                    wrapType=\"hard\"\n                ></textarea>\n                <div *ngIf=\"true\" class=\"file-viewer-attachments\">\n                    <ul fd-list>\n                        <li\n                            fd-list-item\n                            *ngFor=\"let item of files; let ind = index\"\n                            style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\"\n                        >\n                            <input\n                                style=\"width: 90%\"\n                                *ngIf=\"item.inEdit\"\n                                fd-form-control\n                                [value]=\"item.fileName\"\n                                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                            />\n                            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                                {{ item.fileName }}\n                            </span>\n                            <span fd-list-secondary>\n                                <button\n                                    ariaLabel=\"Edit Or Save\"\n                                    fdType=\"transparent\"\n                                    class=\"fd-button--compact\"\n                                    fd-button\n                                    fdCompact\n                                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                                    (click)=\"item.inEdit = !item.inEdit\"\n                                ></button>\n                                <button\n                                    *ngIf=\"!item.inEdit\"\n                                    ariaLabel=\"Remove\"\n                                    fdType=\"transparent\"\n                                    title=\"Remove\"\n                                    fd-button\n                                    glyph=\"delete\"\n                                ></button>\n                            </span>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </fd-card-content>\n    <fd-card-footer>\n        <button *fdCardFooterActionItem fd-button fdType=\"standard\" glyph=\"delete\">\u062D\u0630\u0641 \u0627\u0631\u062C\u0627\u0639</button>\n        <button fd-button fdType=\"transparent\" [title]=\"'\u062A\u0628\u062F\u06CC\u0644 \u0635\u062F\u0627 \u0628\u0647 \u0645\u062A\u0646'\" glyph=\"microphone\"></button>\n        <button\n            fd-button\n            fdType=\"transparent\"\n            style=\"min-width: 6rem\"\n            [label]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            [title]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            glyph=\"attachment\"\n        ></button>\n        <fd-menu #menuIcons>\n            <li fd-menu-item [submenu]=\"noeErja\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </div>\n            </li>\n            <li fd-menu-item [submenu]=\"noeNameh\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <fd-menu-separator></fd-menu-separator>\n\n            <li fd-menu-item [submenu]=\"foriat\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <li fd-menu-item [submenu]=\"security\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n        </fd-menu>\n        <fd-submenu #noeErja>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #noeNameh>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #foriat>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0622\u0646\u06CC</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #security>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n        </fd-submenu>\n    </fd-card-footer>\n</fd-card>  -->\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$2.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i5$2.CardFooterComponent, selector: "fd-card-footer" }, { kind: "component", type: i5$5.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i5$5.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i5$5.SubmenuComponent, selector: "fd-submenu", inputs: ["ariaLabel", "ariaLabelledby"], exportAs: ["fdSubmenu"] }, { kind: "component", type: i5$5.MenuSeparatorComponent, selector: "fd-menu-separator" }, { kind: "directive", type: i5$5.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i5$5.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i5$5.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i5$5.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-form-report-view-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card *ngFor=\"let card of cards\" cardType=\"object\">\n    <fd-card-header>\n        <div fd-card-title class=\"header-fields\">\n            <!-- <fd-toolbar [clearBorder]=\"true\" [fdType]=\"'transparent'\" style=\"width: 100%; background: transparent\">\n                <h5 fd-title fd-toolbar-item>\n                    <span>\u0627\u0631\u062C\u0627\u0639 \u0646\u0627\u0645\u0647</span>\n                </h5>\n                <fd-toolbar-spacer></fd-toolbar-spacer>\n                <button fd-button glyph=\"attachment\" fdType=\"transparent\"></button>\n                <button fd-button glyph=\"delete\" fdType=\"negative\"></button>\n            </fd-toolbar> -->\n        </div>\n        <div fd-card-subtitle style=\"width: 100%\"></div>\n    </fd-card-header>\n    <fd-card-content>\n        <div style=\"display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap\">\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0641\u0648\u0631\u06CC\u062A</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u0647\u0644\u062A \u067E\u0627\u0633\u062E</label>\n                <span\n                    style=\"padding-top: 0.725rem\"\n                    fd-object-status\n                    status=\"negative\"\n                    label=\"1402/06/31 14:12\"\n                    aria-label=\"Object status Negative\"\n                ></span>\n            </div>\n        </div>\n\n        <div style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\">\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u06AF\u06CC\u0631\u0646\u062F\u06AF\u0627\u0646 \u067E\u06CC\u0627\u0645\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValues\"\n            ></fd-multi-input>\n            <div style=\"display: flex; column-gap: 0.285rem\" *ngIf=\"!roneveshtCc && !roneveshtBc\">\n                <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n                <span>/</span>\n                <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n            </div>\n        </div>\n        <div\n            *ngIf=\"roneveshtCc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesCc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n        </div>\n        <div\n            *ngIf=\"roneveshtBc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u067E\u0646\u0647\u0627\u0646 \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesBc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n        </div>\n        <div>\n            <div>\n                <textarea\n                    style=\"min-height: 150px\"\n                    formControlName=\"textAreaControl\"\n                    fd-form-control\n                    id=\"textarea-21\"\n                    placeholder=\"\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645\"\n                    growing=\"true\"\n                    wrapType=\"hard\"\n                ></textarea>\n                <div *ngIf=\"true\" class=\"file-viewer-attachments\">\n                    <ul fd-list>\n                        <li\n                            fd-list-item\n                            *ngFor=\"let item of files; let ind = index\"\n                            style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\"\n                        >\n                            <input\n                                style=\"width: 90%\"\n                                *ngIf=\"item.inEdit\"\n                                fd-form-control\n                                [value]=\"item.fileName\"\n                                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                            />\n                            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                                {{ item.fileName }}\n                            </span>\n                            <span fd-list-secondary>\n                                <button\n                                    ariaLabel=\"Edit Or Save\"\n                                    fdType=\"transparent\"\n                                    class=\"fd-button--compact\"\n                                    fd-button\n                                    fdCompact\n                                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                                    (click)=\"item.inEdit = !item.inEdit\"\n                                ></button>\n                                <button\n                                    *ngIf=\"!item.inEdit\"\n                                    ariaLabel=\"Remove\"\n                                    fdType=\"transparent\"\n                                    title=\"Remove\"\n                                    fd-button\n                                    glyph=\"delete\"\n                                ></button>\n                            </span>\n                        </li>\n                    </ul>\n                </div>\n                <!-- <fd-toolbar [clearBorder]=\"true\" [fdType]=\"'transparent'\">\n                    <button fd-button glyph=\"delete\" fdType=\"transparent\" [label]=\"'Delete' | bbbTranslate\"></button>\n                    <fd-toolbar-spacer></fd-toolbar-spacer>\n                    \n                    <button fd-button glyph=\"attachment\" fdType=\"transparent\" label=\"\u067E\u06CC\u0648\u0633\u062A\"></button>\n                    <button fd-toolbar-item fd-button glyph=\"microphone\" [fdType]=\"'transparent'\"></button>\n                    <button fd-toolbar-item fd-button glyph=\"synchronize\" [fdType]=\"'transparent'\"></button>\n                    <button fd-toolbar-item fd-button glyph=\"show\" [fdType]=\"'transparent'\"></button>\n                </fd-toolbar> -->\n            </div>\n        </div>\n    </fd-card-content>\n    <fd-card-footer>\n        <button *fdCardFooterActionItem fd-button fdType=\"standard\" glyph=\"delete\">\u062D\u0630\u0641 \u0627\u0631\u062C\u0627\u0639</button>\n        <button fd-button fdType=\"transparent\" [title]=\"'\u062A\u0628\u062F\u06CC\u0644 \u0635\u062F\u0627 \u0628\u0647 \u0645\u062A\u0646'\" glyph=\"microphone\"></button>\n        <button\n            fd-button\n            fdType=\"transparent\"\n            style=\"min-width: 6rem\"\n            [label]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            [title]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            glyph=\"attachment\"\n        ></button>\n        <button\n            style=\"min-width: 6.5rem\"\n            [label]=\"'\u0645\u0634\u062E\u0635\u0627\u062A'\"\n            [title]=\"'\u0645\u0634\u062E\u0635\u0627\u062A'\"\n            fd-button\n            [fdMenu]=\"true\"\n            fdType=\"transparent\"\n            [fdMenuTrigger]=\"menuIcons\"\n        ></button>\n        <fd-switch activeText=\"\u0631\u0648\u0646\u0648\u0634\u062A\" inactiveText=\"\u0645\u0634\u0627\u0647\u062F\u0647\"></fd-switch>\n        <fd-menu #menuIcons>\n            <li fd-menu-item [submenu]=\"noeErja\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </div>\n            </li>\n            <li fd-menu-item [submenu]=\"noeNameh\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <fd-menu-separator></fd-menu-separator>\n\n            <li fd-menu-item [submenu]=\"foriat\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <li fd-menu-item [submenu]=\"security\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n        </fd-menu>\n        <fd-submenu #noeErja>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #noeNameh>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #foriat>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0622\u0646\u06CC</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #security>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n        </fd-submenu>\n    </fd-card-footer>\n</fd-card>\n", styles: [":host{display:block;position:relative;width:100%;height:100%}:host fd-select{width:140px}:host fd-select ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-panel__content{border-bottom:none;padding-bottom:5px}:host ::ng-deep .fd-card__subtitle{display:flex;align-items:center;column-gap:5px;justify-content:start;height:auto;max-height:initial}:host ::ng-deep .fd-card__subtitle h5{white-space:initial!important}:host ::ng-deep .fd-object-identifier__text{margin-top:0}:host ::ng-deep .fd-panel__header{border-bottom:none}.header-fields{display:flex;width:100%;column-gap:2rem}fd-card{margin-top:1rem}fd-card-content{padding:0}fd-card-header{display:none;cursor:default}fd-card-header:before{position:relative!important;display:none!important}fd-card-header:hover{background:var(--fdCard_Background_Color)!important}.readAt{padding-top:2rem}.readAt ::ng-deep p{color:var(--sapButton_BorderColor)!important}.payamIcons{display:flex;column-gap:5px}.payamIcons img{width:16px}@media (max-width: 410px){h5{max-width:210px}}@media (max-width: 1040px){.h5{max-width:600px}}\n"] }]
+            args: [{ selector: 'bdc-form-card', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<fd-card cardType=\"object\">\n    <ng-container *ngIf=\"toolbarItems$ | async as toolbarItems\">\n        <fd-card-header *ngIf=\"(toolbarVisible$ | async) !== false && toolbarItems.length\">\n            <div fd-card-title></div>\n            <div fd-card-subtitle style=\"width: 100%\"></div>\n        </fd-card-header>\n    </ng-container>\n    <fd-card-content>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n    </fd-card-content>\n    <fd-card-footer>\n        <button\n            style=\"min-width: 6.5rem\"\n            [label]=\"'\u0645\u0634\u062E\u0635\u0627\u062A \u0646\u0627\u0645\u0647'\"\n            [title]=\"'\u0645\u0634\u062E\u0635\u0627\u062A \u0646\u0627\u0645\u0647'\"\n            fd-button\n            [fdMenu]=\"true\"\n            fdType=\"transparent\"\n            [fdMenuTrigger]=\"menuIcons\"\n        ></button>\n        <fd-menu #menuIcons>\n            <li fd-menu-item [submenu]=\"noeErja\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </div>\n            </li>\n            <li fd-menu-item [submenu]=\"noeNameh\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <fd-menu-separator></fd-menu-separator>\n\n            <li fd-menu-item [submenu]=\"foriat\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <li fd-menu-item [submenu]=\"security\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n        </fd-menu>\n        <fd-submenu #noeErja>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #noeNameh>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #foriat>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0622\u0646\u06CC</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #security>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n        </fd-submenu>\n    </fd-card-footer>\n</fd-card>\n<!-- \n<fd-card *ngFor=\"let card of cards\" cardType=\"object\">\n    <fd-card-content>\n        <div style=\"display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap\">\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0641\u0648\u0631\u06CC\u062A</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</label>\n                <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n                    <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n                </fd-select>\n            </div>\n            <div style=\"display: flex; flex-direction: column\">\n                <label fd-label>\u0645\u0647\u0644\u062A \u067E\u0627\u0633\u062E</label>\n                <span\n                    style=\"padding-top: 0.725rem\"\n                    fd-object-status\n                    status=\"negative\"\n                    label=\"1402/06/31 14:12\"\n                    aria-label=\"Object status Negative\"\n                ></span>\n            </div>\n        </div>\n\n        <div style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\">\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u06AF\u06CC\u0631\u0646\u062F\u06AF\u0627\u0646 \u067E\u06CC\u0627\u0645\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValues\"\n            ></fd-multi-input>\n            <div style=\"display: flex; column-gap: 0.285rem\" *ngIf=\"!roneveshtCc && !roneveshtBc\">\n                <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n                <span>/</span>\n                <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n            </div>\n        </div>\n        <div\n            *ngIf=\"roneveshtCc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesCc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n        </div>\n        <div\n            *ngIf=\"roneveshtBc\"\n            style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n        >\n            <fd-multi-input\n                style=\"width: 100%\"\n                [mobile]=\"true\"\n                [dropdownValues]=\"displayedItems\"\n                [showAllButton]=\"false\"\n                placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u067E\u0646\u0647\u0627\u0646 \u0628\u0647...\"\n                [mobileConfig]=\"secondConfig\"\n                [(ngModel)]=\"selectedValuesBc\"\n            ></fd-multi-input>\n            <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n        </div>\n        <div>\n            <div>\n                <textarea\n                    style=\"min-height: 150px\"\n                    formControlName=\"textAreaControl\"\n                    fd-form-control\n                    id=\"textarea-21\"\n                    placeholder=\"\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645\"\n                    growing=\"true\"\n                    wrapType=\"hard\"\n                ></textarea>\n                <div *ngIf=\"true\" class=\"file-viewer-attachments\">\n                    <ul fd-list>\n                        <li\n                            fd-list-item\n                            *ngFor=\"let item of files; let ind = index\"\n                            style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\"\n                        >\n                            <input\n                                style=\"width: 90%\"\n                                *ngIf=\"item.inEdit\"\n                                fd-form-control\n                                [value]=\"item.fileName\"\n                                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                            />\n                            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                                {{ item.fileName }}\n                            </span>\n                            <span fd-list-secondary>\n                                <button\n                                    ariaLabel=\"Edit Or Save\"\n                                    fdType=\"transparent\"\n                                    class=\"fd-button--compact\"\n                                    fd-button\n                                    fdCompact\n                                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                                    (click)=\"item.inEdit = !item.inEdit\"\n                                ></button>\n                                <button\n                                    *ngIf=\"!item.inEdit\"\n                                    ariaLabel=\"Remove\"\n                                    fdType=\"transparent\"\n                                    title=\"Remove\"\n                                    fd-button\n                                    glyph=\"delete\"\n                                ></button>\n                            </span>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </fd-card-content>\n    <fd-card-footer>\n        <button *fdCardFooterActionItem fd-button fdType=\"standard\" glyph=\"delete\">\u062D\u0630\u0641 \u0627\u0631\u062C\u0627\u0639</button>\n        <button fd-button fdType=\"transparent\" [title]=\"'\u062A\u0628\u062F\u06CC\u0644 \u0635\u062F\u0627 \u0628\u0647 \u0645\u062A\u0646'\" glyph=\"microphone\"></button>\n        <button\n            fd-button\n            fdType=\"transparent\"\n            style=\"min-width: 6rem\"\n            [label]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            [title]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n            glyph=\"attachment\"\n        ></button>\n        <fd-menu #menuIcons>\n            <li fd-menu-item [submenu]=\"noeErja\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </div>\n            </li>\n            <li fd-menu-item [submenu]=\"noeNameh\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <fd-menu-separator></fd-menu-separator>\n\n            <li fd-menu-item [submenu]=\"foriat\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n            <li fd-menu-item [submenu]=\"security\">\n                <a fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n                    <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n                </a>\n            </li>\n        </fd-menu>\n        <fd-submenu #noeErja>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #noeNameh>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #foriat>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0622\u0646\u06CC</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n                </a>\n            </li>\n        </fd-submenu>\n        <fd-submenu #security>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n                </a>\n            </li>\n\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n            <li fd-menu-item>\n                <a href=\"#\" fd-menu-interactive>\n                    <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n                </a>\n            </li>\n        </fd-submenu>\n    </fd-card-footer>\n</fd-card>  -->\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"] }]
         }], propDecorators: { uploadCollectionItems: [{
                 type: ContentChildren,
                 args: [UploadCollectionItemDirective, { descendants: true }]
             }] } });
 
-class FormReportViewComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-    }
-}
-FormReportViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormReportViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormReportViewComponent, selector: "bdc-form-report-view", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"moDataList?.length; else empty\">\n    <ng-container *ngFor=\"let mo of moDataList; let index = index; let last = last\">\n        <bdc-form-report-view-item\n            [setting]=\"viewSetting\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [columnsCount]=\"columnsCount\"\n            [moDataList]=\"moDataList\"\n            [mo]=\"mo\"\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n            (editFormPanelCancel)=\"onEditFormPanelCancel(mo)\"\n        >\n        </bdc-form-report-view-item>\n    </ng-container>\n</ng-container>\n\n<ng-template #empty>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: FormReportViewItemComponent, selector: "bdc-form-report-view-item" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormReportViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-form-report-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"moDataList?.length; else empty\">\n    <ng-container *ngFor=\"let mo of moDataList; let index = index; let last = last\">\n        <bdc-form-report-view-item\n            [setting]=\"viewSetting\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [columnsCount]=\"columnsCount\"\n            [moDataList]=\"moDataList\"\n            [mo]=\"mo\"\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n            (editFormPanelCancel)=\"onEditFormPanelCancel(mo)\"\n        >\n        </bdc-form-report-view-item>\n    </ng-container>\n</ng-container>\n\n<ng-template #empty>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n" }]
-        }] });
-
 const components = [
     LoginFormComponent,
     LoginSocialConncetionsComponent,
@@ -3398,7 +3413,8 @@ const components = [
     TokenReportViewComponent,
     ColumnFormViewerComponent,
     FormReportViewComponent,
-    FormReportViewItemComponent
+    FormReportViewItemComponent,
+    FormCardComponent
 ];
 const pipes = [UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe];
 class BarsaDevelopComponentsModule extends BaseModule {
@@ -3463,7 +3479,8 @@ BarsaDevelopComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         TokenReportViewComponent,
         ColumnFormViewerComponent,
         FormReportViewComponent,
-        FormReportViewItemComponent, UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe], imports: [CommonModule,
+        FormReportViewItemComponent,
+        FormCardComponent, UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe], imports: [CommonModule,
         BarsaNovinRayCoreModule,
         ReactiveFormsModule,
         BarsaSapUiModule,
@@ -3524,7 +3541,8 @@ BarsaDevelopComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         TokenReportViewComponent,
         ColumnFormViewerComponent,
         FormReportViewComponent,
-        FormReportViewItemComponent] });
+        FormReportViewItemComponent,
+        FormCardComponent] });
 BarsaDevelopComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDevelopComponentsModule, providers: [UserMediaBaseService, WebBarcodeService], imports: [CommonModule,
         BarsaNovinRayCoreModule,
         ReactiveFormsModule,
@@ -3559,5 +3577,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AcceptRejectComponent, AvatarComponent, BarcodeFormatPipe, BarcodeReaderComponent, BarcodeReaderDialogComponent, BarcodeReaderVideoComponent, BarsaDevelopComponentsModule, BarsaDocumentListItemComponent, BarsaDocumentsComponent, BarsaGeographicLocationComponent, CardContentImageAndTitleComponent, CardContentLineChartComponent, CardHeaderBigImageTitleAndSubtitleComponent, CardHeaderKpiComponent, CardHeaderLogoTitleSubtitleComponent, CheckboxButtonComponent, ColumnFormViewerComponent, EnumInfoMicroProccessFlowComponent, FooterComponent, FormChartContentComponent, FormContentQuickViewComponent, FormReportViewComponent, FormReportViewItemComponent, G4bDetailsComponent, G4bEstelamComponent, GeographicLocationComponent, LoginFormComponent, LoginSocialConncetionsComponent, MasterDetailCardFormComponent, MediaFileUploaderComponent, MicroProccessFlowComponent, MicroProcessFlowViewComponent, MoInfoMicroProccessFlowComponent, QueryStringFormObservableComponent, QueryStringObservableComponent, ReportButtonViewComponent, ReportLineChartViewComponent, ReportTabViewComponent, ResendVerificationCodeComponent, ServiceDeskCardContentMojavezhayAkhzShodeComponent, ServiceDeskFormLayoutContentMojavezComponent, ServiceDeskHeaderComponent, ServiceDeskServcieDetailComponent, ServiceDeskViewOfServicesComponent, SettingFormComponent, SubformInRowReportComponent, TabProcessViewComponent, TableViewVerticalColumnsComponent, TimerCountDownComponent, TokenReportViewComponent, UiEnumSegmentedButtonComponent, UiNumRateComponent, UiPersonComponent, UiPicturesCarouselComponent, UiTextFieldSearchComponent, UlvContextMenuItemShowFileContentComponent };
+export { AcceptRejectComponent, AvatarComponent, BarcodeFormatPipe, BarcodeReaderComponent, BarcodeReaderDialogComponent, BarcodeReaderVideoComponent, BarsaDevelopComponentsModule, BarsaDocumentListItemComponent, BarsaDocumentsComponent, BarsaGeographicLocationComponent, CardContentImageAndTitleComponent, CardContentLineChartComponent, CardHeaderBigImageTitleAndSubtitleComponent, CardHeaderKpiComponent, CardHeaderLogoTitleSubtitleComponent, CheckboxButtonComponent, ColumnFormViewerComponent, EnumInfoMicroProccessFlowComponent, FooterComponent, FormCardComponent, FormChartContentComponent, FormContentQuickViewComponent, FormReportViewComponent, FormReportViewItemComponent, G4bDetailsComponent, G4bEstelamComponent, GeographicLocationComponent, LoginFormComponent, LoginSocialConncetionsComponent, MasterDetailCardFormComponent, MediaFileUploaderComponent, MicroProccessFlowComponent, MicroProcessFlowViewComponent, MoInfoMicroProccessFlowComponent, QueryStringFormObservableComponent, QueryStringObservableComponent, ReportButtonViewComponent, ReportLineChartViewComponent, ReportTabViewComponent, ResendVerificationCodeComponent, ServiceDeskCardContentMojavezhayAkhzShodeComponent, ServiceDeskFormLayoutContentMojavezComponent, ServiceDeskHeaderComponent, ServiceDeskServcieDetailComponent, ServiceDeskViewOfServicesComponent, SettingFormComponent, SubformInRowReportComponent, TabProcessViewComponent, TableViewVerticalColumnsComponent, TimerCountDownComponent, TokenReportViewComponent, UiEnumSegmentedButtonComponent, UiNumRateComponent, UiPersonComponent, UiPicturesCarouselComponent, UiTextFieldSearchComponent, UlvContextMenuItemShowFileContentComponent };
 //# sourceMappingURL=barsa-develop-components.mjs.map