barsa-develop-components 1.0.456 → 2.0.2

package/fesm2015/barsa-develop-components.mjs

@@ -1,3660 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild, Injectable, EventEmitter, Output, Pipe, HostBinding, HostListener, RendererStyleFlags2, ElementRef, ViewEncapsulation, ViewChildren, ViewContainerRef, TemplateRef, Optional, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
-import * as i3$2 from 'barsa-sap-ui';
-import { DeviceInfoFieldBaseComponent, UiMoInfoSubFormUiComponent, UiCheckBoxComponent, UiMoInfoUlvComboComponent, UiSimpleComboComponent, UiPicturesInfoComponent, UiPdfViewerComponent, ColumnRendererComponent, BarsaSapUiModule } from 'barsa-sap-ui';
-import { Subject, debounceTime, distinctUntilChanged, BehaviorSubject, of, takeUntil as takeUntil$1, switchMap } from 'rxjs';
-import * as i2 from '@angular/forms';
-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, getDeviceIsMobile, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewItemPropsComponent, 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, FundamentalNgxCoreModule } from '@fundamental-ngx/core';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2$2 from '@fundamental-ngx/core/tabs';
-import * as i5 from '@fundamental-ngx/core/button';
-import * as i4 from '@fundamental-ngx/core/segmented-button';
-import * as i3$1 from '@fundamental-ngx/core/micro-process-flow';
-import * as i4$1 from '@fundamental-ngx/core/dynamic-side-content';
-import { __awaiter } from 'tslib';
-import { NotFoundException, ChecksumException, FormatException, DecodeHintType, BarcodeFormat } from '@zxing/library';
-import { BrowserMultiFormatReader, BrowserCodeReader } from '@zxing/browser';
-import * as i4$2 from '@fundamental-ngx/core/bar';
-import * as i5$1 from '@fundamental-ngx/core/dialog';
-import * as i4$3 from '@fundamental-ngx/core/title';
-import * as i12 from '@fundamental-ngx/core/utils';
-import * as i8 from '@fundamental-ngx/core/select';
-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 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';
-import * as i5$3 from '@fundamental-ngx/core/layout-grid';
-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$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$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 i2$6 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$3 from '@fundamental-ngx/core/file-uploader';
-import * as i9 from '@fundamental-ngx/core/inline-help';
-import * as i2$7 from '@fundamental-ngx/core/content-density';
-import * as i3$6 from '@fundamental-ngx/core/token';
-
-class UiTextFieldSearchComponent extends DeviceInfoFieldBaseComponent {
-    constructor() {
-        super(...arguments);
-        this._debouncer = new Subject();
-    }
-    get MinSize() {
-        // this call from outside.corejs
-        return { width: 0, height: 30 };
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._debouncer.pipe(debounceTime(300), distinctUntilChanged()).subscribe((value) => {
-            this.value = value;
-            this.valueChange.emit(value);
-        });
-    }
-    onSearchSubmit() {
-        this._valueChange(this.searchTerm);
-    }
-    _valueChange(value) {
-        this._debouncer.next(value);
-    }
-}
-UiTextFieldSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTextFieldSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTextFieldSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTextFieldSearchComponent, selector: "bdc-ui-text-field-search", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-input-group\n    style=\"width: 100%\"\n    fd-toolbar-item\n    type=\"search\"\n    glyph=\"search\"\n    [glyphAriaLabel]=\"'Search' | bbbTranslate\"\n    [placeholder]=\"'Search' | bbbTranslate\"\n    [button]=\"true\"\n    [disabled]=\"false\"\n    [(ngModel)]=\"searchTerm\"\n    (addOnButtonClicked)=\"onSearchSubmit()\"\n    (keydown.enter)=\"onSearchSubmit()\"\n>\n</fd-input-group>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { 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: UiTextFieldSearchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-ui-text-field-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-input-group\n    style=\"width: 100%\"\n    fd-toolbar-item\n    type=\"search\"\n    glyph=\"search\"\n    [glyphAriaLabel]=\"'Search' | bbbTranslate\"\n    [placeholder]=\"'Search' | bbbTranslate\"\n    [button]=\"true\"\n    [disabled]=\"false\"\n    [(ngModel)]=\"searchTerm\"\n    (addOnButtonClicked)=\"onSearchSubmit()\"\n    (keydown.enter)=\"onSearchSubmit()\"\n>\n</fd-input-group>\n" }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], MinSize: [{
-                type: Input
-            }] } });
-
-class TabProcessViewComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this.arrowRight = this.rtl ? 'navigation-left-arrow' : 'navigation-right-arrow';
-        this.fieldTitle = this.viewSetting.FieldTitle;
-        this.fieldSubtitle = this.viewSetting.FieldSubtitle;
-        this.fieldIcon = this.viewSetting.FieldIcon;
-        this.defaultIcon = this.viewSetting.DefaultIcon;
-        this._ulvMainService.moDataList$.pipe(takeUntil(this._onDestroy$)).subscribe((moDataList) => {
-            if (moDataList) {
-                const selectedIndex = moDataList.findIndex((c) => c.$IsChecked);
-                if (this.tabList && selectedIndex > -1) {
-                    setTimeout(() => this.tabList.tabPanels.toArray()[selectedIndex].open(true), 0);
-                }
-            }
-        });
-    }
-    onTabChange2(e) {
-        const index = this.moDataList.findIndex((c) => c.Id === e.Id);
-        const mo = this.moDataList[index];
-        if (mo.$IsChecked) {
-            return;
-        }
-        super.onRowCheck({ mo, index });
-    }
-    onTabChange(e) {
-        const index = this.moDataList.findIndex((c) => c.Id === e.id);
-        const mo = this.moDataList[index];
-        super.onRowCheck({ mo, index });
-    }
-}
-TabProcessViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TabProcessViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabProcessViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TabProcessViewComponent, selector: "bdc-tab-process-view", viewQueries: [{ propertyName: "tabList", first: true, predicate: TabListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-tab-list\n    *ngIf=\"moDataList?.length; else empty\"\n    mode=\"process\"\n    [style.min-height]=\"moDataList?.length ? '3.8rem' : null\"\n    [expandOverflowText]=\"'More' | bbbTranslate\"\n>\n    <fd-tab\n        *ngFor=\"let item of moDataList; let index = index; let last = last\"\n        [id]=\"item.Id\"\n        [active]=\"item.$IsChecked\"\n    >\n        <ng-template fd-tab-title-template>\n            <span\n                (click)=\"onTabChange2(item)\"\n                fd-tab-icon\n                [icon]=\"(fieldIcon | rval: item:allColumns) ? (fieldIcon | rval: item:allColumns) : defaultIcon\"\n            ></span>\n            <div fd-tab-process (click)=\"onTabChange2(item)\">\n                <span fd-tab-label>{{ fieldTitle | rval: item:allColumns }}</span>\n                <span fd-tab-label>{{ fieldSubtitle | rval: item:allColumns }}</span>\n            </div>\n        </ng-template>\n    </fd-tab>\n</fd-tab-list>\n<ng-template #empty>\n    <div style=\"min-height: 3.8rem; background-color: var(--sapObjectHeader_Background)\"></div>\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: 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: "directive", type: i2$2.TabTitleDirective, selector: "[fdTabTitleTemplate], [fd-tab-title-template]" }, { kind: "component", type: i2$2.TabIconComponent, selector: "[fd-tab-icon]", inputs: ["class", "icon"] }, { kind: "directive", type: i2$2.TabLabelDirective, selector: "[fdTabLabel], [fd-tab-label]" }, { kind: "directive", type: i2$2.TabProcessDirective, selector: "[fdTabProcess], [fd-tab-process]" }, { 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: TabProcessViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-tab-process-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-tab-list\n    *ngIf=\"moDataList?.length; else empty\"\n    mode=\"process\"\n    [style.min-height]=\"moDataList?.length ? '3.8rem' : null\"\n    [expandOverflowText]=\"'More' | bbbTranslate\"\n>\n    <fd-tab\n        *ngFor=\"let item of moDataList; let index = index; let last = last\"\n        [id]=\"item.Id\"\n        [active]=\"item.$IsChecked\"\n    >\n        <ng-template fd-tab-title-template>\n            <span\n                (click)=\"onTabChange2(item)\"\n                fd-tab-icon\n                [icon]=\"(fieldIcon | rval: item:allColumns) ? (fieldIcon | rval: item:allColumns) : defaultIcon\"\n            ></span>\n            <div fd-tab-process (click)=\"onTabChange2(item)\">\n                <span fd-tab-label>{{ fieldTitle | rval: item:allColumns }}</span>\n                <span fd-tab-label>{{ fieldSubtitle | rval: item:allColumns }}</span>\n            </div>\n        </ng-template>\n    </fd-tab>\n</fd-tab-list>\n<ng-template #empty>\n    <div style=\"min-height: 3.8rem; background-color: var(--sapObjectHeader_Background)\"></div>\n</ng-template>\n" }]
-        }], propDecorators: { tabList: [{
-                type: ViewChild,
-                args: [TabListComponent]
-            }] } });
-
-class UiEnumSegmentedButtonComponent extends FieldBaseComponent {
-    onValueChange(value) {
-        const selectedValue = value;
-        this.setValue(selectedValue);
-    }
-    setValue(selectedValue) {
-        this.value = selectedValue;
-        this.valueChange.emit(this.value);
-        this.fireContextEvent('select', this.value);
-    }
-}
-UiEnumSegmentedButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiEnumSegmentedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiEnumSegmentedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiEnumSegmentedButtonComponent, selector: "bdc-ui-enum-segmented-button", usesInheritance: true, ngImport: i0, template: "<fd-segmented-button style=\"width: 100%\" [(ngModel)]=\"value\" (ngModelChange)=\"onValueChange($event)\">\r\n    <ng-container *ngFor=\"let item of context.store.data[context.store.root]\">\r\n        <button\r\n            *ngIf=\"item.id !== '0'\"\r\n            [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\r\n            fd-button\r\n            [label]=\"item.txt\"\r\n            [value]=\"item.id\"\r\n        ></button>\r\n    </ng-container>\r\n</fd-segmented-button>\r\n", styles: ["button{width:100%}\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: 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: 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"] }, { 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: UiEnumSegmentedButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-ui-enum-segmented-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-segmented-button style=\"width: 100%\" [(ngModel)]=\"value\" (ngModelChange)=\"onValueChange($event)\">\r\n    <ng-container *ngFor=\"let item of context.store.data[context.store.root]\">\r\n        <button\r\n            *ngIf=\"item.id !== '0'\"\r\n            [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\r\n            fd-button\r\n            [label]=\"item.txt\"\r\n            [value]=\"item.id\"\r\n        ></button>\r\n    </ng-container>\r\n</fd-segmented-button>\r\n", styles: ["button{width:100%}\n"] }]
-        }] });
-
-class MicroProcessFlowViewComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this.arrowRight = this.rtl ? 'navigation-left-arrow' : 'navigation-right-arrow';
-        this.fieldTitle = this.viewSetting.FieldTitle;
-        this.fieldIcon = this.viewSetting.FieldIcon;
-        this.fieldState = this.viewSetting.FieldState;
-        this.mode = this.viewSetting.ModeValue$Caption;
-    }
-}
-MicroProcessFlowViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroProcessFlowViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MicroProcessFlowViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroProcessFlowViewComponent, selector: "bdc-micro-process-flow-view", usesInheritance: true, ngImport: i0, template: "<fd-micro-process-flow style=\"max-width: 100%\">\n    <fd-micro-process-flow-item *ngFor=\"let item of moDataList; let index = index\">\n        <ng-container\n            *ngTemplateOutlet=\"\n                button;\n                context: {\n                    $implicit: item,\n                    index: index,\n                    arrow: arrowRight\n                }\n            \"\n        ></ng-container>\n    </fd-micro-process-flow-item>\n</fd-micro-process-flow>\n<ng-template #button let-mo let-index=\"index\" let-arrow=\"arrow\">\n    <button\n        fd-button\n        (click)=\"onRowCheck({mo, index})\"\n        fd-micro-process-flow-focusable-item\n        [label]=\"fieldTitle | rval: mo:allColumns\"\n        [fdType]=\"fieldState | rval: mo:allColumns\"\n        [glyph]=\"fieldIcon | rval: mo:allColumns\"\n    ></button>\n</ng-template>\n", styles: [".fd-link{cursor:pointer;font-size:1.06rem}\n"], dependencies: [{ 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: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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"] }, { kind: "directive", type: i3$1.MicroProcessFlowFocusableItemDirective, selector: "[fdMicroProcessFlowFocusableItem], [fd-micro-process-flow-focusable-item]" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroProcessFlowViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-micro-process-flow-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-micro-process-flow style=\"max-width: 100%\">\n    <fd-micro-process-flow-item *ngFor=\"let item of moDataList; let index = index\">\n        <ng-container\n            *ngTemplateOutlet=\"\n                button;\n                context: {\n                    $implicit: item,\n                    index: index,\n                    arrow: arrowRight\n                }\n            \"\n        ></ng-container>\n    </fd-micro-process-flow-item>\n</fd-micro-process-flow>\n<ng-template #button let-mo let-index=\"index\" let-arrow=\"arrow\">\n    <button\n        fd-button\n        (click)=\"onRowCheck({mo, index})\"\n        fd-micro-process-flow-focusable-item\n        [label]=\"fieldTitle | rval: mo:allColumns\"\n        [fdType]=\"fieldState | rval: mo:allColumns\"\n        [glyph]=\"fieldIcon | rval: mo:allColumns\"\n    ></button>\n</ng-template>\n", styles: [".fd-link{cursor:pointer;font-size:1.06rem}\n"] }]
-        }] });
-
-class SettingFormComponent extends FormBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.deviceSize = 'xl';
-        this.selectedSetting = false;
-        this.groupSettingFieldCaption = 'گروه تنظیمات2';
-        this.objectSettingFieldCaption = 'شی تنظیمات';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.rtl$ = this._portalService.rtl$;
-        this._portalService.deviceSize$.pipe(takeUntil(this._onDestroy$)).subscribe((deviceSize) => {
-            switch (deviceSize) {
-                case 's':
-                    this.deviceSize = 'sm';
-                    break;
-                case 'm':
-                    this.deviceSize = 'md';
-                    break;
-                default:
-                    this.deviceSize = 'xl';
-            }
-        });
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        const fieldUi = Object.values(this.listFieldUi).find((c) => c.Setting.ControlFieldCaption === this.groupSettingFieldCaption);
-        if (fieldUi) {
-            fieldUi.viewerControl.on({
-                rowselect: this._setSelectedSetting.bind(this)
-            });
-        }
-        this._groupSettingControlUi = fieldUi;
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this._groupSettingControlUi) {
-            this._groupSettingControlUi.viewerControl.un('rowselect', this._setSelectedSetting);
-        }
-    }
-    onSettingClick() { }
-    onBack() {
-        this.selectedSetting = false;
-    }
-    _setSelectedSetting() {
-        this.selectedSetting = true;
-    }
-}
-SettingFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SettingFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SettingFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: SettingFormComponent, selector: "bdc-setting-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mo$ | async as mo; else loading\">\r\n    <ng-container *ngIf=\"layout94$ | async as layout\">\r\n        <div *ngIf=\"deviceSize === 'sm'; else sideContent\" style=\"display: flex; flex-direction: column\">\r\n            <div *ngIf=\"selectedSetting\" style=\"width: 100%\">\r\n                <button\r\n                    fd-button\r\n                    [fdType]=\"'transparent'\"\r\n                    [glyph]=\"(rtl$ | async)!! ? 'arrow-left' : 'arrow-right'\"\r\n                    (click)=\"onBack()\"\r\n                ></button>\r\n            </div>\r\n\r\n            <div [class.hide]=\"selectedSetting\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        renderSetting;\r\n                        context: {\r\n                            $implicit: layout,\r\n                            isMobile: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            <div [class.hide]=\"!selectedSetting\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        renderForm;\r\n                        context: {\r\n                            $implicit: layout,\r\n                            isMobile: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n        <ng-template #sideContent>\r\n            <fd-dynamic-side-content [size]=\"deviceSize\">\r\n                <fd-dynamic-side-content-side>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            renderSetting;\r\n                            context: {\r\n                                $implicit: layout,\r\n                                isMobile: false\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-dynamic-side-content-side>\r\n                <fd-dynamic-side-content-main>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            renderForm;\r\n                            context: {\r\n                                $implicit: layout,\r\n                                isMobile: false\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-dynamic-side-content-main>\r\n            </fd-dynamic-side-content>\r\n        </ng-template>\r\n    </ng-container>\r\n    <ng-template #renderForm let-layout let-isMobile=\"isMobile\">\r\n        <bsu-layout-control\r\n            *ngIf=\"objectSettingFieldCaption | controlUi: layout as layoutConfig\"\r\n            (click)=\"onSettingClick()\"\r\n            class=\"form-setting\"\r\n            [class.is-mobile]=\"isMobile\"\r\n            [caption]=\"objectSettingFieldCaption\"\r\n            [config]=\"layoutConfig\"\r\n            [focus]=\"true\"\r\n        ></bsu-layout-control>\r\n    </ng-template>\r\n    <ng-template #renderSetting let-layout let-isMobile=\"isMobile\">\r\n        <bsu-layout-control\r\n            *ngIf=\"groupSettingFieldCaption | controlUi: layout as layoutConfig\"\r\n            class=\"list-setting\"\r\n            [class.is-mobile]=\"isMobile\"\r\n            [caption]=\"groupSettingFieldCaption\"\r\n            [config]=\"layoutConfig\"\r\n        ></bsu-layout-control>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n", styles: [":host{width:100%}:host ::ng-deep bsu-ulv-context-menu,:host ::ng-deep li button{display:none}.list-setting{height:100%;border-left:1px solid #ccc}.list-setting ::ng-deep bnrc-field-ui{height:100%;padding:0}.list-setting.is-mobile{border:none}.form-setting{height:100%;padding-top:5px}.form-setting ::ng-deep bnrc-field-ui{height:100%!important}fd-dynamic-side-content{height:100%}fd-dynamic-side-content-main{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$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.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SettingFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-setting-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"mo$ | async as mo; else loading\">\r\n    <ng-container *ngIf=\"layout94$ | async as layout\">\r\n        <div *ngIf=\"deviceSize === 'sm'; else sideContent\" style=\"display: flex; flex-direction: column\">\r\n            <div *ngIf=\"selectedSetting\" style=\"width: 100%\">\r\n                <button\r\n                    fd-button\r\n                    [fdType]=\"'transparent'\"\r\n                    [glyph]=\"(rtl$ | async)!! ? 'arrow-left' : 'arrow-right'\"\r\n                    (click)=\"onBack()\"\r\n                ></button>\r\n            </div>\r\n\r\n            <div [class.hide]=\"selectedSetting\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        renderSetting;\r\n                        context: {\r\n                            $implicit: layout,\r\n                            isMobile: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            <div [class.hide]=\"!selectedSetting\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        renderForm;\r\n                        context: {\r\n                            $implicit: layout,\r\n                            isMobile: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n        <ng-template #sideContent>\r\n            <fd-dynamic-side-content [size]=\"deviceSize\">\r\n                <fd-dynamic-side-content-side>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            renderSetting;\r\n                            context: {\r\n                                $implicit: layout,\r\n                                isMobile: false\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-dynamic-side-content-side>\r\n                <fd-dynamic-side-content-main>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            renderForm;\r\n                            context: {\r\n                                $implicit: layout,\r\n                                isMobile: false\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-dynamic-side-content-main>\r\n            </fd-dynamic-side-content>\r\n        </ng-template>\r\n    </ng-container>\r\n    <ng-template #renderForm let-layout let-isMobile=\"isMobile\">\r\n        <bsu-layout-control\r\n            *ngIf=\"objectSettingFieldCaption | controlUi: layout as layoutConfig\"\r\n            (click)=\"onSettingClick()\"\r\n            class=\"form-setting\"\r\n            [class.is-mobile]=\"isMobile\"\r\n            [caption]=\"objectSettingFieldCaption\"\r\n            [config]=\"layoutConfig\"\r\n            [focus]=\"true\"\r\n        ></bsu-layout-control>\r\n    </ng-template>\r\n    <ng-template #renderSetting let-layout let-isMobile=\"isMobile\">\r\n        <bsu-layout-control\r\n            *ngIf=\"groupSettingFieldCaption | controlUi: layout as layoutConfig\"\r\n            class=\"list-setting\"\r\n            [class.is-mobile]=\"isMobile\"\r\n            [caption]=\"groupSettingFieldCaption\"\r\n            [config]=\"layoutConfig\"\r\n        ></bsu-layout-control>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n", styles: [":host{width:100%}:host ::ng-deep bsu-ulv-context-menu,:host ::ng-deep li button{display:none}.list-setting{height:100%;border-left:1px solid #ccc}.list-setting ::ng-deep bnrc-field-ui{height:100%;padding:0}.list-setting.is-mobile{border:none}.form-setting{height:100%;padding-top:5px}.form-setting ::ng-deep bnrc-field-ui{height:100%!important}fd-dynamic-side-content{height:100%}fd-dynamic-side-content-main{overflow-y:auto}\n"] }]
-        }] });
-
-/**
- * Based on zxing-typescript BrowserCodeReader
- */
-class BrowserMultiFormatContinuousReader extends BrowserMultiFormatReader {
-    /**
-     * Returns the code reader scanner controls.
-     */
-    getScannerControls() {
-        if (!this.scannerControls) {
-            throw new Error('No scanning is running at the time.');
-        }
-        return this.scannerControls;
-    }
-    /**
-     * Starts the decoding from the current or a new video element.
-     *
-     * @param deviceId The device's to be used Id
-     * @param previewEl A new video element
-     */
-    scanFromDeviceObservable(deviceId, previewEl) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const scan$ = new BehaviorSubject({});
-            let ctrls;
-            try {
-                ctrls = yield this.decodeFromVideoDevice(deviceId, previewEl, (result, error) => {
-                    var _a;
-                    if (!error) {
-                        scan$.next({ result });
-                        return;
-                    }
-                    console.error(error);
-                    const errorName = error.name;
-                    // stream cannot stop on fails.
-                    if (
-                    // scan Failure - found nothing, no error
-                    errorName === NotFoundException.name ||
-                        // scan Error - found the QR but got error on decoding
-                        errorName === ChecksumException.name ||
-                        errorName === FormatException.name ||
-                        error.message.includes('No MultiFormat Readers were able to detect the code.')) {
-                        scan$.next({ error });
-                        return;
-                    }
-                    // probably fatal error
-                    scan$.error(error);
-                    (_a = this.scannerControls) === null || _a === void 0 ? void 0 : _a.stop();
-                    this.scannerControls = undefined;
-                    return;
-                });
-                this.scannerControls = Object.assign(Object.assign({}, ctrls), { stop() {
-                        ctrls.stop();
-                        scan$.complete();
-                    } });
-            }
-            catch (e) {
-                scan$.error(e);
-                (_a = this.scannerControls) === null || _a === void 0 ? void 0 : _a.stop();
-                this.scannerControls = undefined;
-            }
-            return scan$.asObservable();
-        });
-    }
-}
-class UserMediaBaseService {
-    /**
-     *
-     */
-    constructor(_logService) {
-        this._logService = _logService;
-        this.hasNavigator = false;
-        this.isMediaDevicesSupported = false;
-        this._camerasSource = new BehaviorSubject([]);
-        this.cameras$ = this._camerasSource
-            .asObservable()
-            .pipe(shareReplay(1))
-            .pipe(filter((items) => items && items.length > 0));
-        this._permissionResponse = new Subject();
-        this.permissionResponse$ = this._permissionResponse.asObservable();
-        this._hasDevicesSource = new BehaviorSubject(false);
-        this.hasDevices$ = this._hasDevicesSource.asObservable().pipe(shareReplay(1));
-        this._permissionSource = new BehaviorSubject(false);
-        this.permission$ = this._permissionSource.asObservable().pipe();
-        this._camerasNotFoundSource = new Subject();
-        this.camerasNotFound$ = this._camerasNotFoundSource.asObservable().pipe(shareReplay(1));
-        this.hasNavigator = typeof navigator !== 'undefined';
-        this.isMediaDevicesSupported = this.hasNavigator && !!navigator.mediaDevices;
-    }
-    updateVideoInputDevices() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // permissions aren't needed to get devices, but to access them and their info
-            const devices = (yield BrowserCodeReader.listVideoInputDevices()) || [];
-            const hasDevices = devices && devices.length > 0;
-            // stores discovered devices and updates information
-            this._hasDevicesSource.next(hasDevices);
-            this._camerasSource.next([...devices]);
-            if (!hasDevices) {
-                const err = {
-                    code: DOMException.NOT_FOUND_ERR,
-                    message: 'Device not found.'
-                };
-                this._camerasNotFoundSource.next(err);
-            }
-            return devices;
-        });
-    }
-    /**
-     * Gets and registers all cammeras.
-     */
-    askForPermission() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.hasNavigator) {
-                this._logService.error('user media', `Can't ask permission, navigator is not present.`);
-                this._setPermission(false);
-            }
-            if (!this.isMediaDevicesSupported) {
-                this._logService.error('user media', `Can't get user media, this is not supported.`);
-                this._setPermission(false);
-            }
-            let stream;
-            let permission = false;
-            try {
-                // Will try to ask for permission
-                stream = yield this._getAnyVideoDevice();
-                permission = !!stream;
-            }
-            catch (err) {
-                this._handlePermissionException(err);
-            }
-            finally {
-                this.terminateStream(stream);
-            }
-            this._setPermission(permission);
-            return permission;
-        });
-    }
-    terminateStream(stream) {
-        if (stream) {
-            stream.getTracks().forEach((t) => t.stop());
-        }
-        stream = undefined;
-    }
-    _setPermission(permission) {
-        this._permissionSource.next(permission);
-    }
-    _getAnyVideoDevice() {
-        return navigator.mediaDevices.getUserMedia({ video: true });
-    }
-    _handlePermissionException(err) {
-        console.error('user media', 'Error when asking for permission.', err);
-        let permission = false;
-        switch (err.name) {
-            // usually caused by not secure origins
-            case 'NotSupportedError':
-                this._logService.warn('user media', err.message);
-                // could not claim
-                permission = false;
-                // can't check devices
-                this._hasDevicesSource.next(false);
-                break;
-            // user denied permission
-            case 'NotAllowedError':
-                this._logService.warn('user media', err.message);
-                // claimed and denied permission
-                permission = false;
-                // this means that input devices exists
-                this._hasDevicesSource.next(true);
-                break;
-            // the device has no attached input devices
-            case 'NotFoundError':
-                this._logService.warn('user media', err.message);
-                // no permissions claimed
-                permission = false;
-                // because there was no devices
-                this._hasDevicesSource.next(false);
-                // tells the listener about the error
-                this._camerasNotFoundSource.next(err);
-                break;
-            case 'NotReadableError':
-                this._logService.warn('user media', `Couldn't read the device(s)'s stream, it's probably in use by another app.`);
-                // no permissions claimed
-                permission = false;
-                // there are devices, which I couldn't use
-                this._hasDevicesSource.next(false);
-                // tells the listener about the error
-                this._camerasNotFoundSource.next(err);
-                break;
-            default:
-                this._logService.warn('user media', 'I was not able to define if I have permissions for camera or not.', err);
-                // unknown
-                permission = false;
-                // this.hasDevices.next(undefined;
-                break;
-        }
-        this._setPermission(permission);
-        // tells the listener about the error
-        this._permissionResponse.next(err);
-        return permission;
-    }
-}
-UserMediaBaseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UserMediaBaseService, deps: [{ token: i1.LogService }], target: i0.ɵɵFactoryTarget.Injectable });
-UserMediaBaseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UserMediaBaseService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UserMediaBaseService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.LogService }]; } });
-class WebBarcodeService {
-    constructor(userMediaService) {
-        this.userMediaService = userMediaService;
-        this._device = undefined;
-        this._codeReader = undefined;
-        this._hints = new Map();
-        this._scanErrorSource = new Subject();
-        this._scanFailureSource = new Subject();
-        this._scanCompleteSource = new Subject();
-        this._scanSuccessSource = new Subject();
-        this._options = {
-            delayBetweenScanAttempts: 50,
-            delayBetweenScanSuccess: 500
-        };
-        this.scanError$ = this._scanErrorSource.asObservable();
-        this.scanFailure$ = this._scanFailureSource.asObservable();
-        this.scanComplete$ = this._scanCompleteSource.asObservable();
-        this.scanSuccess$ = this._scanSuccessSource.asObservable().pipe(map((c) => c.getText()));
-    }
-    startScan(device, videoEl, options = this._options) {
-        // instantly stops the scan before changing devices
-        this.scanStop();
-        // correctly sets the new (or none) device
-        this._device = device || undefined;
-        this._videoEl = videoEl;
-        this._options = options;
-        if (!this._device) {
-            // cleans the video because user removed the device
-            BrowserCodeReader.cleanVideoSource(videoEl);
-        }
-        if (this._scanSubscription) {
-            throw new Error('There is already a scan proccess running.');
-        }
-        if (!this._device) {
-            throw new Error('No device defined, cannot start scan, please define a device.');
-        }
-        // if enabled, starts scanning
-        if (device) {
-            this.scanFromDevice(device.deviceId);
-        }
-    }
-    setFormat(input) {
-        if (typeof input === 'string') {
-            throw new Error('Invalid formats, make sure the [formats] input is a binding.');
-        }
-        // formats may be set from html template as BarcodeFormat or string array
-        const formats = input.map((f) => this.getBarcodeFormatOrFail(f));
-        const hints = this._hints;
-        // updates the hints
-        hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);
-        // handles updating the codeReader
-        this._hints = hints;
-    }
-    scanStop() {
-        var _a, _b;
-        if (this._scanSubscription) {
-            (_a = this._codeReader) === null || _a === void 0 ? void 0 : _a.getScannerControls().stop();
-            (_b = this._scanSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-            this._scanSubscription = undefined;
-        }
-        // this.torchCompatible.next(false);
-    }
-    destroy() {
-        // @note apenas necessario por enquanto causa da Torch
-        this.scanStop();
-        this._codeReader = undefined;
-        this._device = undefined;
-    }
-    getBarcodeFormatOrFail(format) {
-        return typeof format === 'string' ? BarcodeFormat[format.trim().toUpperCase()] : format;
-    }
-    scanFromDevice(deviceId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const videoElement = this._videoEl;
-            const codeReader = this.getCodeReader();
-            const scanStream = yield codeReader.scanFromDeviceObservable(deviceId, videoElement);
-            if (!scanStream) {
-                throw new Error('Undefined decoding stream, aborting.');
-            }
-            const next = (x) => this._onDecodeResult(x.result, x.error);
-            const error = (err) => this._onDecodeError(err);
-            const complete = () => { };
-            this._scanSubscription = scanStream.subscribe(next, error, complete);
-            if (this._scanSubscription.closed) {
-                return;
-            }
-            // const controls = codeReader.getScannerControls();
-            // const hasTorchControl = typeof controls.switchTorch !== 'undefined';
-            // this.torchCompatible.next(hasTorchControl);
-        });
-    }
-    /**
-     * Handles decode errors.
-     */
-    _onDecodeError(err) {
-        this._scanErrorSource.next(err);
-        // this.reset();
-    }
-    /**
-     * Handles decode results.
-     */
-    _onDecodeResult(result, error) {
-        if (result) {
-            this._scanSuccessSource.next(result);
-        }
-        else {
-            this._scanFailureSource.next(error);
-        }
-        if (result) {
-            this._scanCompleteSource.next(result);
-        }
-    }
-    getCodeReader() {
-        if (!this._codeReader) {
-            this._codeReader = new BrowserMultiFormatContinuousReader(this._hints, this._options);
-        }
-        return this._codeReader;
-    }
-}
-WebBarcodeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: WebBarcodeService, deps: [{ token: UserMediaBaseService }], target: i0.ɵɵFactoryTarget.Injectable });
-WebBarcodeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: WebBarcodeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: WebBarcodeService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: UserMediaBaseService }]; } });
-
-class BarcodeReaderVideoComponent extends BaseComponent {
-    constructor(_webBarcodeService) {
-        super();
-        this._webBarcodeService = _webBarcodeService;
-        this.previewFitMode = 'fill';
-        this.scanSuccess = new EventEmitter();
-        this._cameraSource = new BehaviorSubject(null);
-    }
-    set selectedCamera(val) {
-        this._cameraSource.next(val);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._setFormat(this.allFormats);
-        this._cameraSource
-            .asObservable()
-            .pipe(takeUntil(this._onDestroy$), debounceTime$1(500), filter((camera) => camera != null), tap((camera) => {
-            this._stopScan();
-            this._startScan(camera);
-        }))
-            .subscribe();
-        this._webBarcodeService.scanSuccess$.subscribe((result) => {
-            this.scanSuccess.emit(result);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._webBarcodeService.scanStop();
-    }
-    _setFormat(formats) {
-        this._webBarcodeService.setFormat(formats);
-    }
-    _stopScan() {
-        this._webBarcodeService.scanStop();
-    }
-    _startScan(camera) {
-        if (this.videoElement) {
-            this._webBarcodeService.startScan(camera, this.videoElement.nativeElement);
-        }
-    }
-}
-BarcodeReaderVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeReaderVideoComponent, deps: [{ token: WebBarcodeService }], target: i0.ɵɵFactoryTarget.Component });
-BarcodeReaderVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarcodeReaderVideoComponent, selector: "bdc-barcode-reader-video", inputs: { allFormats: "allFormats", previewFitMode: "previewFitMode", selectedCamera: "selectedCamera" }, outputs: { scanSuccess: "scanSuccess" }, viewQueries: [{ propertyName: "videoElement", first: true, predicate: ["videoElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<video #videoElement [style.object-fit]=\"previewFitMode\">\r\n    <p>{{ 'BrowserNotSupport' | bbbTranslate }}</p>\r\n</video>\r\n", styles: [":host,video{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeReaderVideoComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-barcode-reader-video', changeDetection: ChangeDetectionStrategy.OnPush, template: "<video #videoElement [style.object-fit]=\"previewFitMode\">\r\n    <p>{{ 'BrowserNotSupport' | bbbTranslate }}</p>\r\n</video>\r\n", styles: [":host,video{display:block;width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: WebBarcodeService }]; }, propDecorators: { allFormats: [{
-                type: Input
-            }], previewFitMode: [{
-                type: Input
-            }], scanSuccess: [{
-                type: Output
-            }], videoElement: [{
-                type: ViewChild,
-                args: ['videoElement', { static: true }]
-            }], selectedCamera: [{
-                type: Input
-            }] } });
-
-class BarcodeReaderDialogComponent extends BaseComponent {
-    constructor(_dialogRef, _userMediaService) {
-        var _a, _b;
-        super();
-        this._dialogRef = _dialogRef;
-        this._userMediaService = _userMediaService;
-        this.value = '';
-        this.format = [BarcodeFormat.QR_CODE];
-        this.loading = true;
-        this._dialogRef.loading(true);
-        this.barcodeFormats = (_b = (_a = this._dialogRef.data) === null || _a === void 0 ? void 0 : _a.barcodeFormats) !== null && _b !== void 0 ? _b : [];
-        this.selectedFormat = this.barcodeFormats.length > 0 ? this.barcodeFormats[0] : BarcodeFormat.QR_CODE;
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this._initialize();
-    }
-    onDismiss() {
-        this._dialogRef.dismiss();
-    }
-    onOk() {
-        this._close();
-    }
-    onCameraChange(value) {
-        this.selectedCamera = value;
-    }
-    onFormatChange(format) {
-        this.selectedFormat = format;
-    }
-    onScanSuccess(result) {
-        this.value = result;
-        this._close();
-    }
-    onValueChanged(e) {
-        this.value = e.target.value;
-    }
-    _close() {
-        this._dialogRef.close(this.value);
-    }
-    _initialize() {
-        of(true)
-            .pipe(takeUntil(this._onDestroy$), exhaustMap(() => this._userMediaService.askForPermission()), concatMap((permission) => {
-            if (permission) {
-                return this._userMediaService.updateVideoInputDevices();
-            }
-            else {
-                return of(true);
-            }
-        }), finalize(() => {
-            this.loading = false;
-            this._dialogRef.loading(false);
-        }))
-            .subscribe();
-        this.hasDevice$ = this._userMediaService.hasDevices$;
-        this.permission$ = this._userMediaService.permission$;
-        this.cameras$ = this._userMediaService.cameras$.pipe(delay(0), tap((cameras) => {
-            var _a;
-            this.selectedCamera = (_a = cameras.find((c) => c.label.indexOf('back') > -1)) !== null && _a !== void 0 ? _a : cameras[0];
-        }));
-    }
-}
-BarcodeReaderDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeReaderDialogComponent, deps: [{ token: i2$3.DialogRef }, { token: UserMediaBaseService }], target: i0.ɵɵFactoryTarget.Component });
-BarcodeReaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarcodeReaderDialogComponent, selector: "bdc-barcode-reader-dialog", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'BarcodeReader' | bbbTranslate }} {{ selectedCamera?.label }}</h1>\r\n        <button fd-dialog-close-button (click)=\"onDismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body>\r\n        <ng-container *ngIf=\"!loading\">\r\n            <ng-container *ngIf=\"permission$ | async; else noPermission\">\r\n                <ng-container *ngIf=\"hasDevice$ | async; else noDevice\">\r\n                    <bdc-barcode-reader-video\r\n                        *ngIf=\"selectedCamera\"\r\n                        [format]=\"format\"\r\n                        [selectedCamera]=\"selectedCamera\"\r\n                        [allFormats]=\"barcodeFormats\"\r\n                        (scanSuccess)=\"onScanSuccess($event)\"\r\n                    ></bdc-barcode-reader-video>\r\n                </ng-container> </ng-container\r\n        ></ng-container>\r\n        <ng-template #noDevice>\r\n            <p>BrowserNotSupport</p>\r\n        </ng-template>\r\n        <ng-template #noPermission>\r\n            <p>NoPermission</p>\r\n        </ng-template>\r\n    </fd-dialog-body>\r\n    <fd-dialog-footer>\r\n        <ng-template fdTemplate=\"footer\">\r\n            <ng-container *ngIf=\"cameras$ | async as cameraList\">\r\n                <div fd-bar-left>\r\n                    <fd-select\r\n                        *ngIf=\"cameraList.length > 1\"\r\n                        [placeholder]=\"'Camera' | bbbTranslate\"\r\n                        (valueChange)=\"onCameraChange($event)\"\r\n                        [value]=\"selectedCamera\"\r\n                    >\r\n                        <fd-option *ngFor=\"let camera of cameraList\" [value]=\"camera\">{{ camera.label }}</fd-option>\r\n                    </fd-select>\r\n                </div>\r\n                <div fd-bar-right></div>\r\n            </ng-container>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\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: "directive", type: i4$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$2.BarRightDirective, selector: "[fd-bar-right]" }, { 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: "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: BarcodeReaderVideoComponent, selector: "bdc-barcode-reader-video", inputs: ["allFormats", "previewFitMode", "selectedCamera"], outputs: ["scanSuccess"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeReaderDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-barcode-reader-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'BarcodeReader' | bbbTranslate }} {{ selectedCamera?.label }}</h1>\r\n        <button fd-dialog-close-button (click)=\"onDismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body>\r\n        <ng-container *ngIf=\"!loading\">\r\n            <ng-container *ngIf=\"permission$ | async; else noPermission\">\r\n                <ng-container *ngIf=\"hasDevice$ | async; else noDevice\">\r\n                    <bdc-barcode-reader-video\r\n                        *ngIf=\"selectedCamera\"\r\n                        [format]=\"format\"\r\n                        [selectedCamera]=\"selectedCamera\"\r\n                        [allFormats]=\"barcodeFormats\"\r\n                        (scanSuccess)=\"onScanSuccess($event)\"\r\n                    ></bdc-barcode-reader-video>\r\n                </ng-container> </ng-container\r\n        ></ng-container>\r\n        <ng-template #noDevice>\r\n            <p>BrowserNotSupport</p>\r\n        </ng-template>\r\n        <ng-template #noPermission>\r\n            <p>NoPermission</p>\r\n        </ng-template>\r\n    </fd-dialog-body>\r\n    <fd-dialog-footer>\r\n        <ng-template fdTemplate=\"footer\">\r\n            <ng-container *ngIf=\"cameras$ | async as cameraList\">\r\n                <div fd-bar-left>\r\n                    <fd-select\r\n                        *ngIf=\"cameraList.length > 1\"\r\n                        [placeholder]=\"'Camera' | bbbTranslate\"\r\n                        (valueChange)=\"onCameraChange($event)\"\r\n                        [value]=\"selectedCamera\"\r\n                    >\r\n                        <fd-option *ngFor=\"let camera of cameraList\" [value]=\"camera\">{{ camera.label }}</fd-option>\r\n                    </fd-select>\r\n                </div>\r\n                <div fd-bar-right></div>\r\n            </ng-container>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i2$3.DialogRef }, { type: UserMediaBaseService }]; } });
-
-class BarcodeReaderComponent extends UiMoInfoSubFormUiComponent {
-    constructor() {
-        super(...arguments);
-        this.size = 'large';
-    }
-    ngOnInit() {
-        var _a;
-        super.ngOnInit();
-        this.barcodeValue = this.context.Setting.FormPanelSetting.Data.Mo.Value;
-        const format = (_a = this.context.Setting.CustomFieldInfo) === null || _a === void 0 ? void 0 : _a.Format;
-        if (format) {
-            this.barcodeFormat = format
-                .split(',')
-                .filter((c) => c)
-                .map((c) => Number(c) - 1);
-        }
-        this.size = BarsaApi.Bw.GetWindowSize();
-    }
-    onOpenBarcodeReader() {
-        const data = { barcodeFormats: this.barcodeFormat };
-        const dialogRef = this._dialogService.open(BarcodeReaderDialogComponent, {
-            data,
-            fullScreen: this.isMobileDevice ? false : true,
-            verticalPadding: true,
-            responsivePadding: true,
-            mobile: this.isMobileDevice,
-            mobileOuterSpacing: true
-        });
-        dialogRef.afterClosed.pipe(takeUntil(this._onDestroy$)).subscribe((value) => {
-            if (value) {
-                this._setFieldValue(value);
-            }
-        });
-    }
-    onValueChange(e) {
-        this._setFieldValue(e.target.value);
-    }
-    _addFormControl(formControl) {
-        this.customFormPanelUi = formControl;
-    }
-    _setFieldValue(value) {
-        this.barcodeValue = value;
-        const valueCustomFieldUi = this.context.formControl._dictFieldUi.Value;
-        valueCustomFieldUi.value = value;
-        valueCustomFieldUi.fireEvent('change', value);
-    }
-}
-BarcodeReaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeReaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarcodeReaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarcodeReaderComponent, selector: "bdc-barcode-reader", usesInheritance: true, ngImport: i0, template: "<!-- <fd-input-group\n  placement=\"after\"\n  glyph=\"camera\"\n  [placeholder]=\"'BarcodeReader' | bbbTranslate\"\n  [button]=\"true\"\n  ariaLabelledBy=\"fd-input-group-button-label-2\"\n  (addOnButtonClicked)=\"onOpenBarcodeReader()\"\n  (input)=\"onValueChange($event)\"\n>\n</fd-input-group> -->\n\n<fdp-input-group\n    [placeholder]=\"'BarcodeReader' | bbbTranslate\"\n    [value]=\"barcodeValue\"\n    (input)=\"onValueChange($event)\"\n    [name]=\"'barcode_' + id\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n>\n    <fdp-input-group-input type=\"text\"></fdp-input-group-input>\n    <fdp-input-group-addon>\n        <fdp-button glyph=\"camera\" (click)=\"onOpenBarcodeReader()\"></fdp-button>\n    </fdp-input-group-addon>\n</fdp-input-group>\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.InputGroupComponent, selector: "fdp-input-group", inputs: ["value"] }, { kind: "component", type: i1$2.InputGroupAddonComponent, selector: "fdp-input-group-addon" }, { kind: "component", type: i1$2.InputGroupInputComponent, selector: "fdp-input-group-input", inputs: ["type"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeReaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-barcode-reader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <fd-input-group\n  placement=\"after\"\n  glyph=\"camera\"\n  [placeholder]=\"'BarcodeReader' | bbbTranslate\"\n  [button]=\"true\"\n  ariaLabelledBy=\"fd-input-group-button-label-2\"\n  (addOnButtonClicked)=\"onOpenBarcodeReader()\"\n  (input)=\"onValueChange($event)\"\n>\n</fd-input-group> -->\n\n<fdp-input-group\n    [placeholder]=\"'BarcodeReader' | bbbTranslate\"\n    [value]=\"barcodeValue\"\n    (input)=\"onValueChange($event)\"\n    [name]=\"'barcode_' + id\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n>\n    <fdp-input-group-input type=\"text\"></fdp-input-group-input>\n    <fdp-input-group-addon>\n        <fdp-button glyph=\"camera\" (click)=\"onOpenBarcodeReader()\"></fdp-button>\n    </fdp-input-group-addon>\n</fdp-input-group>\n" }]
-        }] });
-
-class UiPersonPipe {
-    transform(value) {
-        let transform;
-        switch (value) {
-            case 'FirstName':
-                transform = 'نام';
-                break;
-            case 'LastName':
-                transform = 'نام خانوادگی';
-                break;
-            case 'NationalCode':
-                transform = 'کد ملی';
-                break;
-            case 'FatherName':
-                transform = 'نام پدر';
-                break;
-            case 'Birthplace':
-                transform = 'محل تولد';
-                break;
-            case 'Mobile':
-                transform = 'محل تولد';
-                break;
-            default:
-                transform = '';
-                break;
-        }
-        return transform;
-    }
-}
-UiPersonPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPersonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-UiPersonPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: UiPersonPipe, name: "uiPerson" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPersonPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'uiPerson'
-                }]
-        }] });
-
-class UiPersonComponent extends FieldBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.searchResult = [];
-        this.personCollection = [
-            {
-                Id: 1,
-                FirstName: 'zahra',
-                LastName: 'darbandy',
-                FatherName: 'ali',
-                Birthplace: 'yazd',
-                NationalCode: '123456789'
-            },
-            {
-                Id: 2,
-                FirstName: 'ali',
-                LastName: 'kafdary',
-                FatherName: 'reza',
-                Birthplace: 'shiraz',
-                NationalCode: '754123659'
-            },
-            {
-                Id: 3,
-                FirstName: 'sara',
-                LastName: 'rezaee',
-                FatherName: 'ali',
-                Birthplace: 'tehran',
-                NationalCode: '123456789'
-            },
-            {
-                Id: 4,
-                FirstName: 'علی',
-                LastName: 'خزایی',
-                FatherName: 'کمال',
-                Birthplace: 'اصفهان',
-                NationalCode: '452145698'
-            },
-            {
-                Id: 5,
-                FirstName: 'vahid',
-                LastName: 'alipor',
-                FatherName: 'ali',
-                Birthplace: 'shiraz',
-                NationalCode: '756982456'
-            },
-            {
-                Id: 6,
-                FirstName: 'mohammad',
-                LastName: 'kamali',
-                FatherName: 'vahid',
-                Birthplace: 'ahvaz',
-                NationalCode: '32165897'
-            }
-        ];
-        this.onClose$ = new Subject();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.value = {
-            Id: 5,
-            FirstName: 'وحید',
-            LastName: 'علیپور',
-            FatherName: 'علی',
-            Birthplace: 'شیراز',
-            NationalCode: '756982456',
-            Mobile: '09175623898'
-        };
-        this.onClose$.pipe().subscribe(() => {
-            // console.log('closed');
-        });
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.onClose$ = this.popoverBodyDom.onClose;
-    }
-    filter() {
-        this.searchResult = this.personCollection.filter((person) => {
-            var _a, _b, _c;
-            return person.FirstName.toLowerCase().includes(((_a = this.filterItems) === null || _a === void 0 ? void 0 : _a.FirstName.toLowerCase()) || '') &&
-                person.LastName.toLowerCase().includes(((_b = this.filterItems) === null || _b === void 0 ? void 0 : _b.LastName.toLowerCase()) || '') &&
-                person.NationalCode.toString().includes(((_c = this.filterItems) === null || _c === void 0 ? void 0 : _c.NationalCode.toString()) || '');
-        });
-    }
-    select(person) {
-        this.selectedPerson = person;
-    }
-    confirm() {
-        var _a;
-        this.value = (_a = this.selectedPerson) !== null && _a !== void 0 ? _a : this.value;
-        this.valueChange.emit(this.value);
-        this.close();
-    }
-    close() {
-        this.dialogRef.close();
-        this.selectedPerson = null;
-    }
-    openDialog(template) {
-        this.resetTable();
-        this.dialogRef = this._dialogService.open(template, {
-            minHeight: '500px',
-            minWidth: '700px',
-            maxHeight: '1000px',
-            maxWidth: '1500px',
-            draggable: true,
-            resizable: true,
-            verticalPadding: false
-        });
-        this.dialogRef.loading(true);
-        setTimeout(() => this.dialogRef.loading(false), 500);
-    }
-    resetTable() {
-        this.filterItems = { FirstName: '', LastName: '', NationalCode: '' };
-        this.filter();
-    }
-    edit() { }
-    delete() {
-        this.value = null;
-        this.valueChange.emit(this.value);
-    }
-    openPopover() {
-        if (!this.isPopoverOpened && this.value) {
-            setTimeout(() => {
-                this.popoverDom.open();
-            }, 1000);
-        }
-    }
-    openChange(isOpen) {
-        this.isPopoverOpened = isOpen;
-    }
-}
-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: 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"] }]
-        }], propDecorators: { popoverDom: [{
-                type: ViewChild,
-                args: ['popover']
-            }], popoverBodyDom: [{
-                type: ViewChild,
-                args: [PopoverBodyComponent]
-            }] } });
-
-class LoginSocialConncetionsComponent extends ReportBaseComponent {
-    constructor(_ulvMainService, _portalService, reportValuePipe) {
-        super(_portalService, _ulvMainService);
-        this._ulvMainService = _ulvMainService;
-        this._portalService = _portalService;
-        this.reportValuePipe = reportValuePipe;
-        this.rtl = BarsaApi.LoginFormData.IsRtl;
-    }
-    onClick(mo) {
-        const provider = this.reportValuePipe.transform('Name', mo, this.allColumns, true);
-        const returnUrl = encodeURIComponent(window.location.href);
-        BarsaApi.Bw.NavigateTo(`/api/openId/signin?provider=${provider}&returnUrl=${returnUrl}`);
-    }
-}
-LoginSocialConncetionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LoginSocialConncetionsComponent, deps: [{ token: i1.UlvMainService }, { token: i1.PortalService }, { token: i1.MoReportValuePipe }], target: i0.ɵɵFactoryTarget.Component });
-LoginSocialConncetionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LoginSocialConncetionsComponent, selector: "bdc-login-social-conncetions", host: { properties: { "attr.rtl": "this.rtl" } }, usesInheritance: true, ngImport: i0, template: "<button\r\n    *ngFor=\"let mo of moDataList$ | async\"\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n    />\r\n</button>\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LoginSocialConncetionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-login-social-conncetions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n    *ngFor=\"let mo of moDataList$ | async\"\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n    />\r\n</button>\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.UlvMainService }, { type: i1.PortalService }, { type: i1.MoReportValuePipe }]; }, propDecorators: { rtl: [{
-                type: HostBinding,
-                args: ['attr.rtl']
-            }] } });
-
-class LoginFormComponent extends FormBaseComponent {
-    constructor() {
-        super(...arguments);
-        this._desktopmode = !getDeviceIsMobile();
-        this.onKeyEnter = (_) => {
-            const layoutItem = this._controlUiPipe.transform(' ورود', this.layout94);
-            if (layoutItem) {
-                layoutItem.FieldUi.fireEvent('click', layoutItem.FieldUi);
-            }
-        };
-    }
-    ngOnInit() {
-        this._activatedRoute.queryParams.pipe(takeUntil(this._onDestroy$)).subscribe((params) => {
-            BarsaApi.Bw.SetCultureByDisplayName(params.culture);
-        });
-        const root = document.documentElement;
-        root.style.setProperty('--absolute-page-top', '0px');
-        super.ngOnInit();
-        this.layout94$.subscribe((layout94) => {
-            this.layout94 = layout94;
-        });
-        this.size$ = this._portalService.deviceSize$.pipe(map((deviceSize) => {
-            switch (deviceSize) {
-                case 's':
-                    return 'sm';
-                case 'm':
-                    return 'md';
-                default:
-                    return 'xl';
-            }
-        }));
-    }
-}
-LoginFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LoginFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LoginFormComponent, selector: "bdc-login-form", host: { listeners: { "keydown.enter": "onKeyEnter($event)" }, properties: { "class.desktopmode": "this._desktopmode" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mo$ | async as mo\">\n    <bsu-mask *ngIf=\"mo.IsLogging\"></bsu-mask>\n    <fd-layout-grid *ngIf=\"(size$ | async) === 'sm'; else sideContent\" [class.mobile]=\"isMobile\">\n        <div [fdLayoutGridCol]=\"1\"></div>\n\n        <div [fdLayoutGridCol]=\"10\">\n            <bsu-ly-layout-container-of-root\n                [config]=\"layout94$ | async\"\n                [isPanel]=\"false\"\n                [isRoot]=\"true\"\n                [class.desktopMode]=\"!(isMobile === true)\"\n            ></bsu-ly-layout-container-of-root>\n        </div>\n\n        <div [fdLayoutGridCol]=\"1\"></div>\n    </fd-layout-grid>\n    <ng-template #sideContent>\n        <fd-dynamic-side-content [size]=\"(size$ | async)!!\">\n            <fd-dynamic-side-content-side>\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-dynamic-side-content-side>\n            <fd-dynamic-side-content-main>\n                <!-- <ng-container *ngIf=\"'\u0639\u06A9\u0633 \u067E\u0633 \u0632\u0645\u06CC\u0646\u0647' | controlUi: layout94 as layoutConfig\">\n                    <bsu-layout-control\n                        [caption]=\"'\u0639\u06A9\u0633 \u067E\u0633 \u0632\u0645\u06CC\u0646\u0647'\"\n                        [config]=\"layoutConfig\"\n                        [showLabel]=\"false\"\n                        [inlineEdit]=\"true\"\n                       \n                    ></bsu-layout-control>\n                </ng-container> -->\n                <div\n                    *ngIf=\"'\u0639\u06A9\u0633 \u067E\u0633 \u0632\u0645\u06CC\u0646\u0647' | controlUi: layout94 as layoutConfig\"\n                    id=\"bgLogin\"\n                    [style.backgroundImage]=\"\n                        'url(' +\n                        (mo.Background?.FileId\n                            | picFieldSrc: 'PictureFileInfo':null:layoutConfig.FieldUi.Setting.FieldDefId) +\n                        ')'\n                    \"\n                ></div>\n            </fd-dynamic-side-content-main>\n        </fd-dynamic-side-content>\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";:host{display:block;background-color:#fff}:host ::ng-deep bsu-ly-simple-label{text-align:center}:host ::ng-deep bsu-ly-simple-label:nth-of-type(1){margin-top:15px}:host ::ng-deep bsu-ui-picture-file{text-align:center}:host ::ng-deep .wrap-content>.container-field{max-width:100%!important}fd-dynamic-side-content{min-height:100vh}fd-dynamic-side-content-side{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}bsu-ly-layout-container-of-root{padding:0 1rem;box-sizing:border-box;display:flex;align-items:center;height:100%}#bgLogin{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}@media (max-width: 599px){:host ::ng-deep bsu-layout-control{min-width:auto!important}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}}@media (max-height: 670px){:host.desktopmode bsu-ly-layout-container-of-root{padding:0}:host.desktopmode bsu-ly-layout-container-of-root ::ng-deep bsu-ly-empty-space{display:none}:host.desktopmode bsu-ly-layout-container-of-root ::ng-deep bsu-layout-control[caption=\\644\\648\\6af\\648]{display:none}}fd-layout-grid.mobile{overflow:auto;height:100vh}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i4$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "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$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LoginFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-login-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"mo$ | async as mo\">\n    <bsu-mask *ngIf=\"mo.IsLogging\"></bsu-mask>\n    <fd-layout-grid *ngIf=\"(size$ | async) === 'sm'; else sideContent\" [class.mobile]=\"isMobile\">\n        <div [fdLayoutGridCol]=\"1\"></div>\n\n        <div [fdLayoutGridCol]=\"10\">\n            <bsu-ly-layout-container-of-root\n                [config]=\"layout94$ | async\"\n                [isPanel]=\"false\"\n                [isRoot]=\"true\"\n                [class.desktopMode]=\"!(isMobile === true)\"\n            ></bsu-ly-layout-container-of-root>\n        </div>\n\n        <div [fdLayoutGridCol]=\"1\"></div>\n    </fd-layout-grid>\n    <ng-template #sideContent>\n        <fd-dynamic-side-content [size]=\"(size$ | async)!!\">\n            <fd-dynamic-side-content-side>\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-dynamic-side-content-side>\n            <fd-dynamic-side-content-main>\n                <!-- <ng-container *ngIf=\"'\u0639\u06A9\u0633 \u067E\u0633 \u0632\u0645\u06CC\u0646\u0647' | controlUi: layout94 as layoutConfig\">\n                    <bsu-layout-control\n                        [caption]=\"'\u0639\u06A9\u0633 \u067E\u0633 \u0632\u0645\u06CC\u0646\u0647'\"\n                        [config]=\"layoutConfig\"\n                        [showLabel]=\"false\"\n                        [inlineEdit]=\"true\"\n                       \n                    ></bsu-layout-control>\n                </ng-container> -->\n                <div\n                    *ngIf=\"'\u0639\u06A9\u0633 \u067E\u0633 \u0632\u0645\u06CC\u0646\u0647' | controlUi: layout94 as layoutConfig\"\n                    id=\"bgLogin\"\n                    [style.backgroundImage]=\"\n                        'url(' +\n                        (mo.Background?.FileId\n                            | picFieldSrc: 'PictureFileInfo':null:layoutConfig.FieldUi.Setting.FieldDefId) +\n                        ')'\n                    \"\n                ></div>\n            </fd-dynamic-side-content-main>\n        </fd-dynamic-side-content>\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";:host{display:block;background-color:#fff}:host ::ng-deep bsu-ly-simple-label{text-align:center}:host ::ng-deep bsu-ly-simple-label:nth-of-type(1){margin-top:15px}:host ::ng-deep bsu-ui-picture-file{text-align:center}:host ::ng-deep .wrap-content>.container-field{max-width:100%!important}fd-dynamic-side-content{min-height:100vh}fd-dynamic-side-content-side{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}bsu-ly-layout-container-of-root{padding:0 1rem;box-sizing:border-box;display:flex;align-items:center;height:100%}#bgLogin{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}@media (max-width: 599px){:host ::ng-deep bsu-layout-control{min-width:auto!important}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}}@media (max-height: 670px){:host.desktopmode bsu-ly-layout-container-of-root{padding:0}:host.desktopmode bsu-ly-layout-container-of-root ::ng-deep bsu-ly-empty-space{display:none}:host.desktopmode bsu-ly-layout-container-of-root ::ng-deep bsu-layout-control[caption=\\644\\648\\6af\\648]{display:none}}fd-layout-grid.mobile{overflow:auto;height:100vh}\n"] }]
-        }], propDecorators: { _desktopmode: [{
-                type: HostBinding,
-                args: ['class.desktopmode']
-            }], onKeyEnter: [{
-                type: HostListener,
-                args: ['keydown.enter', ['$event']]
-            }] } });
-
-class ServiceDeskHeaderComponent extends TilesViewerContainerComponent {
-    constructor(_portalService, _tilesService, _tilesViewerService, _renderer, _viewportScroller, _cdr, _router, _activatedRoute) {
-        super(_portalService, _tilesService, _tilesViewerService);
-        this._portalService = _portalService;
-        this._tilesService = _tilesService;
-        this._tilesViewerService = _tilesViewerService;
-        this._renderer = _renderer;
-        this._viewportScroller = _viewportScroller;
-        this._cdr = _cdr;
-        this._router = _router;
-        this._activatedRoute = _activatedRoute;
-        this.selectedTabIndex = 0;
-        this.heightOfSpaceHolder = 88;
-        this.searchTerm = '';
-        this._enableScroll = false;
-        this._stickyTopPosition = 66;
-        this.observerList = [];
-        this.appGroups = [];
-        const root = document.documentElement;
-        root.style.setProperty('--absolute-page-top', this._stickyTopPosition + 'px');
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._portalService.searchTerm$.pipe(takeUntil$1(this._onDestroy$)).subscribe((term) => {
-            this.searchTerm = term;
-            this._cdr.detectChanges();
-        });
-        this.appTileGroups$.subscribe((appTileGroups) => {
-            appTileGroups.forEach((c) => this._tilesViewerService.loadAppGroup(c));
-            this.appGroups = appTileGroups;
-        });
-        this._renderer.setStyle(this.navHolder.nativeElement, 'top', this._stickyTopPosition + 'px');
-        this.setGridTemplateRows(this.heightOfSpaceHolder);
-        this.deviceSize$ = this._portalService.deviceSize$;
-        this._portalService.deviceSize$.subscribe((c) => {
-            let newHeight = this.heightOfSpaceHolder;
-            this.tabSize = c;
-            if (c === 's') {
-                newHeight = 88;
-            }
-            else if (c === 'm') {
-                newHeight = 220;
-            }
-            else if (c === 'l') {
-                newHeight = 250;
-            }
-            else {
-                newHeight = 325;
-            }
-            newHeight = 88;
-            if (this.heightOfSpaceHolder !== newHeight) {
-                this.heightOfSpaceHolder = newHeight;
-                this.setGridTemplateRows(newHeight);
-            }
-        });
-    }
-    ngAfterViewInit() {
-        const deviceSize = this._portalService.deviceSize;
-        let stickyTopPosition = 20;
-        if (deviceSize === 's') {
-            stickyTopPosition = 60;
-        }
-        this._stickyDom(this.aboveSearch.nativeElement, this.searchHolder.nativeElement, -stickyTopPosition, 'sticky');
-        this._stickyDom(this.aboveContent.nativeElement, this.navHolder.nativeElement, -this._stickyTopPosition, 'sticky');
-        this._stickyDom(this.aboveContent.nativeElement, this.bgOuterHolder.nativeElement, -this._stickyTopPosition, 'sticky', () => {
-            this._renderer.setStyle(this.bgOuterHolder.nativeElement, 'height', this._stickyTopPosition + 'px');
-        }, () => {
-            this._renderer.setStyle(this.bgOuterHolder.nativeElement, 'height', '100%');
-        });
-        this._stickyDom(this.aboveSearch.nativeElement, this.contentAndNav.nativeElement, -stickyTopPosition, 'navAndContent_tb', () => {
-            this._renderer.removeAttribute(this.contentAndNav.nativeElement, 'first');
-        }, () => {
-            this._renderer.setAttribute(this.contentAndNav.nativeElement, 'first', 'true');
-        });
-        setTimeout(() => {
-            this._enableScroll = true;
-        }, 1000);
-        this._portalService.navigationStart$.pipe(takeUntil$1(this._onDestroy$)).subscribe((event) => {
-            this._lastScrollPos = window.scrollY;
-            if (event === null) {
-                return;
-            }
-            if ((event === null || event === void 0 ? void 0 : event.url) !== '/servicedesk' && (event === null || event === void 0 ? void 0 : event.url) !== '/' && !this._disableIntersection) {
-                this.prepareForm();
-            }
-        });
-        this._portalService.navigationEnd$.pipe(takeUntil$1(this._onDestroy$)).subscribe((event) => {
-            if (event !== null &&
-                ((event === null || event === void 0 ? void 0 : event.url) === '/servicedesk' || (event === null || event === void 0 ? void 0 : event.url) === '/' || event.urlAfterRedirects === '/servicedesk')) {
-                this.unPrepareForm();
-            }
-        });
-    }
-    onSearchSubmit() {
-        this._router.navigateByUrl('servicedesk/search?term=' + this.searchTerm);
-        // var searchMo = BarsaApi.Bw.RunBlMethod('GetSearchMo', this.searchTerm);
-        // BarsaApi.Bw.Form.Show({ Mo: searchMo });
-    }
-    prepareForm() {
-        this._disableIntersection = true;
-        this._cdr.detach();
-        this.disconnectIntersctionObserverList();
-        this._renderer.addClass(this.searchHolder.nativeElement, 'sticky');
-        this._renderer.addClass(this.contentAndNav.nativeElement, 'hide');
-        this.visibleContent(false);
-        const flags = RendererStyleFlags2.Important;
-        this._renderer.setStyle(document.body, 'overflow', 'hidden', flags);
-        this.scrollToTop();
-    }
-    unPrepareForm() {
-        // this.setHeightSearchHolder(this.heightOfSpaceHolder);
-        this.visibleContent(true);
-        // this._renderer.removeClass(this.searchHolder.nativeElement, 'sticky');
-        this._renderer.removeClass(this.searchHolder.nativeElement, 'hide');
-        this._renderer.removeClass(this.contentAndNav.nativeElement, 'hide');
-        const flags = RendererStyleFlags2.Important;
-        this._renderer.setStyle(document.body, 'overflow', 'auto', flags);
-        this.scrollToTop();
-        this._cdr.reattach();
-        this._disableIntersection = false;
-        this.connectIntersctionObserverList();
-    }
-    setHeightSearchHolder(height) {
-        this._renderer.setStyle(this.headerSpaceHolder.nativeElement, 'height', `${height}px`);
-    }
-    visibleContent(visible) {
-        this._renderer.setStyle(this.contentAndNav.nativeElement, 'display', visible ? 'flex' : 'none');
-    }
-    setGridTemplateRows(height) {
-        this._renderer.setStyle(this.headerGrid.nativeElement, 'grid-template-rows', `minmax(78px, 15%) 46px 32px 1fr auto 12%; height:${height}px`);
-        // this._renderer.setStyle(this.headerGrid.nativeElement, 'background-color', `red`);
-        this._renderer.setStyle(this.headerSpaceHolder.nativeElement, 'height', `${height}px`);
-    }
-    onSelectedTabChange3(selectedTab) {
-        var _a;
-        this.scrollToTop();
-        if (selectedTab.id === '0') {
-            return;
-        }
-        const elementRefOfselectedTileGroup = (_a = this.tilesViewerGroupElList.get(Number(selectedTab.id))) === null || _a === void 0 ? void 0 : _a.nativeElement;
-        elementRefOfselectedTileGroup.scrollIntoView({
-            block: 'start'
-        });
-    }
-    scrollToLastPos() {
-        this._viewportScroller.scrollToPosition([0, this._lastScrollPos]);
-    }
-    scrollToTop() {
-        if (this._enableScroll) {
-            this._viewportScroller.scrollToPosition([0, this.heightOfSpaceHolder - this._stickyTopPosition]);
-        }
-    }
-    disconnectIntersctionObserverList() {
-        this.observerList.forEach((c) => c.observer.disconnect());
-    }
-    connectIntersctionObserverList() {
-        this.observerList.forEach((c) => c.observer.observe(c.el));
-    }
-    _stickyDom(above, holder, marginTop, className, visibleCallback, hiddenCallBack) {
-        const handler = (entries) => {
-            if (this._disableIntersection) {
-                return;
-            }
-            if (!entries[0].isIntersecting) {
-                this._renderer.addClass(holder, className);
-                if (typeof visibleCallback === 'function') {
-                    visibleCallback();
-                }
-            }
-            else {
-                this._renderer.removeClass(holder, className);
-                if (typeof hiddenCallBack === 'function') {
-                    hiddenCallBack();
-                }
-            }
-        };
-        const options = {
-            rootMargin: `${marginTop}px 0px 0px 0px`,
-            threshold: 0.1
-        };
-        const observer = new window.IntersectionObserver(handler, options);
-        observer.observe(above);
-        this.observerList.push({ el: above, observer });
-    }
-}
-ServiceDeskHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskHeaderComponent, deps: [{ token: i1.PortalService }, { token: i2$4.TilesService }, { token: i2$4.TilesViewerService }, { token: i0.Renderer2 }, { token: i1$1.ViewportScroller }, { token: i0.ChangeDetectorRef }, { token: i4$7.Router }, { token: i4$7.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-ServiceDeskHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskHeaderComponent, selector: "bdc-service-desk-header", inputs: { settings: "settings" }, providers: [TilesViewerService], viewQueries: [{ propertyName: "headerSpaceHolder", first: true, predicate: ["headerSpaceHolder"], descendants: true, static: true }, { propertyName: "headerGrid", first: true, predicate: ["headerGrid"], descendants: true, static: true }, { propertyName: "aboveSearch", first: true, predicate: ["aboveSearch"], descendants: true, static: true }, { propertyName: "searchHolder", first: true, predicate: ["searchHolder"], descendants: true, static: true }, { propertyName: "navHolder", first: true, predicate: ["navHolder"], descendants: true, static: true }, { propertyName: "aboveContent", first: true, predicate: ["aboveContent"], descendants: true, static: true }, { propertyName: "bgOuterHolder", first: true, predicate: ["bgOuterHolder"], descendants: true, static: true }, { propertyName: "contentAndNav", first: true, predicate: ["contentAndNav"], descendants: true, static: true }, { propertyName: "tilesViewerGroupElList", predicate: TilesViewerGroupComponent, descendants: true, read: ElementRef }, { propertyName: "tabPanelComponents", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"headerGrid\" style=\"grid-template-rows: minmax(1px, 15%) 48px 32px 1fr auto 12%; height: 148px\" #headerGrid>\n    <div class=\"companyLogoHolder_aboveSearch\" #aboveSearch></div>\n    <div id=\"searchHolder\" style=\"grid-row: 2\" #searchHolder>\n        <fd-input-group\n            [style.display]=\"settings?.HideSearch ? 'none' : null\"\n            class=\"input-search\"\n            contentDensity=\"cozy\"\n            fd-toolbar-item\n            type=\"search\"\n            glyph=\"search\"\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\n            [placeholder]=\"'Search' | bbbTranslate\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"onSearchSubmit()\"\n        >\n        </fd-input-group>\n    </div>\n</div>\n<div id=\"headerSpaceHolder\" #headerSpaceHolder>\n    <div id=\"bgOuterHolder\" #bgOuterHolder>\n        <div id=\"bgInnerHolder\" style=\"height: 100vh\">\n            <div class=\"backgroundImage\" id=\"backgroundImage\">\n                <img class=\"picture\" src=\"/assets/back.jpg\" loading=\"lazy\" />\n                <span id=\"backgroundImageOverlay\" class=\"overlay\"></span>\n            </div>\n        </div>\n    </div>\n</div>\n<div id=\"contentHolderAndNav\" first=\"true\" #contentAndNav>\n    <div class=\"aboveContent\" #aboveContent></div>\n    <div id=\"contentHolder\">\n        <div class=\"nav\" #navHolder>\n            <div class=\"nav-container\">\n                <ng-container\n                    *ngTemplateOutlet=\"renderTabs; context: { $implicit: (appTileGroups$ | async)!! }\"\n                ></ng-container>\n            </div>\n        </div>\n        <div class=\"nav_surrogate\" style=\"height: 10px\"></div>\n        <div class=\"content-feed\">\n            <ng-container\n                *ngTemplateOutlet=\"renderGroups; context: { $implicit: (appTileGroups$ | async)!! }\"\n            ></ng-container>\n        </div>\n    </div>\n</div>\n<ng-template #renderTabs let-appTileGroups>\n    <fd-tab-list\n        [size]=\"tabSize\"\n        [collapseOverflow]=\"tabSize === 's' || appTileGroups.length > 5\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        (selectedTabChange)=\"onSelectedTabChange3($event)\"\n    >\n        <fd-tab\n            *ngFor=\"let appTileGroup of appTileGroups; let i = index\"\n            [id]=\"'' + i\"\n            [title]=\"appTileGroup.navigatorTitle\"\n        >\n        </fd-tab>\n    </fd-tab-list>\n</ng-template>\n<ng-template #renderGroups let-appTileGroups>\n    <bt-tiles-viewer-group\n        *ngFor=\"let appTileGroup of appTileGroups; let i = index\"\n        [attr.index]=\"i\"\n        [appTileGroup]=\"appTileGroup\"\n        [edit]=\"false\"\n        [stackContent]=\"true\"\n        [isAppTileSubGroup]=\"false\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n    ></bt-tiles-viewer-group>\n</ng-template>\n", styles: ["html{scroll-behavior:smooth}body{overflow-y:auto!important;overflow-x:hidden!important}bt-shellbar{position:fixed;top:10px;width:100%;z-index:6}bt-shellbar .fd-shellbar{background:transparent;box-shadow:none}bt-shellbar .fd-shellbar__product{display:none}bdc-service-desk-header{display:block}bdc-service-desk-header #headerGrid{display:grid;justify-items:center;position:absolute;top:0;width:100%}bdc-service-desk-header #headerSpaceHolder{transition:height .3s ease-out 0s;width:100%}bdc-service-desk-header #searchHolder{z-index:302}bdc-service-desk-header #searchHolder.sticky{position:fixed;top:15px;will-change:transform}bdc-service-desk-header #contentHolderAndNav{align-items:center;background:rgba(0,0,0,.318);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list{background-color:transparent!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list fd-tab,bdc-service-desk-header #contentHolderAndNav fd-tab-list .fd-tabs{background-color:transparent!important;box-shadow:none!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav[first=true] span.fd-tabs__tag{color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-tabs__link.is-selected>span.fd-tabs__tag:after{background-color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-layout-panel__title{color:#fff!important}bdc-service-desk-header #contentHolderAndNav.navAndContent_tb{background:rgb(247,247,247)}bdc-service-desk-header #contentHolder{align-items:center;display:flex;flex-direction:column}bdc-service-desk-header .nav-container{align-items:center;display:flex;gap:5px}bdc-service-desk-header .nav-container fd-tab-list{width:100%}bdc-service-desk-header .nav_surrogate{height:1px}bdc-service-desk-header .nav{display:flex;height:50px;justify-content:center;z-index:500;width:100%}bdc-service-desk-header .nav ul{height:auto;overflow:hidden;list-style:none;padding-inline:0px 15px;margin:0;display:inline-flex;align-items:center}bdc-service-desk-header .nav ul li{display:inline;list-style:none;padding:0 16px;color:#fff}bdc-service-desk-header .nav.sticky{background:rgb(247,247,247);position:fixed;will-change:transform}bt-tiles-viewer-group:first-child fd-layout-panel-header{display:none!important}bt-tiles-viewer-group:first-child .fd-panel__content{border-bottom:none}.content-feed{padding:0}.input-search{display:block}@media (max-width: 480px){.nav-container,.content-feed{width:100%}.nav-container .fd-tabs,.content-feed .fd-tabs{padding:0}#searchHolder.sticky{display:none}#searchHolder .input-search{width:250px}}@media (min-width: 481px) and (max-width: 935px){#searchHolder .input-search{width:360px}}@media (min-width: 936px) and (max-width: 1250px){#searchHolder .input-search{width:480px}}@media (min-width: 1251px){#searchHolder .input-search{width:690px}}@media (max-width: 1180){div#searchHolder.sticky .input-search{width:280px!important}}@media (min-width: 480px) and (max-width: 935px){.nav-container,.content-feed{width:860px}}@media (min-width: 1244px){.nav-container,.content-feed{width:1250px}#searchHolder.sticky .input-search{width:690px}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$4.TilesViewerGroupComponent, selector: "bt-tiles-viewer-group", inputs: ["appTileGroup", "stackContent", "edit", "rtl", "isAppTileSubGroup", "deviceSize"], outputs: ["tilesDropped", "hideAppTileClick", "renameAppTileClick", "toggleGroup", "resetGroup", "deleteGroup"] }, { kind: "component", type: i2$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { 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: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { 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.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-service-desk-header', providers: [TilesViewerService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div id=\"headerGrid\" style=\"grid-template-rows: minmax(1px, 15%) 48px 32px 1fr auto 12%; height: 148px\" #headerGrid>\n    <div class=\"companyLogoHolder_aboveSearch\" #aboveSearch></div>\n    <div id=\"searchHolder\" style=\"grid-row: 2\" #searchHolder>\n        <fd-input-group\n            [style.display]=\"settings?.HideSearch ? 'none' : null\"\n            class=\"input-search\"\n            contentDensity=\"cozy\"\n            fd-toolbar-item\n            type=\"search\"\n            glyph=\"search\"\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\n            [placeholder]=\"'Search' | bbbTranslate\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"onSearchSubmit()\"\n        >\n        </fd-input-group>\n    </div>\n</div>\n<div id=\"headerSpaceHolder\" #headerSpaceHolder>\n    <div id=\"bgOuterHolder\" #bgOuterHolder>\n        <div id=\"bgInnerHolder\" style=\"height: 100vh\">\n            <div class=\"backgroundImage\" id=\"backgroundImage\">\n                <img class=\"picture\" src=\"/assets/back.jpg\" loading=\"lazy\" />\n                <span id=\"backgroundImageOverlay\" class=\"overlay\"></span>\n            </div>\n        </div>\n    </div>\n</div>\n<div id=\"contentHolderAndNav\" first=\"true\" #contentAndNav>\n    <div class=\"aboveContent\" #aboveContent></div>\n    <div id=\"contentHolder\">\n        <div class=\"nav\" #navHolder>\n            <div class=\"nav-container\">\n                <ng-container\n                    *ngTemplateOutlet=\"renderTabs; context: { $implicit: (appTileGroups$ | async)!! }\"\n                ></ng-container>\n            </div>\n        </div>\n        <div class=\"nav_surrogate\" style=\"height: 10px\"></div>\n        <div class=\"content-feed\">\n            <ng-container\n                *ngTemplateOutlet=\"renderGroups; context: { $implicit: (appTileGroups$ | async)!! }\"\n            ></ng-container>\n        </div>\n    </div>\n</div>\n<ng-template #renderTabs let-appTileGroups>\n    <fd-tab-list\n        [size]=\"tabSize\"\n        [collapseOverflow]=\"tabSize === 's' || appTileGroups.length > 5\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        (selectedTabChange)=\"onSelectedTabChange3($event)\"\n    >\n        <fd-tab\n            *ngFor=\"let appTileGroup of appTileGroups; let i = index\"\n            [id]=\"'' + i\"\n            [title]=\"appTileGroup.navigatorTitle\"\n        >\n        </fd-tab>\n    </fd-tab-list>\n</ng-template>\n<ng-template #renderGroups let-appTileGroups>\n    <bt-tiles-viewer-group\n        *ngFor=\"let appTileGroup of appTileGroups; let i = index\"\n        [attr.index]=\"i\"\n        [appTileGroup]=\"appTileGroup\"\n        [edit]=\"false\"\n        [stackContent]=\"true\"\n        [isAppTileSubGroup]=\"false\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n    ></bt-tiles-viewer-group>\n</ng-template>\n", styles: ["html{scroll-behavior:smooth}body{overflow-y:auto!important;overflow-x:hidden!important}bt-shellbar{position:fixed;top:10px;width:100%;z-index:6}bt-shellbar .fd-shellbar{background:transparent;box-shadow:none}bt-shellbar .fd-shellbar__product{display:none}bdc-service-desk-header{display:block}bdc-service-desk-header #headerGrid{display:grid;justify-items:center;position:absolute;top:0;width:100%}bdc-service-desk-header #headerSpaceHolder{transition:height .3s ease-out 0s;width:100%}bdc-service-desk-header #searchHolder{z-index:302}bdc-service-desk-header #searchHolder.sticky{position:fixed;top:15px;will-change:transform}bdc-service-desk-header #contentHolderAndNav{align-items:center;background:rgba(0,0,0,.318);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list{background-color:transparent!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav fd-tab-list fd-tab,bdc-service-desk-header #contentHolderAndNav fd-tab-list .fd-tabs{background-color:transparent!important;box-shadow:none!important;transition:background-color .3s ease-out 0s}bdc-service-desk-header #contentHolderAndNav[first=true] span.fd-tabs__tag{color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-tabs__link.is-selected>span.fd-tabs__tag:after{background-color:#fff!important}bdc-service-desk-header #contentHolderAndNav[first=true] .fd-layout-panel__title{color:#fff!important}bdc-service-desk-header #contentHolderAndNav.navAndContent_tb{background:rgb(247,247,247)}bdc-service-desk-header #contentHolder{align-items:center;display:flex;flex-direction:column}bdc-service-desk-header .nav-container{align-items:center;display:flex;gap:5px}bdc-service-desk-header .nav-container fd-tab-list{width:100%}bdc-service-desk-header .nav_surrogate{height:1px}bdc-service-desk-header .nav{display:flex;height:50px;justify-content:center;z-index:500;width:100%}bdc-service-desk-header .nav ul{height:auto;overflow:hidden;list-style:none;padding-inline:0px 15px;margin:0;display:inline-flex;align-items:center}bdc-service-desk-header .nav ul li{display:inline;list-style:none;padding:0 16px;color:#fff}bdc-service-desk-header .nav.sticky{background:rgb(247,247,247);position:fixed;will-change:transform}bt-tiles-viewer-group:first-child fd-layout-panel-header{display:none!important}bt-tiles-viewer-group:first-child .fd-panel__content{border-bottom:none}.content-feed{padding:0}.input-search{display:block}@media (max-width: 480px){.nav-container,.content-feed{width:100%}.nav-container .fd-tabs,.content-feed .fd-tabs{padding:0}#searchHolder.sticky{display:none}#searchHolder .input-search{width:250px}}@media (min-width: 481px) and (max-width: 935px){#searchHolder .input-search{width:360px}}@media (min-width: 936px) and (max-width: 1250px){#searchHolder .input-search{width:480px}}@media (min-width: 1251px){#searchHolder .input-search{width:690px}}@media (max-width: 1180){div#searchHolder.sticky .input-search{width:280px!important}}@media (min-width: 480px) and (max-width: 935px){.nav-container,.content-feed{width:860px}}@media (min-width: 1244px){.nav-container,.content-feed{width:1250px}#searchHolder.sticky .input-search{width:690px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.PortalService }, { type: i2$4.TilesService }, { type: i2$4.TilesViewerService }, { type: i0.Renderer2 }, { type: i1$1.ViewportScroller }, { type: i0.ChangeDetectorRef }, { type: i4$7.Router }, { type: i4$7.ActivatedRoute }]; }, propDecorators: { headerSpaceHolder: [{
-                type: ViewChild,
-                args: ['headerSpaceHolder', { static: true }]
-            }], headerGrid: [{
-                type: ViewChild,
-                args: ['headerGrid', { static: true }]
-            }], aboveSearch: [{
-                type: ViewChild,
-                args: ['aboveSearch', { static: true }]
-            }], searchHolder: [{
-                type: ViewChild,
-                args: ['searchHolder', { static: true }]
-            }], navHolder: [{
-                type: ViewChild,
-                args: ['navHolder', { static: true }]
-            }], aboveContent: [{
-                type: ViewChild,
-                args: ['aboveContent', { static: true }]
-            }], bgOuterHolder: [{
-                type: ViewChild,
-                args: ['bgOuterHolder', { static: true }]
-            }], contentAndNav: [{
-                type: ViewChild,
-                args: ['contentAndNav', { static: true }]
-            }], tilesViewerGroupElList: [{
-                type: ViewChildren,
-                args: [TilesViewerGroupComponent, { read: ElementRef }]
-            }], tabPanelComponents: [{
-                type: ViewChildren,
-                args: [TabPanelComponent]
-            }], settings: [{
-                type: Input
-            }] } });
-
-class CardContentImageAndTitleComponent extends BaseItemContentPropsComponent {
-    constructor() {
-        super(...arguments);
-        this.backgroundColor = null;
-        this.color = null;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const parameters = this.parameters;
-        if (parameters != null) {
-            this.color = this.colorSetting = parameters.Color;
-            this.backgroundColor = this.backgroundColorSetting = parameters.BackgroundColor;
-            this.picture = this._rval.transform(parameters.Picture, this.mo, this.allColumns);
-            this.title = this._rval.transform(parameters.Title, this.mo, this.allColumns);
-            this.subtitle = this._rval.transform(parameters.Subtitle, this.mo, this.allColumns);
-            this.icon = this._rval.transform(parameters.Icon, this.mo, this.allColumns);
-            this.prepareNumberSign();
-        }
-    }
-    prepareNumberSign() {
-        if (this.color && Number(this.colorSetting[0])) {
-            this.color = '#' + this.colorSetting;
-        }
-        if (this.backgroundColor && Number(this.backgroundColorSetting[0])) {
-            this.backgroundColor = '#' + this.backgroundColorSetting;
-        }
-    }
-}
-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 | bbbTranslate\"\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 | bbbTranslate }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle | bbbTranslate }}\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" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], 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 | bbbTranslate\"\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 | bbbTranslate }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle | bbbTranslate }}\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"] }]
-        }], propDecorators: { iconRef: [{
-                type: ViewChild,
-                args: ['iconRef', { static: false }]
-            }], backgroundColor: [{
-                type: HostBinding,
-                args: ['style.background-color']
-            }], color: [{
-                type: HostBinding,
-                args: ['style.color']
-            }] } });
-
-class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent {
-    constructor() {
-        super(...arguments);
-        this.events = new EventEmitter();
-    }
-    ngOnInit() {
-        var _a, _b, _c;
-        super.ngOnInit();
-        this.titleDbName =
-            ((_a = this._findColumnPipe.transform(this.allColumns, this.parameters.Title)) === null || _a === void 0 ? void 0 : _a.Name) || this.parameters.Title;
-        this.subtitleDbName =
-            ((_b = this._findColumnPipe.transform(this.allColumns, this.parameters.Subtitle)) === null || _b === void 0 ? void 0 : _b.Name) || this.parameters.Subtitle;
-        const parameters = this.parameters;
-        if (parameters != null) {
-            this.title = this._rval.transform(parameters.Title, this.mo, this.allColumns, true);
-            this.subtitle = this._rval.transform(parameters.Subtitle, this.mo, this.allColumns, true);
-            this.fontIcon = (_c = parameters.FontIcon) !== null && _c !== void 0 ? _c : 'person-placeholder';
-            this.imageIcon = this._rval.transform(parameters.FontIcon, this.mo, this.allColumns);
-            this.isIconImage = typeof this.imageIcon === 'object';
-            this.hasIcon = parameters.HasIcon;
-            this.avatarCircle = true;
-            if (typeof parameters.AvatarCircle !== 'undefined') {
-                this.avatarCircle = parameters.AvatarCircle;
-            }
-        }
-    }
-}
-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\r\n    [class.hide-border]=\"parameters.HideBorder\"\r\n    (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\r\n>\r\n    <fd-avatar\r\n        *ngIf=\"hasIcon\"\r\n        [circle]=\"avatarCircle\"\r\n        size=\"s\"\r\n        ariaLabel=\"avatar image\"\r\n        title=\"avatar image\"\r\n        alterIcon=\"content|alt|backup|default-icon\"\r\n        [glyph]=\"fontIcon\"\r\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n    ></fd-avatar>\r\n    <div fd-card-title [style.justify-content]=\"'end'\">\r\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n            <fd-checkbox\r\n                *ngIf=\"isCheckList\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n            ></fd-checkbox>\r\n            <div\r\n                *ngIf=\"setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n            ></div>\r\n            <h2\r\n                #hEl\r\n                class=\"fd-card__title\"\r\n                [hostEl]=\"hEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"titleDbName\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n            >\r\n                {{ title | bbbTranslate }}\r\n            </h2>\r\n        </div>\r\n        <ng-container *ngIf=\"canView\">\r\n            <button\r\n                fd-button\r\n                (click)=\"events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n        </ng-container>\r\n    </div>\r\n\r\n    <h3\r\n        fd-card-subtitle\r\n        #hEl\r\n        [hostEl]=\"hEl\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [dbName]=\"subtitleDbName\"\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n    >\r\n        {{ subtitle | bbbTranslate }}\r\n    </h3>\r\n</fd-card-header>\r\n<div></div>\r\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\r\n    [class.hide-border]=\"parameters.HideBorder\"\r\n    (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\r\n>\r\n    <fd-avatar\r\n        *ngIf=\"hasIcon\"\r\n        [circle]=\"avatarCircle\"\r\n        size=\"s\"\r\n        ariaLabel=\"avatar image\"\r\n        title=\"avatar image\"\r\n        alterIcon=\"content|alt|backup|default-icon\"\r\n        [glyph]=\"fontIcon\"\r\n        [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n    ></fd-avatar>\r\n    <div fd-card-title [style.justify-content]=\"'end'\">\r\n        <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n            <fd-checkbox\r\n                *ngIf=\"isCheckList\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n            ></fd-checkbox>\r\n            <div\r\n                *ngIf=\"setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n            ></div>\r\n            <h2\r\n                #hEl\r\n                class=\"fd-card__title\"\r\n                [hostEl]=\"hEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"titleDbName\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n            >\r\n                {{ title | bbbTranslate }}\r\n            </h2>\r\n        </div>\r\n        <ng-container *ngIf=\"canView\">\r\n            <button\r\n                fd-button\r\n                (click)=\"events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n        </ng-container>\r\n    </div>\r\n\r\n    <h3\r\n        fd-card-subtitle\r\n        #hEl\r\n        [hostEl]=\"hEl\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [dbName]=\"subtitleDbName\"\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n    >\r\n        {{ subtitle | bbbTranslate }}\r\n    </h3>\r\n</fd-card-header>\r\n<div></div>\r\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"] }]
-        }], propDecorators: { events: [{
-                type: Output
-            }] } });
-
-class FormContentQuickViewComponent extends FormPropsBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.groups = {};
-    }
-    ngOnInit() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        super.ngOnInit();
-        const groups = {};
-        this.title = (_c = (_b = this._controlUiPipe.transform((_a = this.settings) === null || _a === void 0 ? void 0 : _a.Title, this.layout94)) === null || _b === void 0 ? void 0 : _b.FieldUi) === null || _c === void 0 ? void 0 : _c.value;
-        this.subtitle = (_f = (_e = this._controlUiPipe.transform((_d = this.settings) === null || _d === void 0 ? void 0 : _d.Subtitle, this.layout94)) === null || _e === void 0 ? void 0 : _e.FieldUi) === null || _f === void 0 ? void 0 : _f.value;
-        const fontIcon = (_h = this._controlUiPipe.transform((_g = this.settings) === null || _g === void 0 ? void 0 : _g.FontIcon, this.layout94)) === null || _h === void 0 ? void 0 : _h.FieldUi;
-        if (fontIcon) {
-            const { imageUrl, value } = fontIcon;
-            this.imageUrl = imageUrl;
-            this.fontIcon = value;
-        }
-        const settingGroups = (_j = this.settings) === null || _j === void 0 ? void 0 : _j.Groups;
-        if (settingGroups) {
-            settingGroups.MoDataList.forEach((c) => {
-                groups[c.Title] = c.ListFields
-                    .split(',')
-                    .map((d) => ({
-                    caption: d,
-                    fieldUi: this._controlUiPipe.transform(d, this.layout94)
-                }))
-                    .map((d) => { var _a, _b; return (Object.assign(Object.assign({}, d), { value: this.getFieldValue((_b = (_a = d.fieldUi) === null || _a === void 0 ? void 0 : _a.FieldUi) === null || _b === void 0 ? void 0 : _b.value) })); })
-                    .map((d) => (Object.assign(Object.assign({}, d), { type: this.getFieldType(d.value) })));
-            });
-        }
-        this.groups = groups;
-    }
-    getFieldValue(value) {
-        if (!value) {
-            return value;
-        }
-        const t = value.toString();
-        if (t.indexOf(',') > -1) {
-            return t.split(',');
-        }
-        return value;
-    }
-    getIsPhone(value) {
-        if (value.startsWith('0') || (value.startsWith('+') && !Number.isNaN(value.substring(1, value.length)))) {
-            return true;
-        }
-        return false;
-    }
-    getIsEmail(value) {
-        if (value.indexOf('@') > -1) {
-            return true;
-        }
-        return false;
-    }
-    getIsWebsite(value) {
-        if (value.startsWith('http') || value.startsWith('https')) {
-            return true;
-        }
-        return false;
-    }
-    getFieldType(value) {
-        if (typeof value === 'string') {
-            if (this.getIsWebsite(value)) {
-                return 0;
-            }
-            if (this.getIsPhone(value)) {
-                return 1;
-            }
-            if (this.getIsEmail(value)) {
-                return 2;
-            }
-            return 3;
-        }
-        else if (Array.isArray(value)) {
-            if (value.length) {
-                if (this.getIsPhone(value[0])) {
-                    return 4;
-                }
-                if (this.getIsEmail(value[0])) {
-                    return 5;
-                }
-                if (this.getIsWebsite(value[0])) {
-                    return 6;
-                }
-            }
-        }
-    }
-}
-FormContentQuickViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormContentQuickViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormContentQuickViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormContentQuickViewComponent, selector: "bdc-form-content-quick-view", usesInheritance: true, ngImport: i0, template: "<fd-quick-view>\n    <fd-quick-view-subheader>\n        <fd-avatar\n            title=\"avatar\"\n            [glyph]=\"fontIcon\"\n            [image]=\"imageUrl\"\n            [size]=\"'s'\"\n            [border]=\"settings.ShowLogoBorder\"\n            [transparent]=\"settings.TransparentLogo\"\n            [colorAccent]=\"settings.AccentColor\"\n        ></fd-avatar>\n        <fd-quick-view-subheader-title>\n            {{ title | bbbTranslate }}\n        </fd-quick-view-subheader-title>\n        <fd-quick-view-subheader-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </fd-quick-view-subheader-subtitle>\n    </fd-quick-view-subheader>\n\n    <fd-quick-view-group *ngFor=\"let group of groups | keyvalue\" [attr.aria-labelledby]=\"group.key\">\n        <fd-quick-view-group-title [id]=\"group.key\">\n            {{ group.key | bbbTranslate }}\n        </fd-quick-view-group-title>\n        <fd-quick-view-group-item *ngFor=\"let item of group.value\">\n            <fd-quick-view-group-item-label>\n                {{ item.caption | bbbTranslate }}\n            </fd-quick-view-group-item-label>\n            <fd-quick-view-group-item-content>\n                <ng-container [ngSwitch]=\"item.type\">\n                    <ng-container *ngSwitchCase=\"6\">\n                        <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n                            <a\n                                *ngFor=\"let website of item.value\"\n                                [href]=\"website\"\n                                [innerText]=\"website | bbbTranslate\"\n                                fd-link\n                                fd-quick-view-group-item-content-element\n                            ></a>\n                        </div>\n                    </ng-container>\n                    <a\n                        *ngSwitchCase=\"0\"\n                        [href]=\"item.value\"\n                        [innerText]=\"item.value | bbbTranslate\"\n                        fd-link\n                        fd-quick-view-group-item-content-element\n                    ></a>\n                    <a\n                        *ngSwitchCase=\"1\"\n                        [href]=\"'tel:' + item.value\"\n                        [innerText]=\"item.value | bbbTranslate\"\n                        fd-link\n                        fd-quick-view-group-item-content-element\n                    ></a>\n                    <ng-container *ngSwitchCase=\"4\">\n                        <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n                            <a\n                                *ngFor=\"let tel of item.value\"\n                                [href]=\"'tel:' + tel\"\n                                [innerText]=\"tel\"\n                                fd-link\n                                fd-quick-view-group-item-content-element\n                            ></a>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"5\">\n                        <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n                            <a\n                                *ngFor=\"let email of item.value\"\n                                style=\"direction: ltr; font-family: monospace\"\n                                [href]=\"'mailto:' + email\"\n                                [innerText]=\"email\"\n                                fd-link\n                                fd-quick-view-group-item-content-element\n                            ></a>\n                        </div>\n                    </ng-container>\n                    <a\n                        style=\"direction: ltr; font-family: monospace\"\n                        *ngSwitchCase=\"2\"\n                        [href]=\"'mailto:' + item.value\"\n                        [innerText]=\"item.value\"\n                        fd-link\n                        fd-quick-view-group-item-content-element\n                    ></a>\n                    <div\n                        *ngSwitchDefault\n                        [innerText]=\"item.value | bbbTranslate\"\n                        fd-quick-view-group-item-content-element\n                    ></div>\n                </ng-container>\n            </fd-quick-view-group-item-content>\n        </fd-quick-view-group-item>\n    </fd-quick-view-group>\n</fd-quick-view>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: 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: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { 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.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i4$5.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i4$5.QuickViewGroupTitleComponent, selector: "fd-quick-view-group-title", inputs: ["id"] }, { 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: "directive", type: i4$5.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormContentQuickViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-form-content-quick-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-quick-view>\n    <fd-quick-view-subheader>\n        <fd-avatar\n            title=\"avatar\"\n            [glyph]=\"fontIcon\"\n            [image]=\"imageUrl\"\n            [size]=\"'s'\"\n            [border]=\"settings.ShowLogoBorder\"\n            [transparent]=\"settings.TransparentLogo\"\n            [colorAccent]=\"settings.AccentColor\"\n        ></fd-avatar>\n        <fd-quick-view-subheader-title>\n            {{ title | bbbTranslate }}\n        </fd-quick-view-subheader-title>\n        <fd-quick-view-subheader-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </fd-quick-view-subheader-subtitle>\n    </fd-quick-view-subheader>\n\n    <fd-quick-view-group *ngFor=\"let group of groups | keyvalue\" [attr.aria-labelledby]=\"group.key\">\n        <fd-quick-view-group-title [id]=\"group.key\">\n            {{ group.key | bbbTranslate }}\n        </fd-quick-view-group-title>\n        <fd-quick-view-group-item *ngFor=\"let item of group.value\">\n            <fd-quick-view-group-item-label>\n                {{ item.caption | bbbTranslate }}\n            </fd-quick-view-group-item-label>\n            <fd-quick-view-group-item-content>\n                <ng-container [ngSwitch]=\"item.type\">\n                    <ng-container *ngSwitchCase=\"6\">\n                        <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n                            <a\n                                *ngFor=\"let website of item.value\"\n                                [href]=\"website\"\n                                [innerText]=\"website | bbbTranslate\"\n                                fd-link\n                                fd-quick-view-group-item-content-element\n                            ></a>\n                        </div>\n                    </ng-container>\n                    <a\n                        *ngSwitchCase=\"0\"\n                        [href]=\"item.value\"\n                        [innerText]=\"item.value | bbbTranslate\"\n                        fd-link\n                        fd-quick-view-group-item-content-element\n                    ></a>\n                    <a\n                        *ngSwitchCase=\"1\"\n                        [href]=\"'tel:' + item.value\"\n                        [innerText]=\"item.value | bbbTranslate\"\n                        fd-link\n                        fd-quick-view-group-item-content-element\n                    ></a>\n                    <ng-container *ngSwitchCase=\"4\">\n                        <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n                            <a\n                                *ngFor=\"let tel of item.value\"\n                                [href]=\"'tel:' + tel\"\n                                [innerText]=\"tel\"\n                                fd-link\n                                fd-quick-view-group-item-content-element\n                            ></a>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"5\">\n                        <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n                            <a\n                                *ngFor=\"let email of item.value\"\n                                style=\"direction: ltr; font-family: monospace\"\n                                [href]=\"'mailto:' + email\"\n                                [innerText]=\"email\"\n                                fd-link\n                                fd-quick-view-group-item-content-element\n                            ></a>\n                        </div>\n                    </ng-container>\n                    <a\n                        style=\"direction: ltr; font-family: monospace\"\n                        *ngSwitchCase=\"2\"\n                        [href]=\"'mailto:' + item.value\"\n                        [innerText]=\"item.value\"\n                        fd-link\n                        fd-quick-view-group-item-content-element\n                    ></a>\n                    <div\n                        *ngSwitchDefault\n                        [innerText]=\"item.value | bbbTranslate\"\n                        fd-quick-view-group-item-content-element\n                    ></div>\n                </ng-container>\n            </fd-quick-view-group-item-content>\n        </fd-quick-view-group-item>\n    </fd-quick-view-group>\n</fd-quick-view>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"] }]
-        }] });
-
-class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.firstArray = [];
-        this.secondArray = [];
-        this.moByCaption = {};
-        this.fieldsCaption = [];
-        this.value = '';
-        this.israhnamayTasviri = false;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const $FieldDict = this.fieldDict;
-        if (!$FieldDict) {
-            return;
-        }
-        this._prepare($FieldDict, this.mo);
-    }
-    onDownload(item) {
-        if (item.Attachment) {
-            BarsaApi.Common.File.DownloadFileId(item.Attachment.Files[0].Id);
-        }
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.alignTablesTr();
-    }
-    onKhadamatMortabet(item) {
-        BarsaApi.Bw.Form.Show({
-            MoId: item.Id,
-            TypeDefId: this.khadamatmortabetReport.TypeDefId,
-            MoContext: { ReportId: this.khadamatmortabetReport.ReportId }
-        });
-    }
-    alignTablesTr() {
-        setTimeout(() => {
-            const tablesRef = this.tablesRef.toArray();
-            const firstTableEl = tablesRef[0].nativeElement;
-            const secondTableEl = tablesRef[1].nativeElement;
-            const trFirstTable = firstTableEl.querySelectorAll('tr');
-            const trSecondTable = secondTableEl.querySelectorAll('tr');
-            trFirstTable.forEach((tr, index) => {
-                if (index < trSecondTable.length) {
-                    const trSecond = trSecondTable[index];
-                    if (tr.offsetHeight > trSecond.offsetHeight) {
-                        trSecond.style.height = `${tr.offsetHeight}px`;
-                    }
-                    else {
-                        tr.style.height = `${trSecond.offsetHeight}px`;
-                    }
-                }
-            });
-        }, 0);
-    }
-    _prepare($FieldDict, mo) {
-        var _a, _b, _c, _d, _e, _f;
-        const leftside = FindLayoutSettingFromLayout94(this.layout94, 'جدول چپ');
-        const rightside = FindLayoutSettingFromLayout94(this.layout94, 'جدول راست');
-        (_b = (_a = leftside === null || leftside === void 0 ? void 0 : leftside.items[0]) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.forEach((item2) => {
-            const key = item2.Caption;
-            const fieldName = item2.ControlId;
-            const item = { caption: key, fieldName };
-            if (key === 'آدرس سایت' ||
-                (typeof mo[fieldName] === 'string' &&
-                    (mo[fieldName].startsWith('https://') || mo[fieldName].startsWith('http://')))) {
-                item.type = 'Link';
-            }
-            if (typeof mo[fieldName] === 'object') {
-                if (mo[fieldName].$Type === 'Common.MetaObjectListWeb') {
-                    item.type = 'MoList';
-                }
-                else if (mo[fieldName].Ext) {
-                    item.type = 'Image';
-                }
-                else if (mo[fieldName].Files) {
-                    item.type = 'Files';
-                }
-                else {
-                    item.type = 'Relation';
-                }
-            }
-            this.firstArray.push(item);
-        });
-        (_d = (_c = rightside === null || rightside === void 0 ? void 0 : rightside.items[0]) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.forEach((item2) => {
-            const key = item2.Caption;
-            const fieldName = item2.ControlId;
-            const item = { caption: key, fieldName };
-            if (key === 'آدرس سایت' ||
-                (typeof mo[fieldName] === 'string' &&
-                    (mo[fieldName].startsWith('https://') || mo[fieldName].startsWith('http://')))) {
-                item.type = 'Link';
-            }
-            if (typeof mo[fieldName] === 'object') {
-                if (mo[fieldName].$Type === 'Common.MetaObjectListWeb') {
-                    item.type = 'MoList';
-                }
-                else if (mo[fieldName].Ext) {
-                    item.type = 'Image';
-                }
-                else if (mo[fieldName].Files) {
-                    item.type = 'Files';
-                }
-                else {
-                    item.type = 'Relation';
-                }
-            }
-            this.secondArray.push(item);
-        });
-        this.rahnamayTasviri = this._sanitizer.bypassSecurityTrustResourceUrl(mo[$FieldDict['راهنمای تصویری']]);
-        if (this.rahnamayTasviri) {
-            this.israhnamayTasviri = true;
-        }
-        // this.firstArray = filteredControls.slice(0, controlCountMiddle);
-        // this.secondArray = filteredControls.slice(controlCountMiddle, controlCount);
-        this.khadamatmortabet = (_f = (_e = mo[$FieldDict['خدمات مرتبط']]) === null || _e === void 0 ? void 0 : _e.MoDataList) !== null && _f !== void 0 ? _f : [];
-        this.khadamatmortabetReport = mo[$FieldDict['خدمات مرتبط']];
-        // this.isOdd = controlCount % 2 === 0;
-        this.isOdd = false;
-    }
-}
-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$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"] }]
-        }], propDecorators: { tabContainerRef: [{
-                type: ViewChild,
-                args: ['tabContainerRef']
-            }], tablesRef: [{
-                type: ViewChildren,
-                args: ['tablesRef']
-            }] } });
-
-class ServiceDeskViewOfServicesComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        var _a;
-        super.ngOnInit();
-        this.fieldIcon = this.viewSetting.FieldIcon;
-        this.fieldTitle = this.viewSetting.FieldTitle;
-        this.fieldDynamicCommand = this.viewSetting.FieldDynamicCommand;
-        (_a = this.contextMenuItems) === null || _a === void 0 ? void 0 : _a.forEach((c) => {
-            var _a;
-            const parameters = (_a = c.Command.CustomUi) === null || _a === void 0 ? void 0 : _a.Parameters;
-            if (parameters) {
-                // parameters.OnlyIcon = true;
-            }
-        });
-    }
-    onRowClick2(e, dynamicCommand) {
-        if (dynamicCommand) {
-            return;
-        }
-        super.onRowClick(e);
-    }
-}
-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 fdLayoutGridRow>\n                <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let i = index\">\n                    <div *ngIf=\"mo.$Group || mo.$Group === ''\" [fdLayoutGridCol]=\"12\">\n                        <h3\n                            fd-title\n                            style=\"\n                                padding: 0 0 0.4rem 0;\n                                border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n                            \"\n                        >\n                            {{ mo.$Group }}\n                        </h3>\n                    </div>\n                    <div *ngIf=\"!mo.$Group\" [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\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                </ng-container>\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: "directive", type: i5$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { 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.MultipleGroupByPipe, name: "multipleGroupBy" }, { 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 fdLayoutGridRow>\n                <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let i = index\">\n                    <div *ngIf=\"mo.$Group || mo.$Group === ''\" [fdLayoutGridCol]=\"12\">\n                        <h3\n                            fd-title\n                            style=\"\n                                padding: 0 0 0.4rem 0;\n                                border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n                            \"\n                        >\n                            {{ mo.$Group }}\n                        </h3>\n                    </div>\n                    <div *ngIf=\"!mo.$Group\" [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\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                </ng-container>\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"] }]
-        }] });
-
-class ServiceDeskCardContentMojavezhayAkhzShodeComponent extends BaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this.fieldTitle = this.parameters.FieldTitle;
-        this.titleOfValue = this.parameters.TitleOfValue;
-        this.fieldValue = this.parameters.FieldValue;
-    }
-}
-ServiceDeskCardContentMojavezhayAkhzShodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskCardContentMojavezhayAkhzShodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ServiceDeskCardContentMojavezhayAkhzShodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskCardContentMojavezhayAkhzShodeComponent, selector: "bdc-service-desk-card-content-mojavezhay-akhz-shode", inputs: { mo: "mo", allColumns: "allColumns", parameters: "parameters", rtl: "rtl" }, usesInheritance: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; width: 100%\">\r\n    <h2\r\n        fd-title\r\n        style=\"\r\n            width: 60%;\r\n            text-align: right;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            padding: 0px 16px 0 0;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n        \"\r\n    >\r\n        {{ fieldTitle | rval: mo:allColumns:true }}\r\n    </h2>\r\n    <h3\r\n        fd-title\r\n        style=\"\r\n            width: 40%;\r\n            text-align: left;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            padding: 0px 5px 0 10px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            display: flex;\r\n        \"\r\n    >\r\n        <div style=\"width: 100%; font-weight: 400\">{{ titleOfValue }}:</div>\r\n        <div style=\"padding-right: 5px; text-align: left\">\r\n            {{ fieldValue | rval: mo:allColumns }}\r\n        </div>\r\n    </h3>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;padding:10px}\n"], dependencies: [{ 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.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskCardContentMojavezhayAkhzShodeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-service-desk-card-content-mojavezhay-akhz-shode', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div style=\"display: flex; flex-direction: row; width: 100%\">\r\n    <h2\r\n        fd-title\r\n        style=\"\r\n            width: 60%;\r\n            text-align: right;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            padding: 0px 16px 0 0;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n        \"\r\n    >\r\n        {{ fieldTitle | rval: mo:allColumns:true }}\r\n    </h2>\r\n    <h3\r\n        fd-title\r\n        style=\"\r\n            width: 40%;\r\n            text-align: left;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            padding: 0px 5px 0 10px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            display: flex;\r\n        \"\r\n    >\r\n        <div style=\"width: 100%; font-weight: 400\">{{ titleOfValue }}:</div>\r\n        <div style=\"padding-right: 5px; text-align: left\">\r\n            {{ fieldValue | rval: mo:allColumns }}\r\n        </div>\r\n    </h3>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;padding:10px}\n"] }]
-        }], propDecorators: { mo: [{
-                type: Input
-            }], allColumns: [{
-                type: Input
-            }], parameters: [{
-                type: Input
-            }], rtl: [{
-                type: Input
-            }] } });
-
-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$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"] }]
-        }] });
-
-class ServiceDeskFormLayoutContentMojavezComponent extends FormPropsBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.fieldsCaption = [];
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        let fieldDict = [];
-        if (this.fieldDict) {
-            fieldDict = Object.keys(this.fieldDict);
-        }
-        if (fieldDict) {
-            fieldDict.forEach((key) => {
-                var _a;
-                if (this.fieldDict) {
-                    const fieldName = this.fieldDict[key];
-                    const item = { caption: key, fieldName, value: '' };
-                    const customFiledUi = this._controlUiPipe.transform(key, this.layout94);
-                    item.value = this.mo[fieldName];
-                    const originalXtype = (_a = customFiledUi === null || customFiledUi === void 0 ? void 0 : customFiledUi.FieldUi) === null || _a === void 0 ? void 0 : _a.originalXtype;
-                    if (key === 'آدرس سایت') {
-                        item.type = 'Link';
-                    }
-                    if (this.mo[fieldName + '$Caption']) {
-                        item.type = 'Caption';
-                        item.value = this.mo[fieldName + '$Caption'];
-                    }
-                    else if (typeof item.value === 'object') {
-                        if (item.value.$Type === 'Common.MetaObjectListWeb') {
-                            item.type = 'MoList';
-                        }
-                        else if (item.value.Ext) {
-                            item.type = 'Image';
-                        }
-                        else if (originalXtype === 'Ui.FileLinearListBox') {
-                            item.type = 'Files';
-                        }
-                        else {
-                            item.type = 'Relation';
-                        }
-                        if (key === 'خدمات قابل انجام') {
-                            item.type = 'MoList2';
-                        }
-                    }
-                    this.fieldsCaption.push(item);
-                }
-            });
-        }
-        this.fieldsCaption = this.fieldsCaption.filter((c) => c.caption !== 'عنوان مجوز' && c.caption !== 'نقش اشخاص در مجوز' && c.caption !== 'فرزند');
-        const controlCount = this.fieldsCaption.length;
-        const controlCountMiddle = Math.ceil(this.fieldsCaption.length / 2);
-        this.firstArray = this.fieldsCaption.slice(0, controlCountMiddle);
-        this.secondArray = this.fieldsCaption.slice(controlCountMiddle, controlCount);
-        this.isOdd = controlCount % 2 === 0;
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.alignTablesTr();
-    }
-    onLink(item) {
-        if (item.F34) {
-            window.open(item.F42);
-        }
-        else {
-            BarsaApi.Bw.Msg.Info('سامانه ای تعریف نشده است');
-        }
-    }
-    onDownload(item) {
-        BarsaApi.Common.File.DownloadFileId(item.Id);
-    }
-    alignTablesTr() {
-        setTimeout(() => {
-            const tablesRef = this.tablesRef.toArray();
-            const firstTableEl = tablesRef[0].nativeElement;
-            const secondTableEl = tablesRef[1].nativeElement;
-            const trFirstTable = firstTableEl.querySelectorAll('tr');
-            const trSecondTable = secondTableEl.querySelectorAll('tr');
-            trFirstTable.forEach((tr, index) => {
-                if (index < trSecondTable.length) {
-                    const trSecond = trSecondTable[index];
-                    if (tr.offsetHeight > trSecond.offsetHeight) {
-                        trSecond.style.height = `${tr.offsetHeight}px`;
-                    }
-                    else {
-                        tr.style.height = `${trSecond.offsetHeight}px`;
-                    }
-                }
-            });
-        }, 0);
-    }
-}
-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$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"] }]
-        }], propDecorators: { tabContainerRef: [{
-                type: ViewChild,
-                args: ['tabContainerRef']
-            }], tablesRef: [{
-                type: ViewChildren,
-                args: ['tablesRef', { read: ElementRef }]
-            }] } });
-
-class UlvContextMenuItemShowFileContentComponent extends BaseFormToolbaritemPropsComponent {
-    constructor(_reportValuePipe, _cdr, _dialogService, _sanitize) {
-        super(_reportValuePipe, _cdr);
-        this._reportValuePipe = _reportValuePipe;
-        this._cdr = _cdr;
-        this._dialogService = _dialogService;
-        this._sanitize = _sanitize;
-        this.disabled = false;
-    }
-    ngOnInit() {
-        var _a;
-        super.ngOnInit();
-        const mo = this.mo;
-        this.text = this.parameters.ButtonText;
-        this.fdType = this.parameters.FdType$Caption;
-        this.compact = this.parameters.Compact;
-        this.icon = this.parameters.Icon;
-        this.iconOnly = this.parameters.IconOnly;
-        this.fileType = this._reportValuePipe.transform(this.parameters.FieldType, mo, this.allColumns); // نوع
-        this.file = this._reportValuePipe.transform(this.parameters.FieldFile, mo, this.allColumns);
-        this.videoUrl = this._reportValuePipe.transform(this.parameters.FieldVideoUrl, mo, this.allColumns);
-        if (this.fileType === '1' && ((_a = this.file.Files) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-            this.disabled = true;
-        }
-        if (this.fileType === '2' && this.videoUrl) {
-            this.disabled = true;
-        }
-    }
-    openDialog(dialog) {
-        let finalUrl;
-        if (this.fileType === '1') {
-            finalUrl = this._sanitize.bypassSecurityTrustResourceUrl(BarsaApi.Common.File.CreateAttachmentUrl(this.file.Files[0].Id, true));
-        }
-        if (this.fileType === '2') {
-            finalUrl = this._sanitize.bypassSecurityTrustResourceUrl(this.videoUrl);
-        }
-        const isMobile = this.deviceName === 'mobile';
-        const x = {
-            data: {
-                url: finalUrl,
-                isVideo: this.fileType === '2',
-                responsivePadding: true,
-                mobile: isMobile
-            }
-        };
-        if (!isMobile) {
-            x.width = '60%';
-            x.height = '56%';
-        }
-        this._dialogService.open(dialog, x);
-    }
-}
-UlvContextMenuItemShowFileContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvContextMenuItemShowFileContentComponent, deps: [{ token: i1.MoReportValuePipe }, { token: i0.ChangeDetectorRef }, { token: i2$3.DialogService }, { token: i3$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-UlvContextMenuItemShowFileContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvContextMenuItemShowFileContentComponent, selector: "bdc-ulv-context-menu-item-show-file-content", usesInheritance: true, ngImport: i0, template: "<button\n    fd-button\n    [compact]=\"compact\"\n    [label]=\"iconOnly ? '' : (text | bbbTranslate)\"\n    [fdType]=\"fdType\"\n    [glyph]=\"icon\"\n    [compact]=\"compact\"\n    (click)=\"openDialog(pdfDialog)\"\n></button>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #pdfDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left></div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.dismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <object\n                *ngIf=\"!dialogConfig.data.isVideo\"\n                [data]=\"dialogConfig.data.url\"\n                type=\"application/pdf\"\n                width=\"100%\"\n                height=\"98%\"\n            ></object>\n            <video *ngIf=\"dialogConfig.data.isVideo\" controls style=\"width: 100%; height: 98%\">\n                <source [src]=\"dialogConfig.data.url\" type=\"video/mp4\" />\n                Your browser does not support HTML video.\n            </video>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "directive", type: i4$2.BarLeftDirective, selector: "[fd-bar-left]" }, { 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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.DeprecatedButtonContentDensityDirective, selector: "[fd-button][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.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i12.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvContextMenuItemShowFileContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-ulv-context-menu-item-show-file-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    fd-button\n    [compact]=\"compact\"\n    [label]=\"iconOnly ? '' : (text | bbbTranslate)\"\n    [fdType]=\"fdType\"\n    [glyph]=\"icon\"\n    [compact]=\"compact\"\n    (click)=\"openDialog(pdfDialog)\"\n></button>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #pdfDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left></div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.dismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <object\n                *ngIf=\"!dialogConfig.data.isVideo\"\n                [data]=\"dialogConfig.data.url\"\n                type=\"application/pdf\"\n                width=\"100%\"\n                height=\"98%\"\n            ></object>\n            <video *ngIf=\"dialogConfig.data.isVideo\" controls style=\"width: 100%; height: 98%\">\n                <source [src]=\"dialogConfig.data.url\" type=\"video/mp4\" />\n                Your browser does not support HTML video.\n            </video>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MoReportValuePipe }, { type: i0.ChangeDetectorRef }, { type: i2$3.DialogService }, { type: i3$4.DomSanitizer }]; } });
-
-class ResendVerificationCodeComponent extends FieldBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.caption = '00:00';
-        this.timer = 1;
-        this.minutes = '0';
-        this.seconds = '0';
-        this.timeLeft = 120;
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.caption = `(${this.caption})`;
-        this._startTimer();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this.interval$) {
-            clearInterval(this.interval$);
-        }
-    }
-    onClick() {
-        this.context.fireEvent('click', this.context);
-    }
-    onStartTimer() {
-        this._startTimer();
-    }
-    _startTimer() {
-        this.interval$ = setInterval(() => {
-            if (this.timeLeft > 0) {
-                this.timeLeft--;
-                this.minutes = Math.floor(this.timeLeft / 60).toString();
-                this.seconds = Math.round(this.timeLeft % 60).toString();
-                this.minutes = Number(this.minutes) < 10 ? '0' + this.minutes : this.minutes;
-                this.seconds = Number(this.seconds) < 10 ? '0' + this.seconds : this.seconds;
-                this.caption = `(${this.minutes}:${this.seconds})`;
-            }
-            else {
-                this.timeLeft = 120;
-                this.caption = `${this.caption}`;
-                if (this.interval$ != null) {
-                    clearInterval(this.interval$);
-                    this.interval$ = null;
-                }
-            }
-            this._cdr.detectChanges();
-        }, 1000);
-    }
-}
-ResendVerificationCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ResendVerificationCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ResendVerificationCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ResendVerificationCodeComponent, selector: "bdc-resend-verification-code", usesInheritance: true, ngImport: i0, template: "<button\r\n    (click)=\"onClick()\"\r\n    fd-button\r\n    [attr.disabled]=\"interval$ === null ? null : true\"\r\n    (click)=\"onStartTimer()\"\r\n    [label]=\"'\u0627\u0631\u0633\u0627\u0644 \u0645\u062C\u062F\u062F' + caption\"\r\n></button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ResendVerificationCodeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-resend-verification-code', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n    (click)=\"onClick()\"\r\n    fd-button\r\n    [attr.disabled]=\"interval$ === null ? null : true\"\r\n    (click)=\"onStartTimer()\"\r\n    [label]=\"'\u0627\u0631\u0633\u0627\u0644 \u0645\u062C\u062F\u062F' + caption\"\r\n></button>\r\n" }]
-        }] });
-
-class CheckboxButtonComponent extends UiCheckBoxComponent {
-    ngOnInit() {
-        var _a, _b, _c;
-        super.ngOnInit();
-        this.trueIcon = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.TrueIcon;
-        this.fdType = (_b = this.parameters) === null || _b === void 0 ? void 0 : _b.FdType$Caption;
-        this.falseIcon = (_c = this.parameters) === null || _c === void 0 ? void 0 : _c.FalseIcon;
-    }
-    onClick() {
-        this._valueChanged(!this.value);
-    }
-}
-CheckboxButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CheckboxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CheckboxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CheckboxButtonComponent, selector: "bdc-checkbox-button", usesInheritance: true, ngImport: i0, template: "<button\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    fd-button\r\n    [glyph]=\"value ? trueIcon : falseIcon\"\r\n    [fdType]=\"fdType\"\r\n    (click)=\"onClick()\"\r\n></button>\r\n", styles: [":host{display:flex;height:100%;align-items:center}button{margin-top:.25rem;margin-bottom:.25rem}\n"], dependencies: [{ kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: CheckboxButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-checkbox-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    fd-button\r\n    [glyph]=\"value ? trueIcon : falseIcon\"\r\n    [fdType]=\"fdType\"\r\n    (click)=\"onClick()\"\r\n></button>\r\n", styles: [":host{display:flex;height:100%;align-items:center}button{margin-top:.25rem;margin-bottom:.25rem}\n"] }]
-        }] });
-
-class BarcodeFormatPipe {
-    transform(value) {
-        let format = '';
-        for (const enumMember of Object.keys(BarcodeFormat)) {
-            const isValueProperty = parseInt(enumMember, 10) >= 0;
-            if (isValueProperty && Number(enumMember) === value) {
-                format = BarcodeFormat[enumMember];
-            }
-        }
-        return format;
-    }
-}
-BarcodeFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-BarcodeFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarcodeFormatPipe, name: "barcodeFormat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarcodeFormatPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'barcodeFormat'
-                }]
-        }] });
-
-class ReportTabViewComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this.arrowRight = this.rtl ? 'navigation-left-arrow' : 'navigation-right-arrow';
-        this.fieldTitle = this.viewSetting.FieldTitle;
-        this.fieldIcon = this.viewSetting.FieldIcon;
-        this.fieldState = this.viewSetting.FieldState;
-        this.mode = this.viewSetting.Mode$Caption;
-    }
-    onSelectedTabChange(e) {
-        const index = this.moDataList.findIndex((c) => c.Id === e.id);
-        const mo = this.moDataList[index];
-        super.onRowCheck({ mo, index });
-    }
-}
-ReportTabViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportTabViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ReportTabViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportTabViewComponent, selector: "bdc-report-tab-view", usesInheritance: true, ngImport: i0, template: "<fd-tab-list [expandOverflowText]=\"'More' | bbbTranslate\" (selectedTabChange)=\"onSelectedTabChange($event)\">\n    <fd-tab *ngFor=\"let mo of moDataList\" [title]=\"mo.$Caption\" [id]=\"mo.Id\"> </fd-tab>\n</fd-tab-list>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportTabViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-report-tab-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-tab-list [expandOverflowText]=\"'More' | bbbTranslate\" (selectedTabChange)=\"onSelectedTabChange($event)\">\n    <fd-tab *ngFor=\"let mo of moDataList\" [title]=\"mo.$Caption\" [id]=\"mo.Id\"> </fd-tab>\n</fd-tab-list>\n" }]
-        }] });
-
-class ReportLineChartViewComponent extends ReportViewBaseComponent {
-}
-ReportLineChartViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportLineChartViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ReportLineChartViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportLineChartViewComponent, selector: "bdc-report-line-chart-view", usesInheritance: true, ngImport: i0, template: "<div\r\n    beChartLineTime\r\n    [moDataList]=\"moDataList\"\r\n    [groupByField]=\"'SlaveAddress'\"\r\n    [dateTimeField]=\"'DateTime'\"\r\n    [valueField]=\"'Value'\"\r\n></div>\r\n", styles: [":host{height:100vh;display:block}\n"], dependencies: [{ kind: "directive", type: i2$5.ChartLineTimeBaseDirective, selector: "[beChartLineTime]", inputs: ["chartOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportLineChartViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-report-line-chart-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n    beChartLineTime\r\n    [moDataList]=\"moDataList\"\r\n    [groupByField]=\"'SlaveAddress'\"\r\n    [dateTimeField]=\"'DateTime'\"\r\n    [valueField]=\"'Value'\"\r\n></div>\r\n", styles: [":host{height:100vh;display:block}\n"] }]
-        }] });
-
-class CardHeaderKpiComponent extends CardHeaderLogoTitleSubtitleComponent {
-    ngOnInit() {
-        var _a;
-        const parentField = (_a = this.parameters.InheritanceInfo) === null || _a === void 0 ? void 0 : _a.ParentFieldName;
-        if (parentField) {
-            const val = this.parameters[parentField];
-            if (val) {
-                Object.keys(val).forEach((c) => {
-                    if (!c.startsWith('$') && c !== 'Id') {
-                        this.parameters[c] = val[c];
-                    }
-                });
-            }
-        }
-        super.ngOnInit();
-        const parameters = this.parameters;
-        if (parameters != null) {
-            this.kpiValue = this._rval.transform(parameters.KpiValue, this.mo, this.allColumns, true);
-            this.kpiStatus = this._rval.transform(parameters.KpiStatus, this.mo, this.allColumns, true);
-            this.kpiAnalyticalLabel = parameters.KpiAnalyticalLabel;
-            this.kpiAnalayticalSymbol = this._rval.transform(parameters.KpiAnalayticalSymbol, this.mo, this.allColumns);
-            this.kpiAnalyticalContent = this._rval.transform(parameters.KpiAnalyticalContent, this.mo, this.allColumns);
-        }
-    }
-}
-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$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"] }]
-        }] });
-
-class CardContentLineChartComponent extends BaseItemContentPropsComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        const parameters = this.parameters;
-        const { MethodParametersFieldName, RunBlMethodName } = parameters;
-        const methodParameters = [];
-        MethodParametersFieldName.split(',').forEach((c) => {
-            const value = this.mo[c];
-            if (typeof value === 'object' && value.Id) {
-                methodParameters.push(value.Id);
-            }
-            else {
-                methodParameters.push(value);
-            }
-        });
-        BarsaApi.Bw.RunBlMethodAsync({
-            Parameters: methodParameters,
-            Method: RunBlMethodName,
-            SuccessFn: (chartOption) => {
-                this.chartOption = JSON.parse(chartOption);
-                this._cdr.detectChanges();
-            },
-            FailFn: () => { }
-        });
-    }
-}
-CardContentLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentLineChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardContentLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentLineChartComponent, selector: "bdc-card-content-line-chart", usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" *ngIf=\"chartOption\" #elemRef>\r\n    <div beChartLineTime [chartOption]=\"chartOption\"></div>\r\n</div>\r\n", styles: [":host{display:block;padding:15px}.card-content{height:300px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.ChartLineTimeBaseDirective, selector: "[beChartLineTime]", inputs: ["chartOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentLineChartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-card-content-line-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" *ngIf=\"chartOption\" #elemRef>\r\n    <div beChartLineTime [chartOption]=\"chartOption\"></div>\r\n</div>\r\n", styles: [":host{display:block;padding:15px}.card-content{height:300px}\n"] }]
-        }] });
-
-class FormChartContentComponent extends FormPropsBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        const settings = this.settings;
-        const { MethodParametersFieldName, RunBlMethodName } = settings;
-        const methodParameters = [];
-        MethodParametersFieldName.split(',').forEach((c) => {
-            const value = this.mo[c];
-            if (typeof value === 'object' && value.Id) {
-                methodParameters.push(value.Id);
-            }
-            else {
-                methodParameters.push(value);
-            }
-        });
-        BarsaApi.Bw.RunBlMethodAsync({
-            Parameters: methodParameters,
-            Method: RunBlMethodName,
-            SuccessFn: (chartOption) => {
-                this.chartOption = JSON.parse(chartOption);
-                this._cdr.detectChanges();
-            },
-            FailFn: () => { }
-        });
-    }
-}
-FormChartContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormChartContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormChartContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormChartContentComponent, selector: "bdc-form-chart-content", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"chartOption\" beChartLineTime [chartOption]=\"chartOption\"></div>\r\n", styles: [":host{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.ChartLineTimeBaseDirective, selector: "[beChartLineTime]", inputs: ["chartOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormChartContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-form-chart-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"chartOption\" beChartLineTime [chartOption]=\"chartOption\"></div>\r\n", styles: [":host{display:block;height:100%}\n"] }]
-        }] });
-
-class TableViewVerticalColumnsComponent extends ReportViewBaseComponent {
-}
-TableViewVerticalColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableViewVerticalColumnsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TableViewVerticalColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TableViewVerticalColumnsComponent, selector: "bdc-table-view-vertical-columns", usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n    <ng-container *ngIf=\"mo.$Group\">\n        <h3>{{ mo.$Group }}</h3>\n        <ng-container\n            *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"\n        ></ng-container>\n    </ng-container>\n</ng-container>\n<ng-template #tplTable let-children let-index=\"index\">\n    <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n        <tbody fd-table-body>\n            <tr fd-table-row *ngFor=\"let column of columns\">\n                <th fd-table-cell>\n                    <strong>{{ column.Alias }}:</strong>\n                </th>\n                <ng-container *ngFor=\"let mo of children; let index = index\">\n                    <td\n                        fd-table-cell\n                        #tdEl\n                        [applyConditionalFormats]=\"conditionalFormats\"\n                        [hostEl]=\"tdEl\"\n                        [styleIndex]=\"mo.$StyleIndex\"\n                        [dbName]=\"column.Name\"\n                    >\n                        <bsu-column-renderer\n                            [mo]=\"mo\"\n                            [column]=\"column\"\n                            [value]=\"column | columnValue: mo | bbbTranslate\"\n                            [icon]=\"column | columnIcon: mo\"\n                            [editMode]=\"false\"\n                            [isChecked]=\"false\"\n                            [isNewInlineMo]=\"false\"\n                            [index]=\"index\"\n                            [rtl]=\"rtl\"\n                            [deviceName]=\"deviceName\"\n                            [formLayoutShowLabel]=\"false\"\n                            [deviceSize]=\"deviceSize\"\n                        ></bsu-column-renderer>\n                    </td>\n                </ng-container>\n            </tr>\n        </tbody>\n    </table>\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: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { 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.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: "pipe", type: i1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableViewVerticalColumnsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-table-view-vertical-columns', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n    <ng-container *ngIf=\"mo.$Group\">\n        <h3>{{ mo.$Group }}</h3>\n        <ng-container\n            *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"\n        ></ng-container>\n    </ng-container>\n</ng-container>\n<ng-template #tplTable let-children let-index=\"index\">\n    <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n        <tbody fd-table-body>\n            <tr fd-table-row *ngFor=\"let column of columns\">\n                <th fd-table-cell>\n                    <strong>{{ column.Alias }}:</strong>\n                </th>\n                <ng-container *ngFor=\"let mo of children; let index = index\">\n                    <td\n                        fd-table-cell\n                        #tdEl\n                        [applyConditionalFormats]=\"conditionalFormats\"\n                        [hostEl]=\"tdEl\"\n                        [styleIndex]=\"mo.$StyleIndex\"\n                        [dbName]=\"column.Name\"\n                    >\n                        <bsu-column-renderer\n                            [mo]=\"mo\"\n                            [column]=\"column\"\n                            [value]=\"column | columnValue: mo | bbbTranslate\"\n                            [icon]=\"column | columnIcon: mo\"\n                            [editMode]=\"false\"\n                            [isChecked]=\"false\"\n                            [isNewInlineMo]=\"false\"\n                            [index]=\"index\"\n                            [rtl]=\"rtl\"\n                            [deviceName]=\"deviceName\"\n                            [formLayoutShowLabel]=\"false\"\n                            [deviceSize]=\"deviceSize\"\n                        ></bsu-column-renderer>\n                    </td>\n                </ng-container>\n            </tr>\n        </tbody>\n    </table>\n</ng-template>\n" }]
-        }] });
-
-class QueryStringObservableComponent extends FieldBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this._activatedRoute.queryParams.subscribe((queryParams) => {
-            const value = queryParams[this.Setting.ControlName];
-            if (value) {
-                this.value = value;
-                this.valueChange.emit(this.value);
-            }
-        });
-    }
-}
-QueryStringObservableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: QueryStringObservableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-QueryStringObservableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: QueryStringObservableComponent, selector: "bdc-query-string-observable", usesInheritance: true, ngImport: i0, template: "", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: QueryStringObservableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-query-string-observable', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
-        }] });
-
-class QueryStringFormObservableComponent extends BaseComponent {
-    constructor(_activatedRoute, _router, _portalService) {
-        super();
-        this._activatedRoute = _activatedRoute;
-        this._router = _router;
-        this._portalService = _portalService;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._portalService.navigationEnd$.pipe(takeUntil$1(this._onDestroy$)).subscribe((event) => {
-            if (event === null || event === void 0 ? void 0 : event.url.endsWith('/query')) {
-                this._router.navigate(['../']);
-            }
-        });
-        const params = this._activatedRoute.snapshot.queryParams;
-        const strActionList = params['actionList'];
-        if (strActionList) {
-            const actionList = JSON.parse(strActionList.replaceAll("'", '"'));
-            if (actionList) {
-                BarsaApi.Ul.WorkflowPanelCtrlr.RunWorkflowActionList(actionList, null);
-            }
-        }
-    }
-}
-QueryStringFormObservableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: QueryStringFormObservableComponent, deps: [{ token: i4$7.ActivatedRoute }, { token: i4$7.Router }, { token: i1.PortalService }], target: i0.ɵɵFactoryTarget.Component });
-QueryStringFormObservableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: QueryStringFormObservableComponent, selector: "bdc-query-string-form-observable", usesInheritance: true, ngImport: i0, template: "", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: QueryStringFormObservableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-query-string-form-observable', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
-        }], ctorParameters: function () { return [{ type: i4$7.ActivatedRoute }, { type: i4$7.Router }, { type: i1.PortalService }]; } });
-
-class G4bDetailsComponent extends BaseItemContentPropsComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this._containerRef.createEmbeddedView(this.setting.$detailsFormItems, {
-            $implicit: this.setting.$detailsColumns,
-            mo: this.mo,
-            inlineEditMode: this.inlineEditMode,
-            isNewInlineMo: this.isNewInlineMo,
-            layout94: this.layout94$
-        });
-    }
-}
-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: 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"] }]
-        }], propDecorators: { _containerRef: [{
-                type: ViewChild,
-                args: ['container', { static: true, read: ViewContainerRef }]
-            }] } });
-
-class AvatarComponent extends BaseItemContentPropsComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this._setProps(this.mo);
-    }
-    ngOnChanges(changes) {
-        const { mo } = changes;
-        if (mo && !mo.firstChange) {
-            this._setProps(mo.currentValue);
-            this._cdr.detectChanges();
-        }
-    }
-    _setProps(mo) {
-        var _a;
-        this.pictureId = (_a = this.mo[this.parameters.FieldName]) === null || _a === void 0 ? void 0 : _a.FileId;
-    }
-}
-AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\n    <fd-card-header>\n        <fd-avatar\n            [placeholder]=\"!mo[parameters.FieldName]\"\n            [size]=\"'xs'\"\n            [glyph]=\"parameters.DefaultIcon || null\"\n            [circle]=\"parameters.Circle\"\n            [placeHolder]=\"parameters.DefaultIcon!!\"\n            [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n            alterIcon=\"alt|content|backup|default-icon\"\n        ></fd-avatar>\n        <h2 fd-card-title>\n            {{ column.Name | val: mo:true | bbbTranslate }}\n        </h2>\n        <h3 fd-card-subtitle>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n    </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{padding:.2rem 0!important;border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { 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$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: "directive", type: i5$2.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { 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: AvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\n    <fd-card-header>\n        <fd-avatar\n            [placeholder]=\"!mo[parameters.FieldName]\"\n            [size]=\"'xs'\"\n            [glyph]=\"parameters.DefaultIcon || null\"\n            [circle]=\"parameters.Circle\"\n            [placeHolder]=\"parameters.DefaultIcon!!\"\n            [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n            alterIcon=\"alt|content|backup|default-icon\"\n        ></fd-avatar>\n        <h2 fd-card-title>\n            {{ column.Name | val: mo:true | bbbTranslate }}\n        </h2>\n        <h3 fd-card-subtitle>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n    </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{padding:.2rem 0!important;border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
-        }] });
-
-class G4bEstelamComponent extends BaseItemContentPropsComponent {
-    constructor() {
-        super(...arguments);
-        this.natijeh = 1;
-        this.options = ['رد استعلام', 'تایید استعلام', 'در انتظار پاسخ'];
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onClick(e) {
-        if (this.isChecked) {
-            e.stopPropagation();
-            e.preventDefault();
-        }
-    }
-}
-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: 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"] }]
-        }] });
-
-class TimerCountDownComponent extends FieldBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this._setCountDown(this.value);
-    }
-    _setValue(value) {
-        super._setValue(value);
-        this._setCountDown(value);
-    }
-    _setCountDown(value) {
-        const keysInValue = Object.keys(value);
-        let _tempValue = value;
-        if (keysInValue.length) {
-            const findKeyDate = keysInValue.find((c) => !isNaN(Date.parse(value[c])));
-            if (findKeyDate) {
-                _tempValue = new Date(value[findKeyDate]);
-            }
-        }
-        const exp = this._dateService.getMoment(_tempValue);
-        if (this._interval) {
-            clearInterval(this._interval);
-            this._interval = null;
-        }
-        this._interval = setInterval(() => {
-            const now = this._dateService.getMoment(new Date());
-            const diffDuration = this._dateService.duration(exp.diff(now));
-            const month = diffDuration.months();
-            const days = diffDuration.days();
-            const hours = diffDuration.hours().toLocaleString('en-US', {
-                minimumIntegerDigits: 2,
-                useGrouping: false
-            });
-            const minutes = diffDuration.minutes().toLocaleString('en-US', {
-                minimumIntegerDigits: 2,
-                useGrouping: false
-            });
-            const seconds = diffDuration.seconds().toLocaleString('en-US', {
-                minimumIntegerDigits: 2,
-                useGrouping: false
-            });
-            this.countDownText = `
-            ${this._getMonthText(month)} 
-            ${this._daysText(days)} 
-            ${this._getTimeText(hours, minutes, seconds)}`;
-            this._cdr.detectChanges();
-        }, 1000);
-    }
-    _getMonthText(month) {
-        return month > 0 ? `${month} ماه` : '';
-    }
-    _daysText(days) {
-        return days > 0 ? `${days} روز` : '';
-    }
-    _getTimeText(hours, minutes, seconds) {
-        var _a;
-        if (hours < 0 || minutes < 0 || seconds < 0) {
-            if ((_a = this.parameters) === null || _a === void 0 ? void 0 : _a.ExpireViewMode) {
-                switch (this.parameters.ExpireViewMode) {
-                    case 1:
-                        return `00:00:00`;
-                        break;
-                    case 2:
-                        return `پایان یافته`;
-                        break;
-                    case 3:
-                        return '';
-                        break;
-                    case 4: // نمایش زمان گذشته
-                        return `${hours}:${minutes}:${seconds}`;
-                        break;
-                }
-            }
-            return `00:00:00`;
-        }
-        return `${hours}:${minutes}:${seconds}`;
-    }
-}
-TimerCountDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TimerCountDownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TimerCountDownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TimerCountDownComponent, selector: "bdc-timer-count-down", providers: [
-        {
-            provide: DateService,
-            useFactory: getDateService,
-            deps: [LogService]
-        }
-    ], usesInheritance: true, ngImport: i0, template: "<span>{{ countDownText }}</span>\r\n", styles: [":host{display:block;width:110px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TimerCountDownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-timer-count-down', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: DateService,
-                            useFactory: getDateService,
-                            deps: [LogService]
-                        }
-                    ], template: "<span>{{ countDownText }}</span>\r\n", styles: [":host{display:block;width:110px}\n"] }]
-        }] });
-
-class MicroProccessFlowComponent extends BaseComponent {
-    /**
-     *
-     */
-    constructor(_el) {
-        super();
-        this._el = _el;
-        this.selectedChange = new EventEmitter();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._setIndex(this.selected, this.items);
-        this.maxWidth = this._el.nativeElement.offsetWidth;
-    }
-    onItemClick(item) {
-        this.selectedChange.emit(item);
-    }
-    ngOnChanges(changes) {
-        const { selected, items } = changes;
-        if (selected && !selected.firstChange) {
-            this._setIndex(selected.currentValue, this.items);
-        }
-        else if (items && !items.firstChange) {
-            this._setIndex(this.selected, items.currentValue);
-        }
-    }
-    _setIndex(val, items) {
-        this.selectedIndex = items.findIndex((c) => (this.idIskey ? c.id === val : c.label === val));
-    }
-}
-MicroProccessFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroProccessFlowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MicroProccessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroProccessFlowComponent, selector: "bdc-micro-proccess-flow", inputs: { items: "items", selected: "selected", readonly: "readonly", idIskey: "idIskey" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-micro-process-flow class=\"flow\" [style.max-width.px]=\"maxWidth\">\n    <fd-micro-process-flow-item\n        *ngFor=\"let item of items; let i = index\"\n        [state]=\"i <= selectedIndex ? 'positive' : 'none'\"\n    >\n        <div class=\"flow-item\">\n            <button\n                *ngIf=\"selectedIndex > -1\"\n                [class.reached]=\"i <= selectedIndex\"\n                fd-button\n                [fdType]=\"i <= selectedIndex ? 'positive' : i === selectedIndex + 1 ? 'standard' : 'transparent'\"\n                [label]=\"item.label\"\n                [glyph]=\"i <= selectedIndex ? 'accept' : null\"\n                [disabled]=\"readonly || (i > selectedIndex + 1 && selectedIndex > -1)\"\n                (click)=\"onItemClick(item)\"\n            ></button>\n            <button\n                *ngIf=\"selectedIndex === -1\"\n                [class.reached]=\"false\"\n                fd-button\n                [fdType]=\"'transparent'\"\n                [label]=\"item.label\"\n                [glyph]=\"null\"\n                [disabled]=\"readonly\"\n                (click)=\"onItemClick(item)\"\n            ></button>\n        </div>\n    </fd-micro-process-flow-item>\n</fd-micro-process-flow>\n", styles: [":host{display:block}.reached{pointer-events:none;border:none}\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: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: MicroProccessFlowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-micro-proccess-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-micro-process-flow class=\"flow\" [style.max-width.px]=\"maxWidth\">\n    <fd-micro-process-flow-item\n        *ngFor=\"let item of items; let i = index\"\n        [state]=\"i <= selectedIndex ? 'positive' : 'none'\"\n    >\n        <div class=\"flow-item\">\n            <button\n                *ngIf=\"selectedIndex > -1\"\n                [class.reached]=\"i <= selectedIndex\"\n                fd-button\n                [fdType]=\"i <= selectedIndex ? 'positive' : i === selectedIndex + 1 ? 'standard' : 'transparent'\"\n                [label]=\"item.label\"\n                [glyph]=\"i <= selectedIndex ? 'accept' : null\"\n                [disabled]=\"readonly || (i > selectedIndex + 1 && selectedIndex > -1)\"\n                (click)=\"onItemClick(item)\"\n            ></button>\n            <button\n                *ngIf=\"selectedIndex === -1\"\n                [class.reached]=\"false\"\n                fd-button\n                [fdType]=\"'transparent'\"\n                [label]=\"item.label\"\n                [glyph]=\"null\"\n                [disabled]=\"readonly\"\n                (click)=\"onItemClick(item)\"\n            ></button>\n        </div>\n    </fd-micro-process-flow-item>\n</fd-micro-process-flow>\n", styles: [":host{display:block}.reached{pointer-events:none;border:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { items: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], idIskey: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }] } });
-
-class MoListToFlowItemPipe {
-    constructor() { }
-    transform(moList) {
-        const flowItems = moList.map((item) => ({
-            icon: '',
-            id: item.Id,
-            label: item.$Caption
-        }));
-        return flowItems;
-    }
-}
-MoListToFlowItemPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MoListToFlowItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MoListToFlowItemPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: MoListToFlowItemPipe, name: "moListToFlowItem" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MoListToFlowItemPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'moListToFlowItem'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class MoInfoMicroProccessFlowComponent extends UiMoInfoUlvComboComponent {
-    ngOnInit() {
-        super.ngOnInit();
-        this._triggerClick('Normal');
-    }
-    onSelectedChange(item) {
-        this._raiseValueChanged(item.label);
-    }
-}
-MoInfoMicroProccessFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MoInfoMicroProccessFlowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MoInfoMicroProccessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MoInfoMicroProccessFlowComponent, selector: "bdc-mo-info-micro-proccess-flow", usesInheritance: true, ngImport: i0, template: "<bdc-micro-proccess-flow\n    [items]=\"\n        (loading$ | async) === true\n            | moInfoUlvMoList\n                : isDataLoadedFirstTime\n                : ulvAdapter?.Setting?.Data?.MoDataList\n                : UlvUi?.Setting?.Data?.MoDataList\n                : ulvAdapter?.Setting?.Data?.Paging\n                : UlvUi?.Setting?.Data?.Paging\n            | moListToFlowItem\n    \"\n    [selected]=\"value\"\n    (selectedChange)=\"onSelectedChange($event)\"\n></bdc-micro-proccess-flow>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: MicroProccessFlowComponent, selector: "bdc-micro-proccess-flow", inputs: ["items", "selected", "readonly", "idIskey"], outputs: ["selectedChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }, { kind: "pipe", type: MoListToFlowItemPipe, name: "moListToFlowItem" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MoInfoMicroProccessFlowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-mo-info-micro-proccess-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bdc-micro-proccess-flow\n    [items]=\"\n        (loading$ | async) === true\n            | moInfoUlvMoList\n                : isDataLoadedFirstTime\n                : ulvAdapter?.Setting?.Data?.MoDataList\n                : UlvUi?.Setting?.Data?.MoDataList\n                : ulvAdapter?.Setting?.Data?.Paging\n                : UlvUi?.Setting?.Data?.Paging\n            | moListToFlowItem\n    \"\n    [selected]=\"value\"\n    (selectedChange)=\"onSelectedChange($event)\"\n></bdc-micro-proccess-flow>\n", styles: [":host{display:block}\n"] }]
-        }] });
-
-class DataSourceToFlowItemPipe {
-    constructor() { }
-    transform(datasource) {
-        const flowItems = datasource.map((item) => ({
-            icon: '',
-            id: item.id,
-            label: item.txt
-        }));
-        return flowItems;
-    }
-}
-DataSourceToFlowItemPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataSourceToFlowItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DataSourceToFlowItemPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: DataSourceToFlowItemPipe, name: "datasourceToFlowItem" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataSourceToFlowItemPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'datasourceToFlowItem'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class EnumInfoMicroProccessFlowComponent extends UiSimpleComboComponent {
-    onSelectedChange(item) {
-        this._handleValueChange(item.id);
-    }
-}
-EnumInfoMicroProccessFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: EnumInfoMicroProccessFlowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-EnumInfoMicroProccessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: EnumInfoMicroProccessFlowComponent, selector: "bdc-enum-info-micro-proccess-flow", usesInheritance: true, ngImport: i0, template: "<bdc-micro-proccess-flow\n    [items]=\"context.store.data[context.store.root] | datasourceToFlowItem\"\n    [selected]=\"value\"\n    [idIskey]=\"true\"\n    [readonly]=\"(disableOrReadonly$ | async) === true\"\n    (selectedChange)=\"onSelectedChange($event)\"\n></bdc-micro-proccess-flow>\n", styles: [""], dependencies: [{ kind: "component", type: MicroProccessFlowComponent, selector: "bdc-micro-proccess-flow", inputs: ["items", "selected", "readonly", "idIskey"], outputs: ["selectedChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: DataSourceToFlowItemPipe, name: "datasourceToFlowItem" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: EnumInfoMicroProccessFlowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-enum-info-micro-proccess-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bdc-micro-proccess-flow\n    [items]=\"context.store.data[context.store.root] | datasourceToFlowItem\"\n    [selected]=\"value\"\n    [idIskey]=\"true\"\n    [readonly]=\"(disableOrReadonly$ | async) === true\"\n    (selectedChange)=\"onSelectedChange($event)\"\n></bdc-micro-proccess-flow>\n" }]
-        }] });
-
-class UiPicturesCarouselComponent extends UiPicturesInfoComponent {
-}
-UiPicturesCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPicturesCarouselComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiPicturesCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPicturesCarouselComponent, selector: "bdc-ui-pictures-carousel", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mediaData$ | async as mediaData; else loadingTpl\">\r\n    <fd-carousel carouselIndicatorsOrientation=\"top\" width=\"100%\">\r\n        <fd-carousel-item *ngFor=\"let media of mediaData; let i = index\">\r\n            <img [imgLazy]=\"media.mediaUrl\" [src]=\"media.mediaUrl\" />\r\n        </fd-carousel-item>\r\n    </fd-carousel>\r\n</ng-container>\r\n<ng-template #loadingTpl>\r\n    <div style=\"width: 100%; position: relative\">\r\n        <bsu-mask></bsu-mask>\r\n    </div>\r\n</ng-template>\r\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: "directive", type: i1.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i4$9.CarouselComponent, selector: "fd-carousel", inputs: ["id", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "pageIndicatorsOrientation", "height", "width", "loop", "leftNavigationBtnLabel", "rightNavigationBtnLabel", "navigation", "navigatorInPageIndicator", "numericIndicator", "pageIndicatorContainer", "pageIndicator", "resourceStrings", "slideTransitionDuration", "swipeEnabled", "vertical", "visibleSlidesCount"], outputs: ["slideChange"] }, { kind: "component", type: i4$9.CarouselItemComponent, selector: "fd-carousel-item", inputs: ["id", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "loading", "title", "initialHeight", "initialWidth", "value"] }, { 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: UiPicturesCarouselComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-ui-pictures-carousel', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"mediaData$ | async as mediaData; else loadingTpl\">\r\n    <fd-carousel carouselIndicatorsOrientation=\"top\" width=\"100%\">\r\n        <fd-carousel-item *ngFor=\"let media of mediaData; let i = index\">\r\n            <img [imgLazy]=\"media.mediaUrl\" [src]=\"media.mediaUrl\" />\r\n        </fd-carousel-item>\r\n    </fd-carousel>\r\n</ng-container>\r\n<ng-template #loadingTpl>\r\n    <div style=\"width: 100%; position: relative\">\r\n        <bsu-mask></bsu-mask>\r\n    </div>\r\n</ng-template>\r\n" }]
-        }] });
-
-class UiNumRateComponent extends FieldBaseComponent {
-    onRatingChanged(val) {
-        this.value = val;
-        this.valueChange.emit(this.value);
-    }
-    _setValue(val) {
-        if (typeof val === 'string') {
-            if (isNaN(+val[0])) {
-                val = val.substring(1, val.length);
-            }
-            if (isNaN(+val)) {
-                return;
-            }
-        }
-        super._setValue(val);
-    }
-}
-UiNumRateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiNumRateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiNumRateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiNumRateComponent, selector: "bdc-ui-num-rate", usesInheritance: true, ngImport: i0, template: "<fd-rating-indicator\n    [ariaLabel]=\"Setting.NullText || ''\"\n    [size]=\"parameters?.SizeValue$Caption\"\n    [value]=\"value\"\n    [disabled]=\"(disableOrReadonly$ | async) === true\"\n    [displayMode]=\"parameters?.DisplayMode\"\n    [dynamicTextIndicator]=\"parameters?.TextIndicator\"\n    (ratingChanged)=\"onRatingChanged($event)\"\n></fd-rating-indicator>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: i1$3.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { 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: UiNumRateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-ui-num-rate', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-rating-indicator\n    [ariaLabel]=\"Setting.NullText || ''\"\n    [size]=\"parameters?.SizeValue$Caption\"\n    [value]=\"value\"\n    [disabled]=\"(disableOrReadonly$ | async) === true\"\n    [displayMode]=\"parameters?.DisplayMode\"\n    [dynamicTextIndicator]=\"parameters?.TextIndicator\"\n    (ratingChanged)=\"onRatingChanged($event)\"\n></fd-rating-indicator>\n", styles: [":host{display:flex}\n"] }]
-        }] });
-
-class MediaFileUploaderComponent extends UiPdfViewerComponent {
-    constructor() {
-        super(...arguments);
-        this.isPlaying = false;
-        this.displayControls = true;
-        this.isRecording = false;
-        this.audioConf = { audio: true };
-        this.videoConf = { video: { facingMode: 'user', width: 320 }, audio: true };
-        this.recordType = 'audio';
-    }
-    get video() {
-        var _a;
-        return (_a = this.videoElement) === null || _a === void 0 ? void 0 : _a.nativeElement;
-    }
-    get fileInput() {
-        var _a;
-        return (_a = this.photoElement) === null || _a === void 0 ? void 0 : _a.nativeElement;
-    }
-    ngOnInit() {
-        var _a, _b;
-        super.ngOnInit();
-        this._videoRecoder.recordingFailed().subscribe(() => {
-            this.isRecording = false;
-            this._cdr.detectChanges();
-        });
-        this._videoRecoder.getRecordedTime().subscribe((time) => {
-            this.recordedTime = time;
-            this._cdr.detectChanges();
-        });
-        this._videoRecoder.getStream().subscribe((stream) => {
-            this.videoStream = stream;
-            this._cdr.detectChanges();
-        });
-        this._videoRecoder.getRecordedBlob().subscribe((data) => {
-            this.fileBlob = data.blob;
-            this.fileName = data.title;
-            this.valueUrl = this._domSanitizer.bypassSecurityTrustUrl(data.url);
-            this._cdr.detectChanges();
-        });
-        this._audioRecorder.recordingFailed().subscribe(() => {
-            this.isRecording = false;
-            this._cdr.detectChanges();
-        });
-        this._audioRecorder.getRecordedTime().subscribe((time) => {
-            this.recordedTime = time;
-            this._cdr.detectChanges();
-        });
-        this._audioRecorder.getRecordedBlob().subscribe((data) => {
-            this.fileBlob = data.blob;
-            this.fileName = data.title;
-            this.valueUrl = this._domSanitizer.bypassSecurityTrustUrl(URL.createObjectURL(data.blob));
-            this._cdr.detectChanges();
-        });
-        let glyph = '';
-        switch (this.recordType) {
-            case 'audio':
-                glyph = 'attachment-audio';
-                break;
-            case 'video':
-                glyph = 'attachment-video';
-                break;
-            default:
-                glyph = 'attachment-photo';
-                break;
-        }
-        this.glyph = glyph;
-        this.fileName = (_a = this.value) === null || _a === void 0 ? void 0 : _a.FileName;
-        this.recordType = ((_b = this.parameters) === null || _b === void 0 ? void 0 : _b.MediaType$Caption) || 'audio';
-    }
-    onDelete() {
-        super.onDelete();
-        this.onClearRecord();
-    }
-    onClearRecord() {
-        this.abortVideoRecording();
-        this.abortAudioRecording();
-        this.fileBlob = null;
-        this.valueUrl = null;
-        this._cdr.detectChanges();
-    }
-    onToggleRecord() {
-        if (this.recordType === 'audio') {
-            if (this.isRecording) {
-                this.stopAudioRecording();
-            }
-            else {
-                this.startAudioRecording();
-            }
-        }
-        else if (this.recordType === 'video') {
-            this.video.hidden = false;
-            if (this.isRecording) {
-                this.stopVideoRecording();
-            }
-            else {
-                this.startVideoRecording();
-            }
-        }
-        else if (this.recordType === 'photo') {
-        }
-    }
-    onTakePhoto() {
-        var _a, _b;
-        if ((_b = (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) {
-            const file = this.fileInput.files.item(0);
-            if (file) {
-                this.fileName = file.name;
-                this._uploadFile([file]).subscribe();
-            }
-        }
-    }
-    onUpload() {
-        const videoFile = new File([this.fileBlob], this.fileName);
-        this._uploadFile([videoFile]).subscribe();
-    }
-    startVideoRecording() {
-        if (!this.isRecording) {
-            this.video.controls = false;
-            this.isRecording = true;
-            this._videoRecoder
-                .startRecording(this.videoConf)
-                .then((stream) => {
-                // this.video.src = window.URL.createObjectURL(stream);
-                this.video.srcObject = stream;
-                this.video.play();
-            })
-                .catch(function (err) {
-                console.log(err.name + ': ' + err.message);
-            });
-        }
-    }
-    abortVideoRecording() {
-        if (this.isRecording && this.recordType === 'video') {
-            this.isRecording = false;
-            this._videoRecoder.abortRecording();
-        }
-        if (this.video) {
-            const video = this.video;
-            video.controls = false;
-            video.hidden = true;
-        }
-    }
-    stopVideoRecording() {
-        if (this.isRecording && this.recordType === 'video') {
-            this._videoRecoder.stopRecording();
-            const video = this.video;
-            video.srcObject = this.valueUrl;
-            video.controls = true;
-            this.isRecording = false;
-        }
-    }
-    clearVideoRecordedData() {
-        this.valueUrl = null;
-        const video = this.video;
-        video.srcObject = null;
-        video.controls = false;
-        this._cdr.detectChanges();
-    }
-    downloadVideoRecordedData() {
-        this._downloadFile(this.fileBlob, 'video/mp4', this.fileName);
-    }
-    startAudioRecording() {
-        if (!this.isRecording) {
-            this.isRecording = true;
-            this._audioRecorder.startRecording();
-        }
-    }
-    abortAudioRecording() {
-        if (this.isRecording && this.recordType === 'audio') {
-            this.isRecording = false;
-            this._audioRecorder.abortRecording();
-        }
-    }
-    stopAudioRecording() {
-        if (this.isRecording && this.recordType === 'audio') {
-            this._audioRecorder.stopRecording();
-            this.isRecording = false;
-        }
-    }
-    clearAudioRecordedData() {
-        this.valueUrl = null;
-    }
-    downloadAudioRecordedData() {
-        this._downloadFile(this.fileBlob, 'audio/mp3', this.fileName);
-    }
-    ngOnDestroy() {
-        this.abortAudioRecording();
-    }
-    _downloadFile(data, type, filename) {
-        const blob = new Blob([data], { type });
-        const url = window.URL.createObjectURL(blob);
-        // this.video.srcObject = stream;
-        // const url = data;
-        const anchor = document.createElement('a');
-        anchor.download = filename;
-        anchor.href = url;
-        document.body.appendChild(anchor);
-        anchor.click();
-        document.body.removeChild(anchor);
-    }
-    _downloadFileIdCompleted(response) {
-        super._downloadFileIdCompleted(response);
-        if (this.valueUrl) {
-            if (this.recordType === 'video') {
-                this.video.controls = true;
-            }
-        }
-    }
-    _refresh(_) {
-        if (BarsaApi.Ext.isEmpty(this.value)) {
-            return;
-        }
-        const fileId = this.value.Id;
-        this.DownloadFileId(fileId, true, '', null, false);
-    }
-}
-MediaFileUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MediaFileUploaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MediaFileUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MediaFileUploaderComponent, selector: "bdc-media-file-uploader", providers: [AudioRecordingService, VideoRecordingService, UploadService], viewQueries: [{ propertyName: "videoElement", first: true, predicate: ["videoElement"], descendants: true }, { propertyName: "photoElement", first: true, predicate: ["photoElement"], descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-card class=\"upload\" [ngClass]=\"recordType\">\n    <fd-card-content class=\"file-content\">\n        <div [class.no-recording]=\"!isRecording && valueUrl\" [ngClass]=\"recordType\" class=\"media-wrapper\">\n            <div class=\"icon\">\n                <i\n                    style=\"left: 45%; position: absolute\"\n                    fd-nested-list-icon\n                    [glyph]=\"glyph\"\n                    *ngIf=\"!value && !valueUrl && !isRecording\"\n                ></i>\n            </div>\n            <video #videoElement *ngIf=\"recordType === 'video'\" [class.video-novalue]=\"!valueUrl\">\n                <source *ngIf=\"!isRecording && valueUrl\" [src]=\"valueUrl\" />\n                <i\n                    style=\"left: 45%; position: absolute\"\n                    fd-nested-list-icon\n                    [glyph]=\"glyph\"\n                    *ngIf=\"!value && !valueUrl && !isRecording\"\n                ></i>\n            </video>\n            <audio *ngIf=\"!isRecording && valueUrl && recordType === 'audio'\" controls>\n                <source [src]=\"valueUrl\" type=\"audio/mp3\" />\n            </audio>\n            <input\n                #photoElement\n                *ngIf=\"recordType === 'photo'\"\n                type=\"file\"\n                accept=\"image/*\"\n                id=\"file-input\"\n                capture=\"environment\"\n                (change)=\"onTakePhoto()\"\n            />\n        </div>\n        <div *ngIf=\"isRecording || valueUrl\" class=\"media-info\">\n            <div>\n                {{ !isRecording ? '' : ('Recording' | bbbTranslate) }} <strong>{{ recordedTime }}</strong>\n            </div>\n            <div>{{ fileName }}</div>\n        </div>\n        <ng-container *ngIf=\"uploadingState$ | async as uploadingState\">\n            <div class=\"progress\" *ngIf=\"uploadingState.state === 'Uploading'\">\n                <div>\n                    <fd-progress-indicator\n                        state=\"informative\"\n                        [valueNow]=\"uploadingState?.progress\"\n                    ></fd-progress-indicator>\n                </div>\n            </div>\n        </ng-container>\n        <div class=\"btn-wrapper\">\n            <button\n                class=\"btn-record\"\n                *ngIf=\"!value && !valueUrl\"\n                fd-button\n                [glyph]=\"isRecording ? 'stop' : 'record'\"\n                [fdType]=\"isRecording ? 'attention' : 'ghost'\"\n                (click)=\"onToggleRecord()\"\n            ></button>\n            <div *ngIf=\"!value && valueUrl\" class=\"btn-toolbar\">\n                <button fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onClearRecord()\"></button>\n                <button fd-button [label]=\"'Upload' | bbbTranslate\" [glyph]=\"'upload'\" (click)=\"onUpload()\"></button>\n            </div>\n            <div *ngIf=\"value\" class=\"btn-toolbar\">\n                <button *ngIf=\"value\" fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onDelete()\"></button>\n                <button *ngIf=\"value\" fd-button [glyph]=\"'download'\" fdType=\"standard\" (click)=\"onDownload()\"></button>\n            </div>\n        </div>\n    </fd-card-content>\n</fd-card>\n", styles: [":host .upload{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:380px;position:relative}:host .upload .file-content{width:100%}:host .upload i:before{color:#0a6ed1!important;font-size:2rem}fd-card.audio{min-height:120px;max-height:120px}fd-card.video{min-height:340px;max-height:340px}.icon{display:flex;align-items:center;justify-content:center;position:absolute;top:45%;left:45%}.video-novalue{border:1px dashed var(--sapObjectHeader_BorderColor);min-height:240px}audio,video{width:100%}.progress{position:absolute;width:100%;height:100%;background-color:#e4e4e4c7;z-index:4;display:flex;justify-content:center;align-items:center;top:0;left:0}.progress div{flex:.5}.file-content{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.media-wrapper{flex-grow:1}.btn-wrapper{align-self:center}.btn-record{flex-shrink:1}.btn-toolbar{flex-grow:1;display:flex;column-gap:1rem}.media-info{flex-shrink:1;display:flex;width:100%;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i4$a.NestedListIconDirective, selector: "[fdNestedDirectivesIcon], [fd-nested-list-icon]", inputs: ["class", "glyph", "role"] }, { kind: "component", type: i5$4.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MediaFileUploaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-media-file-uploader', changeDetection: ChangeDetectionStrategy.OnPush, providers: [AudioRecordingService, VideoRecordingService, UploadService], template: "<fd-card class=\"upload\" [ngClass]=\"recordType\">\n    <fd-card-content class=\"file-content\">\n        <div [class.no-recording]=\"!isRecording && valueUrl\" [ngClass]=\"recordType\" class=\"media-wrapper\">\n            <div class=\"icon\">\n                <i\n                    style=\"left: 45%; position: absolute\"\n                    fd-nested-list-icon\n                    [glyph]=\"glyph\"\n                    *ngIf=\"!value && !valueUrl && !isRecording\"\n                ></i>\n            </div>\n            <video #videoElement *ngIf=\"recordType === 'video'\" [class.video-novalue]=\"!valueUrl\">\n                <source *ngIf=\"!isRecording && valueUrl\" [src]=\"valueUrl\" />\n                <i\n                    style=\"left: 45%; position: absolute\"\n                    fd-nested-list-icon\n                    [glyph]=\"glyph\"\n                    *ngIf=\"!value && !valueUrl && !isRecording\"\n                ></i>\n            </video>\n            <audio *ngIf=\"!isRecording && valueUrl && recordType === 'audio'\" controls>\n                <source [src]=\"valueUrl\" type=\"audio/mp3\" />\n            </audio>\n            <input\n                #photoElement\n                *ngIf=\"recordType === 'photo'\"\n                type=\"file\"\n                accept=\"image/*\"\n                id=\"file-input\"\n                capture=\"environment\"\n                (change)=\"onTakePhoto()\"\n            />\n        </div>\n        <div *ngIf=\"isRecording || valueUrl\" class=\"media-info\">\n            <div>\n                {{ !isRecording ? '' : ('Recording' | bbbTranslate) }} <strong>{{ recordedTime }}</strong>\n            </div>\n            <div>{{ fileName }}</div>\n        </div>\n        <ng-container *ngIf=\"uploadingState$ | async as uploadingState\">\n            <div class=\"progress\" *ngIf=\"uploadingState.state === 'Uploading'\">\n                <div>\n                    <fd-progress-indicator\n                        state=\"informative\"\n                        [valueNow]=\"uploadingState?.progress\"\n                    ></fd-progress-indicator>\n                </div>\n            </div>\n        </ng-container>\n        <div class=\"btn-wrapper\">\n            <button\n                class=\"btn-record\"\n                *ngIf=\"!value && !valueUrl\"\n                fd-button\n                [glyph]=\"isRecording ? 'stop' : 'record'\"\n                [fdType]=\"isRecording ? 'attention' : 'ghost'\"\n                (click)=\"onToggleRecord()\"\n            ></button>\n            <div *ngIf=\"!value && valueUrl\" class=\"btn-toolbar\">\n                <button fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onClearRecord()\"></button>\n                <button fd-button [label]=\"'Upload' | bbbTranslate\" [glyph]=\"'upload'\" (click)=\"onUpload()\"></button>\n            </div>\n            <div *ngIf=\"value\" class=\"btn-toolbar\">\n                <button *ngIf=\"value\" fd-button [glyph]=\"'delete'\" fdType=\"negative\" (click)=\"onDelete()\"></button>\n                <button *ngIf=\"value\" fd-button [glyph]=\"'download'\" fdType=\"standard\" (click)=\"onDownload()\"></button>\n            </div>\n        </div>\n    </fd-card-content>\n</fd-card>\n", styles: [":host .upload{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:380px;position:relative}:host .upload .file-content{width:100%}:host .upload i:before{color:#0a6ed1!important;font-size:2rem}fd-card.audio{min-height:120px;max-height:120px}fd-card.video{min-height:340px;max-height:340px}.icon{display:flex;align-items:center;justify-content:center;position:absolute;top:45%;left:45%}.video-novalue{border:1px dashed var(--sapObjectHeader_BorderColor);min-height:240px}audio,video{width:100%}.progress{position:absolute;width:100%;height:100%;background-color:#e4e4e4c7;z-index:4;display:flex;justify-content:center;align-items:center;top:0;left:0}.progress div{flex:.5}.file-content{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.media-wrapper{flex-grow:1}.btn-wrapper{align-self:center}.btn-record{flex-shrink:1}.btn-toolbar{flex-grow:1;display:flex;column-gap:1rem}.media-info{flex-shrink:1;display:flex;width:100%;justify-content:space-between}\n"] }]
-        }], propDecorators: { videoElement: [{
-                type: ViewChild,
-                args: ['videoElement']
-            }], photoElement: [{
-                type: ViewChild,
-                args: ['photoElement']
-            }], dialogContainer: [{
-                type: ViewChild,
-                args: ['container', { read: TemplateRef }]
-            }] } });
-
-class SubformInRowReportComponent extends BaseItemContentPropsComponent {
-    constructor() {
-        super(...arguments);
-        this.suggestionList$ = new Subject();
-    }
-    ngOnInit() {
-        var _a, _b, _c;
-        super.ngOnInit();
-        this.suggestionList$
-            .asObservable()
-            .pipe(takeUntil$1(this._onDestroy$), debounceTime(500), switchMap((ulvParams) => new Promise((resolve, reject) => {
-            formPanelCtrl.Save(false, (err) => {
-                if (err) {
-                    reject(err);
-                }
-                this.UlvMainCtrlr.RefreshRowsByMosNoSelectionChange([formPanelCtrl.Mo], [], []);
-                resolve();
-            });
-        })))
-            .subscribe();
-        const userDefineViewId = (_b = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.ViewTypeValue) === null || _b === void 0 ? void 0 : _b.Id;
-        this.params = {
-            moId: this.mo.Id,
-            typeDefId: this.typeDefId,
-            isSimple: true,
-            viewId: userDefineViewId
-        };
-        const formPanelCtrl = createGridEditorFormPanel(this.formSetting, Object.assign({}, this.mo), this.typeDefId, null, false
-        // BarsaApi.Common.Util.TryGetValue(this.context.Setting, 'Extra.Relation')
-        );
-        this.formPanelCtrl = formPanelCtrl;
-        if ((_c = this.parameters) === null || _c === void 0 ? void 0 : _c.AutoSaveOnChange) {
-            formPanelCtrl.on({
-                scope: this,
-                ValueChange: () => {
-                    this.suggestionList$.next();
-                }
-            });
-        }
-        formPanelCtrl.LoadAndCreate({ MoId: this.mo.Id, TypeDefId: this.typeDefId, TypeViewId: userDefineViewId }, false, true, () => {
-            this.loaded = true;
-            this._cdr.detectChanges();
-        });
-    }
-    ngOnChanges(changes) {
-        super.ngOnChanges(changes);
-        const { mo } = changes;
-        if (mo && !mo.firstChange) {
-            BarsaApi.Common.Merger.FastMerge(this.formPanelCtrl.Mo, mo.currentValue);
-            this.formPanelCtrl.SetValue(this.formPanelCtrl.Mo);
-        }
-    }
-}
-SubformInRowReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SubformInRowReportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SubformInRowReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: SubformInRowReportComponent, selector: "bdc-subform-in-row-report", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<bnrc-form *ngIf=\"loaded\" [formPanelCtrl]=\"formPanelCtrl\" class=\"subform-in-row\" [params]=\"params\"></bnrc-form>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SubformInRowReportComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-subform-in-row-report', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bnrc-form *ngIf=\"loaded\" [formPanelCtrl]=\"formPanelCtrl\" class=\"subform-in-row\" [params]=\"params\"></bnrc-form>\n" }]
-        }] });
-
-class MasterDetailCardFormComponent extends FormPropsBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-    }
-}
-MasterDetailCardFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MasterDetailCardFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MasterDetailCardFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MasterDetailCardFormComponent, selector: "bdc-master-detail-card-form", usesInheritance: true, ngImport: i0, template: "<fd-card class=\"master-tab\">\n    <bsu-ly-tab-page [config]=\"modernTabs[0]\"></bsu-ly-tab-page>\n</fd-card>\n<fd-card class=\"details-tab\">\n    <bsu-ly-tab-page [config]=\"modernTabs[1]\"></bsu-ly-tab-page>\n</fd-card>\n", styles: [":host{display:flex;width:100%;height:100%;column-gap:.525rem}fd-card.master-tab,fd-card.details-tab{height:100%}.master-tab{max-width:400px}.details-tab{width:100%}\n"], dependencies: [{ kind: "component", type: i3$2.LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: i5$2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MasterDetailCardFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-master-detail-card-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card class=\"master-tab\">\n    <bsu-ly-tab-page [config]=\"modernTabs[0]\"></bsu-ly-tab-page>\n</fd-card>\n<fd-card class=\"details-tab\">\n    <bsu-ly-tab-page [config]=\"modernTabs[1]\"></bsu-ly-tab-page>\n</fd-card>\n", styles: [":host{display:flex;width:100%;height:100%;column-gap:.525rem}fd-card.master-tab,fd-card.details-tab{height:100%}.master-tab{max-width:400px}.details-tab{width:100%}\n"] }]
-        }] });
-
-class ReportButtonViewComponent extends BaseFormToolbaritemPropsComponent {
-    constructor() {
-        super(...arguments);
-        this.loaded = false;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onMainActionClick(menu) {
-        if (this.parameters.MetaReport) {
-            BarsaApi.Bw.RunBlMethodAsync({
-                Parameters: [this.parameters.MetaReport.Id],
-                Method: '_PortalExecuteReport',
-                SuccessFn: (moDataList) => {
-                    this.moDataList = moDataList;
-                    menu.open();
-                },
-                FailFn: () => { }
-            });
-        }
-    }
-    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: i2$6.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2$6.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2$6.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2$6.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i2$6.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" }]
-        }] });
-
-class BarsaDocumentListItemComponent extends BaseComponent {
-    constructor(_cdr, _picFieldSrc) {
-        super();
-        this._cdr = _cdr;
-        this._picFieldSrc = _picFieldSrc;
-        this.statusChanged = new EventEmitter();
-        this.rejectTextChange = new EventEmitter();
-        this.fileSelectionChange = new EventEmitter();
-        this.removeFile = new EventEmitter();
-        this.fullscreen = new EventEmitter();
-        this.download = new EventEmitter();
-        this.downloadAll = new EventEmitter();
-        this.hasFiles = false;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const documentItem = this.documentItem;
-        documentItem.$ValidExtensions = `            
-        ${documentItem.SupportImage ? ImageMimeType : ''},
-        ${documentItem.SupportAudio ? AudioMimeType : ''},
-        ${documentItem.SupportVideo ? VideoMimeType : ''},
-        ${documentItem.SupportFile ? AllFilesMimeType : ''}
-        `;
-    }
-    ngOnChanges(changes) {
-        super.ngOnChanges(changes);
-        const { files } = changes;
-        files && Array.isArray(files.currentValue) && this._setFirstImage(files.currentValue);
-        this._detectChanges();
-    }
-    onReject(e) {
-        this.statusChanged.emit({ value: e, rejectedText: e === 2 ? '' : this.rejectedReason });
-    }
-    onRejectedTextChange(e) {
-        this.rejectTextChange.emit(e.target.value);
-    }
-    onPreventClick(e) {
-        PreventDefaulEvent(e);
-    }
-    onFileSelection(files) {
-        this.fileSelectionChange.emit(files);
-    }
-    _setFirstImage(files) {
-        files.length &&
-            (this.firstImageUrl = isImage(files[0].Type)
-                ? this._picFieldSrc.transform(files[0].Id, 'ID', null, '', 120, 120)
-                : getIcon(files[0].Type));
-    }
-    _detectChanges() {
-        this._cdr.detectChanges();
-    }
-}
-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", "deviceSize", "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"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.PictureFieldSourcePipe }]; }, propDecorators: { documentItem: [{
-                type: Input
-            }], deviceSize: [{
-                type: Input
-            }], files: [{
-                type: Input
-            }], accepted: [{
-                type: Input
-            }], rejectedReason: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], status: [{
-                type: Input
-            }], uploadingState: [{
-                type: Input
-            }], statusChanged: [{
-                type: Output
-            }], rejectTextChange: [{
-                type: Output
-            }], fileSelectionChange: [{
-                type: Output
-            }], removeFile: [{
-                type: Output
-            }], fullscreen: [{
-                type: Output
-            }], download: [{
-                type: Output
-            }], downloadAll: [{
-                type: Output
-            }] } });
-
-class BarsaDocumentsComponent extends ReportViewBaseComponent {
-    constructor(_el, _cdr, _renderer2, _findColumnByDbName, _ulvMainService, _portalService, _dialogService, _uploadService) {
-        super(_el, _cdr, _renderer2, _findColumnByDbName, _ulvMainService, _portalService, _uploadService);
-        this._el = _el;
-        this._cdr = _cdr;
-        this._renderer2 = _renderer2;
-        this._findColumnByDbName = _findColumnByDbName;
-        this._ulvMainService = _ulvMainService;
-        this._portalService = _portalService;
-        this._dialogService = _dialogService;
-        this._uploadService = _uploadService;
-    }
-    get documentItems() {
-        if (this.customFieldInfo) {
-            return this.customFieldInfo.DocumentItems.MoDataList;
-        }
-        else {
-            return this.viewSetting.FilesSetting.DocumentItems.MoDataList;
-        }
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const { moDataList, viewSetting, allColumns } = this;
-        this._initColumnField(allColumns, viewSetting);
-        this._subscribeOnUploadFile(this.fileColumn);
-        this._mapDocumentItem(moDataList, this.documentItems);
-        this._checkMandatory();
-    }
-    ngOnChanges(changes) {
-        super.ngOnChanges(changes);
-        const { moDataList } = changes;
-        if (moDataList && !moDataList.firstChange) {
-            if (moDataList && !moDataList.firstChange) {
-                this._mapDocumentItem(moDataList.currentValue, this.documentItems);
-                this.detectChanges();
-            }
-        }
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        setTimeout(() => {
-            for (let i = 0; i < this.documentItems.length - this.moDataList.length; i++) {
-                this.createNewMo.emit();
-            }
-        });
-    }
-    onFileSelection(files, documentItem, mo) {
-        this.selectedMo = mo;
-        this._uploadFile(files, documentItem);
-    }
-    onRemoveFile(file, mo) {
-        const fileDbName = this.fileColumn.Name;
-        let files = mo[fileDbName].Files;
-        if (file.IsNew) {
-            files = files.filter((c) => c.Id !== file.Id);
-        }
-        else {
-            const existFile = files.find((c) => c.Id === file.Id);
-            existFile.IsDeleted = true;
-        }
-        mo[fileDbName].Files = [...files];
-        this._updateMo(mo);
-    }
-    onStatusChanged(e, mo) {
-        mo[this.statusColumn.Name] = e.value;
-        mo[this.rejectedReasonColumn.Name] = e.rejectedText;
-        this._updateMo(mo);
-    }
-    onRejectedTextChange(text, mo) {
-        mo[this.rejectedReasonColumn.Name] = text;
-        this._updateMo(mo);
-    }
-    _checkMandatory() {
-        const moDataList = this.moDataList;
-        const items = this.documentItems.filter((c) => c.IsRequired);
-        let mandatory = items.length > 0;
-        const mandatory2 = items
-            .map((item) => moDataList.find((c) => c[this.keyColumn.Name] === item.ItemKey))
-            .filter((item) => item)
-            .some((mo) => mo[this.fileColumn.Name].Files.filter((c) => !c.IsDeleted).length === 0);
-        mandatory = mandatory && mandatory2;
-        this.mandatory.emit(mandatory);
-    }
-    _mapDocumentItem(moDataList, documentItems) {
-        const keyName = this.keyColumn.Name;
-        moDataList.forEach((mo, index) => {
-            let documentItem = documentItems.find((c) => c.ItemKey === mo[keyName]); // find setting that matches with mo by itemKey
-            if (documentItem) {
-                mo.$documentItem = documentItem;
-            }
-            else {
-                documentItem = documentItems.find((item) => moDataList.map((c) => c[keyName]).indexOf(item.ItemKey) < 0); // find a setting has not have $RelatedMo yet
-                if (documentItem) {
-                    mo[keyName] = documentItem.ItemKey;
-                    mo.$documentItem = documentItem;
-                    this.updateMo.emit(mo);
-                }
-            }
-        });
-    }
-    _initColumnField(allColumns, viewSetting) {
-        const keyColumn = this._findColumnByDbName.transform(allColumns, viewSetting.ItemKeyField);
-        const fileColumn = this._findColumnByDbName.transform(allColumns, viewSetting.FileField);
-        const acceptedColumn = this._findColumnByDbName.transform(allColumns, viewSetting.AcceptedField);
-        const rejectedReasonColumn = this._findColumnByDbName.transform(allColumns, viewSetting.RejectedReasonField);
-        const statusColumn = this._findColumnByDbName.transform(allColumns, viewSetting.StatusField);
-        !keyColumn && this._columnNotExistsInReport(viewSetting.ItemKeyField);
-        !fileColumn && this._columnNotExistsInReport(viewSetting.FileField);
-        !rejectedReasonColumn && this._columnNotExistsInReport(viewSetting.RejectedReasonField);
-        !acceptedColumn && this._columnNotExistsInReport(viewSetting.AcceptedField);
-        !statusColumn && this._columnNotExistsInReport(viewSetting.StatusField);
-        keyColumn && (this.keyColumn = keyColumn);
-        fileColumn && (this.fileColumn = fileColumn);
-        acceptedColumn && (this.acceptedColumn = acceptedColumn);
-        rejectedReasonColumn && (this.rejectedReasonColumn = rejectedReasonColumn);
-        statusColumn && (this.statusColumn = statusColumn);
-    }
-    _subscribeOnUploadFile(fileColumn) {
-        this._filesValidationHelper = new FilesValidationHelper(0, 0, 0);
-        if (this._uploadService) {
-            this._createLinearHelper(this._uploadService, this._filesValidationHelper, fileColumn.FieldDefId);
-            this.uploadingState$ = this._uploadService.uploadingState$;
-        }
-        else {
-            throw new Error('UploadService not provided.');
-        }
-        this._linearHelper.newFileUploaded$.subscribe((file) => {
-            const mo = this.moDataList.find((c) => c.Id === this.selectedMo.Id);
-            if (mo) {
-                mo[fileColumn.Name].Files = [...mo[fileColumn.Name].Files, file];
-                this._updateMo(mo);
-            }
-        });
-    }
-    _updateMo(mo) {
-        mo.$NewInlineMo = undefined;
-        if (mo.$State === 'Unchanged') {
-            mo.$State = 'Modified';
-        }
-        this.updateMo.emit(mo);
-        this._checkMandatory();
-    }
-    _createLinearHelper(uploadService, filesValidationHelper, fieldDefId) {
-        this._linearHelper = new LinearListHelper(uploadService, filesValidationHelper, fieldDefId);
-    }
-    _uploadFile(files, documentItem) {
-        const filesValidationHelper = this._filesValidationHelper;
-        filesValidationHelper.maxFileCount = +documentItem.MaxFileCount;
-        filesValidationHelper.maxFileSize = +documentItem.EachFileSize;
-        filesValidationHelper.maxTotalFileSize = +documentItem.MaxFileSize;
-        this._linearHelper.uploadToServer(files, documentItem.Title);
-    }
-    _columnNotExistsInReport(columnCaption) {
-        throw new Error(`can not find ${columnCaption} column in report.please add it to report columns.`);
-    }
-}
-BarsaDocumentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDocumentsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1.FindColumnByDbNamePipe }, { token: i1.UlvMainService }, { token: i1.PortalService }, { token: i2$3.DialogService }, { token: i1.UploadService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-BarsaDocumentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaDocumentsComponent, selector: "bdc-barsa-documents", providers: [UploadService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ul fd-list [byline]=\"true\" fdCompact [selection]=\"false\"> -->\n<table fd-table aria-label=\"Default\" [allCellsFocusable]=\"true\" [noBorderX]=\"true\">\n    <thead fd-table-header>\n        <tr fd-table-row>\n            <th fd-table-cell>{{ '\u0639\u06A9\u0633' | bbbTranslate }}</th>\n            <th fd-table-cell style=\"min-width: 140px; width: auto\">{{ '\u0646\u0648\u0639 \u0645\u062F\u0631\u06A9' | bbbTranslate }}</th>\n            <th fd-table-cell style=\"width: 99%\">{{ '\u0627\u0644\u0635\u0627\u0642 \u0641\u0627\u06CC\u0644' | bbbTranslate }}</th>\n            <th fd-table-cell></th>\n            <th fd-table-cell style=\"width: 400px; min-width: 400px; max-width: 400px\">{{ '\u0648\u0636\u0639\u06CC\u062A' | bbbTranslate }}</th>\n        </tr>\n    </thead>\n    <tbody fd-table-body>\n        <ng-container *ngFor=\"let mo of moDataList; trackBy: _trackByRow\">\n            <bdc-barsa-document-list-item\n                *ngIf=\"mo.$documentItem\"\n                [documentItem]=\"mo.$documentItem\"\n                [accepted]=\"mo[acceptedColumn.Name]\"\n                [files]=\"mo[fileColumn.Name].Files\"\n                [uploadingState]=\"(uploadingState$ | async)!!\"\n                [rejectedReason]=\"mo[rejectedReasonColumn.Name]\"\n                [fileDbName]=\"fileColumn.Name\"\n                [status]=\"+mo[statusColumn.Name]\"\n                [deviceSize]=\"deviceSize\"\n                [readonly]=\"!access.Edit\"\n                [deviceSize]=\"deviceSize\"\n                (removeFile)=\"onRemoveFile($event, mo)\"\n                (fileSelectionChange)=\"onFileSelection($event, mo.$documentItem, mo)\"\n                (rejectTextChange)=\"onRejectedTextChange($event, mo)\"\n                (statusChanged)=\"onStatusChanged($event, mo)\"\n            ></bdc-barsa-document-list-item>\n        </ng-container>\n        <!-- </ul> -->\n    </tbody>\n</table>\n", styles: [":host{display:block}\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: "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: "component", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: ["documentItem", "deviceSize", "files", "accepted", "rejectedReason", "readonly", "status", "uploadingState"], outputs: ["statusChanged", "rejectTextChange", "fileSelectionChange", "removeFile", "fullscreen", "download", "downloadAll"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDocumentsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-barsa-documents', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<!-- <ul fd-list [byline]=\"true\" fdCompact [selection]=\"false\"> -->\n<table fd-table aria-label=\"Default\" [allCellsFocusable]=\"true\" [noBorderX]=\"true\">\n    <thead fd-table-header>\n        <tr fd-table-row>\n            <th fd-table-cell>{{ '\u0639\u06A9\u0633' | bbbTranslate }}</th>\n            <th fd-table-cell style=\"min-width: 140px; width: auto\">{{ '\u0646\u0648\u0639 \u0645\u062F\u0631\u06A9' | bbbTranslate }}</th>\n            <th fd-table-cell style=\"width: 99%\">{{ '\u0627\u0644\u0635\u0627\u0642 \u0641\u0627\u06CC\u0644' | bbbTranslate }}</th>\n            <th fd-table-cell></th>\n            <th fd-table-cell style=\"width: 400px; min-width: 400px; max-width: 400px\">{{ '\u0648\u0636\u0639\u06CC\u062A' | bbbTranslate }}</th>\n        </tr>\n    </thead>\n    <tbody fd-table-body>\n        <ng-container *ngFor=\"let mo of moDataList; trackBy: _trackByRow\">\n            <bdc-barsa-document-list-item\n                *ngIf=\"mo.$documentItem\"\n                [documentItem]=\"mo.$documentItem\"\n                [accepted]=\"mo[acceptedColumn.Name]\"\n                [files]=\"mo[fileColumn.Name].Files\"\n                [uploadingState]=\"(uploadingState$ | async)!!\"\n                [rejectedReason]=\"mo[rejectedReasonColumn.Name]\"\n                [fileDbName]=\"fileColumn.Name\"\n                [status]=\"+mo[statusColumn.Name]\"\n                [deviceSize]=\"deviceSize\"\n                [readonly]=\"!access.Edit\"\n                [deviceSize]=\"deviceSize\"\n                (removeFile)=\"onRemoveFile($event, mo)\"\n                (fileSelectionChange)=\"onFileSelection($event, mo.$documentItem, mo)\"\n                (rejectTextChange)=\"onRejectedTextChange($event, mo)\"\n                (statusChanged)=\"onStatusChanged($event, mo)\"\n            ></bdc-barsa-document-list-item>\n        </ng-container>\n        <!-- </ul> -->\n    </tbody>\n</table>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1.FindColumnByDbNamePipe }, { type: i1.UlvMainService }, { type: i1.PortalService }, { type: i2$3.DialogService }, { type: i1.UploadService, decorators: [{
-                        type: Optional
-                    }] }];
-    } });
-
-class AcceptRejectComponent extends BaseComponent {
-    constructor(_cdr) {
-        super();
-        this._cdr = _cdr;
-        this.rejectedChanged = new EventEmitter();
-        this.id = getUniqueId(3);
-        this.applied = false;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._initilaize();
-    }
-    onReject() {
-        this._raiseEvent(true, true, this.rejectedReason);
-    }
-    onReset() {
-        this._raiseEvent(false, false);
-    }
-    onAccept() {
-        this._raiseEvent(true, false);
-    }
-    _initilaize() {
-        if (this.rejectedReason) {
-            this.rejected = true;
-            this.applied = true;
-        }
-    }
-    _raiseEvent(applied, rejected, rejectedReason = '') {
-        this.applied = applied;
-        this.rejected = rejected;
-        this.rejectedReason = rejectedReason;
-        this.rejectedChanged.emit({ accept: rejected, error: rejectedReason });
-        this._cdr.detectChanges();
-    }
-}
-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: 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"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { negativeText: [{
-                type: Input
-            }], positiveText: [{
-                type: Input
-            }], rejectedReason: [{
-                type: Input
-            }], acceptedText: [{
-                type: Input
-            }], deviceSize: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], rejected: [{
-                type: Input
-            }], rejectedChanged: [{
-                type: Output
-            }] } });
-
-class FooterComponent extends BaseComponent {
-    constructor(_portalService, _cdr) {
-        super();
-        this._portalService = _portalService;
-        this._cdr = _cdr;
-        _portalService.rtl$.pipe(withLatestFrom(_portalService.deviceSize$)).subscribe(([rtl, deviceSize]) => {
-            this.rtl = rtl;
-            this.deviceSize = deviceSize;
-        });
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const { RelatedMo } = this.settings;
-        if (!RelatedMo) {
-            return;
-        }
-        this._portalService.loadMo(RelatedMo.Id, RelatedMo.$TypeDefId).subscribe((result) => {
-            var _a;
-            this.footer = (_a = result === null || result === void 0 ? void 0 : result.Data) === null || _a === void 0 ? void 0 : _a.Mo;
-            this._cdr.detectChanges();
-        });
-    }
-}
-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$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"] }]
-        }], ctorParameters: function () { return [{ type: i1.PortalService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { settings: [{
-                type: Input
-            }] } });
-
-class BarsaGeographicLocationComponent extends BaseComponent {
-    constructor(_el) {
-        super();
-        this._el = _el;
-        this.move = new EventEmitter();
-        this.moveEnd = new EventEmitter();
-        this.fullscreen = new EventEmitter();
-        this.exitFullscreen = new EventEmitter();
-        this.error = new EventEmitter();
-        this.markerChange = new EventEmitter();
-        this._navigatorOptions = {
-            enableHighAccuracy: true,
-            timeout: 5000,
-            maximumAge: 0
-        };
-    }
-    ngOnChanges(changes) {
-        super.ngOnChanges(changes);
-        const { longitude, latitude } = changes;
-        if ((latitude === null || latitude === void 0 ? void 0 : latitude.firstChange) === false || (longitude === null || longitude === void 0 ? void 0 : longitude.firstChange) === false) {
-            this._setGeoLocation({
-                latitude: latitude.currentValue,
-                longitude: longitude.currentValue
-            }, this.disableOrReadonly, true, false);
-        }
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        head.load([
-            'Lib/leaflet/leaflet.css',
-            'Lib/leaflet/leaflet-src.js',
-            'Lib/leaflet/SearchControl.js',
-            'Lib/leaflet/BeautifyMarker-master/leaflet-beautify-marker-icon.css',
-            'Lib/leaflet/BeautifyMarker-master/leaflet-beautify-marker-icon.js',
-            'Lib/leaflet/BeautifyMarker-master/leaflet-beautify-marker.js',
-            'Lib/leaflet/BeautifyMarker-master/leaflet-beautify-marker-icon-barsa.js'
-        ], () => this._initilaize());
-    }
-    onCurrentLocation() {
-        if (this.disableOrReadonly) {
-            return;
-        }
-        this._getNavigatorCurrentPosition();
-    }
-    onFullscreen() {
-        this.fullscreen.emit();
-    }
-    onExitFullscreen() {
-        this.exitFullscreen.emit();
-    }
-    _addMarkers(disableOrReadonly, pos) {
-        this._setGeoLocation({ latitude: pos[0], longitude: pos[1] }, disableOrReadonly);
-    }
-    _initilaize() {
-        this._map = L.map(this._el.nativeElement);
-        const location = this.defaultLocation;
-        if (this.latitude) {
-            location[0] = Number(this.latitude);
-            location[1] = Number(this.longitude);
-        }
-        this._setGeoLocation({
-            latitude: location[0],
-            longitude: location[1]
-        }, this.disableOrReadonly, true, false);
-        if (!this.disableOrReadonly && this.setAutomaticLocation && !this.latitude) {
-            // درصورتی که از قبل مقدار نداشته باشد
-            this._getNavigatorCurrentPosition();
-        }
-    }
-    _onErrorNavigatorLocation(err) {
-        this.error.emit(err);
-    }
-    _setGeoLocation(position, disableOrReadonly = false, setView = false, fireEvent = true) {
-        if (this._marker) {
-            this._map.removeLayer(this._marker);
-            this._marker = null;
-        }
-        const { latitude, longitude } = position;
-        L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
-            attribution: '',
-            maxZoom: 18,
-            id: 'mapbox/streets-v11',
-            tileSize: 512,
-            zoomOffset: -1,
-            accessToken: 'pk.eyJ1IjoibXJlemFkZXZlbG9wZXIiLCJhIjoiY2p6anlrdTE2MDBxdjNtczZtYWFqbHFmdiJ9.SzniRy2KH6U3gdbOFnwA7Q'
-        }).addTo(this._map);
-        if (setView) {
-            this._map.setView([latitude, longitude], 18);
-        }
-        const marker = this._createMarker('0', { mo: 'test' }, latitude, longitude, 'my location', '', !disableOrReadonly && this.draggable === true);
-        marker.addTo(this._map);
-        this._marker = marker;
-        if (!disableOrReadonly && fireEvent) {
-            this.markerChange.emit({ latitude, longitude });
-        }
-    }
-    _getNavigatorCurrentPosition() {
-        if (navigator.geolocation) {
-            navigator.geolocation.getCurrentPosition((position) => this._setGeoLocation({ latitude: position.coords.latitude, longitude: position.coords.longitude }, this.disableOrReadonly, true), (err) => this._onErrorNavigatorLocation(err), this._navigatorOptions);
-        }
-    }
-    _createMarker(id, mo, lat, lng, text, icon, draggable) {
-        const markerCfg = {
-            Id: id,
-            Data: mo,
-            title: text,
-            draggable,
-            icon: L.divIcon({
-                html: icon
-                    ? `<fd-icon style="font-size:1rem" class="sap-icon--${icon}"></fd-icon>`
-                    : `<img  style="width:32px" src="${'assets/svg/location-sign.svg'}"/>`,
-                iconSize: [20, 20],
-                className: 'my-location'
-            })
-        };
-        // var marker = L.BeautifyMarker.marker([Number(lat), Number(lng)], {
-        const marker = L.marker([Number(lat), Number(lng)], markerCfg);
-        marker.on('moveend', (e) => {
-            this._onMoveEnd(e);
-        });
-        marker.on('move', (e) => {
-            this._onMove(e);
-        });
-        return marker;
-    }
-    _onMove(e) {
-        this.move.emit(e);
-    }
-    _onMoveEnd(e) {
-        this.moveEnd.emit(e);
-    }
-}
-BarsaGeographicLocationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGeographicLocationComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BarsaGeographicLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGeographicLocationComponent, selector: "bdc-barsa-geographic-location", inputs: { disableOrReadonly: "disableOrReadonly", setAutomaticLocation: "setAutomaticLocation", showLocationButton: "showLocationButton", showFullscreenButton: "showFullscreenButton", showExitFullscreenButton: "showExitFullscreenButton", draggable: "draggable", defaultLocation: "defaultLocation", latitude: "latitude", longitude: "longitude" }, outputs: { move: "move", moveEnd: "moveEnd", fullscreen: "fullscreen", exitFullscreen: "exitFullscreen", error: "error", markerChange: "markerChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div style=\"position: absolute; z-index: 1000; display: flex; flex-direction: column; row-gap: 5px; left: 0; bottom: 0\">\n    <button *ngIf=\"showFullscreenButton\" fd-button glyph=\"resize\" fdType=\"positive\" (click)=\"onFullscreen()\"></button>\n    <button\n        *ngIf=\"showExitFullscreenButton\"\n        fd-button\n        glyph=\"exitfullscreen\"\n        fdType=\"positive\"\n        (click)=\"onExitFullscreen()\"\n    ></button>\n    <button\n        *ngIf=\"showLocationButton || disableOrReadonly\"\n        fd-button\n        glyph=\"map\"\n        fdType=\"positive\"\n        (click)=\"onCurrentLocation()\"\n    ></button>\n</div>\n", styles: [":host{display:block;min-height:300px;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGeographicLocationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-barsa-geographic-location', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div style=\"position: absolute; z-index: 1000; display: flex; flex-direction: column; row-gap: 5px; left: 0; bottom: 0\">\n    <button *ngIf=\"showFullscreenButton\" fd-button glyph=\"resize\" fdType=\"positive\" (click)=\"onFullscreen()\"></button>\n    <button\n        *ngIf=\"showExitFullscreenButton\"\n        fd-button\n        glyph=\"exitfullscreen\"\n        fdType=\"positive\"\n        (click)=\"onExitFullscreen()\"\n    ></button>\n    <button\n        *ngIf=\"showLocationButton || disableOrReadonly\"\n        fd-button\n        glyph=\"map\"\n        fdType=\"positive\"\n        (click)=\"onCurrentLocation()\"\n    ></button>\n</div>\n", styles: [":host{display:block;min-height:300px;position:relative}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { disableOrReadonly: [{
-                type: Input
-            }], setAutomaticLocation: [{
-                type: Input
-            }], showLocationButton: [{
-                type: Input
-            }], showFullscreenButton: [{
-                type: Input
-            }], showExitFullscreenButton: [{
-                type: Input
-            }], draggable: [{
-                type: Input
-            }], defaultLocation: [{
-                type: Input
-            }], latitude: [{
-                type: Input
-            }], longitude: [{
-                type: Input
-            }], move: [{
-                type: Output
-            }], moveEnd: [{
-                type: Output
-            }], fullscreen: [{
-                type: Output
-            }], exitFullscreen: [{
-                type: Output
-            }], error: [{
-                type: Output
-            }], markerChange: [{
-                type: Output
-            }] } });
-
-class GeographicLocationComponent extends UiMoInfoSubFormUiComponent {
-    constructor() {
-        super(...arguments);
-        this.fullscreen = false;
-    }
-    get latitudeUi() {
-        return this.customFormPanelUi._dictFieldUi.Latitude;
-    }
-    get longitudeUi() {
-        return this.customFormPanelUi._dictFieldUi.Longitude;
-    }
-    openDialog(dialog) {
-        this._dialogService.open(dialog, {
-            responsivePadding: true,
-            fullScreen: true,
-            mobile: true,
-            ariaLabelledBy: 'map',
-            ariaDescribedBy: 'choose location',
-            focusTrapped: true
-        });
-    }
-    ngOnInit() {
-        var _a, _b;
-        super.ngOnInit();
-        this._setDefaultLatAndLong((_a = this.latitudeUi) === null || _a === void 0 ? void 0 : _a.value, (_b = this.longitudeUi) === null || _b === void 0 ? void 0 : _b.value);
-    }
-    onFullscreen() {
-        this.fullscreen = true;
-        this.openDialog(this.dialogTemplate);
-    }
-    onExistFullscreen() {
-        this.fullscreen = false;
-        this._cdr.detectChanges();
-    }
-    onOpenChange(isOpen) {
-        this.fullscreen = isOpen;
-    }
-    onErrorNavigatorLocation(err) {
-        const err2 = `خطا در دریافت موقعیت مکانی جاری. (${err.message})`;
-        BarsaApi.Bw.Toast.Error(err2);
-    }
-    onMove(e) {
-        this._movePos = { latitude: e.latlng.lat, longitude: e.latlng.lng };
-    }
-    onMoveEnd(e) {
-        this._handleMarkerChange(this._movePos);
-    }
-    onMarkerChange(e) {
-        this._handleMarkerChange(e);
-    }
-    _handleMarkerChange(e) {
-        const { latitude, longitude } = e;
-        this.latitudeUi.value = latitude;
-        this.longitudeUi.value = longitude;
-        this._valueChanged();
-    }
-    _setDefaultLatAndLong(lat, lng) {
-        if (lat && lng) {
-            this.latValue = lat;
-            this.lngValue = lng;
-        }
-    }
-    _titleChanged() {
-        var _a, _b;
-        this._setDefaultLatAndLong((_a = this.latitudeUi) === null || _a === void 0 ? void 0 : _a.value, (_b = this.longitudeUi) === null || _b === void 0 ? void 0 : _b.value);
-    }
-    _valueChanged() {
-        this.latitudeUi.fireEvent('change', this.latitudeUi, this.latitudeUi.value);
-        this.longitudeUi.fireEvent('change', this.longitudeUi, this.longitudeUi.value);
-    }
-}
-GeographicLocationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GeographicLocationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GeographicLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: GeographicLocationComponent, selector: "bdc-geographic-location", viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["confirmationDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"customFormPanelUi\">\n    <bnrc-form style=\"display: none\" *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\"></bnrc-form>\n</ng-container>\n\n<ng-container *ngIf=\"!fullscreen\">\n    <ng-container *ngTemplateOutlet=\"map; context: { inDialog: false }\"></ng-container>\n</ng-container>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #confirmationDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Map' | bbbTranslate }}</h1>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"map; context: { inDialog: true, dialog: dialog }\"></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n\n<ng-template #map let-inDialog=\"inDialog\" let-dialog=\"dialog\">\n    <bdc-barsa-geographic-location\n        [style.height]=\"inDialog ? 'height: 100% !important' : null\"\n        [defaultLocation]=\"[35.7568, 51.412]\"\n        [latitude]=\"latValue\"\n        [longitude]=\"lngValue\"\n        [showExitFullscreenButton]=\"true\"\n        [showLocationButton]=\"customFieldInfo.ShowLocationButton\"\n        [setAutomaticLocation]=\"customFieldInfo.GetCurrentLocation\"\n        [disableOrReadonly]=\"(disableOrReadonly$ | async) === true\"\n        [draggable]=\"customFieldInfo.Draggable === true\"\n        (markerChange)=\"onMarkerChange($event)\"\n        (move)=\"onMove($event)\"\n        (error)=\"onErrorNavigatorLocation($event)\"\n        (moveEnd)=\"onMoveEnd($event)\"\n        (exitFullscreen)=\"onExistFullscreen(); dialog && dialog.close('Continue')\"\n    ></bdc-barsa-geographic-location>\n</ng-template>\n", styles: [":host{display:block;position:relative}\n"], dependencies: [{ 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: i1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { 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.DialogHeaderComponent, selector: "fd-dialog-header" }, { 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: "component", type: BarsaGeographicLocationComponent, selector: "bdc-barsa-geographic-location", inputs: ["disableOrReadonly", "setAutomaticLocation", "showLocationButton", "showFullscreenButton", "showExitFullscreenButton", "draggable", "defaultLocation", "latitude", "longitude"], outputs: ["move", "moveEnd", "fullscreen", "exitFullscreen", "error", "markerChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GeographicLocationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-geographic-location', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"customFormPanelUi\">\n    <bnrc-form style=\"display: none\" *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\"></bnrc-form>\n</ng-container>\n\n<ng-container *ngIf=\"!fullscreen\">\n    <ng-container *ngTemplateOutlet=\"map; context: { inDialog: false }\"></ng-container>\n</ng-container>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #confirmationDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Map' | bbbTranslate }}</h1>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"map; context: { inDialog: true, dialog: dialog }\"></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n\n<ng-template #map let-inDialog=\"inDialog\" let-dialog=\"dialog\">\n    <bdc-barsa-geographic-location\n        [style.height]=\"inDialog ? 'height: 100% !important' : null\"\n        [defaultLocation]=\"[35.7568, 51.412]\"\n        [latitude]=\"latValue\"\n        [longitude]=\"lngValue\"\n        [showExitFullscreenButton]=\"true\"\n        [showLocationButton]=\"customFieldInfo.ShowLocationButton\"\n        [setAutomaticLocation]=\"customFieldInfo.GetCurrentLocation\"\n        [disableOrReadonly]=\"(disableOrReadonly$ | async) === true\"\n        [draggable]=\"customFieldInfo.Draggable === true\"\n        (markerChange)=\"onMarkerChange($event)\"\n        (move)=\"onMove($event)\"\n        (error)=\"onErrorNavigatorLocation($event)\"\n        (moveEnd)=\"onMoveEnd($event)\"\n        (exitFullscreen)=\"onExistFullscreen(); dialog && dialog.close('Continue')\"\n    ></bdc-barsa-geographic-location>\n</ng-template>\n", styles: [":host{display:block;position:relative}\n"] }]
-        }], propDecorators: { dialogTemplate: [{
-                type: ViewChild,
-                args: ['confirmationDialog']
-            }] } });
-
-class TokenReportViewComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onRemoveItem(mo, index) {
-        var _a;
-        this.rowCheck.emit({ mo, index });
-        let itemId = 'RemoveFromList';
-        if (((_a = this.viewSetting) === null || _a === void 0 ? void 0 : _a.DeleteAction) === '1') {
-            itemId = 'Delete';
-        }
-        this.executeToolbarButton.emit({ itemId });
-    }
-}
-TokenReportViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TokenReportViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TokenReportViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TokenReportViewComponent, selector: "bdc-token-report-view", usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n    <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n        <ng-container\n            *ngTemplateOutlet=\"\n                itemTemplate;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    last: last,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n    </ng-container>\n</ng-container>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <fd-token fdCozy (onCloseClick)=\"onRemoveItem(mo, index)\" [readOnly]=\"false\">{{\n        columns[0].Caption | rval: mo:columns:true\n    }}</fd-token>\n</ng-template>\n", styles: [":host{display:flex;column-gap:5px;flex-wrap:wrap;row-gap:5px}\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: i2$7.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: i3$6.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "pipe", type: i1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TokenReportViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-token-report-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n    <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n        <ng-container\n            *ngTemplateOutlet=\"\n                itemTemplate;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    last: last,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n    </ng-container>\n</ng-container>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <fd-token fdCozy (onCloseClick)=\"onRemoveItem(mo, index)\" [readOnly]=\"false\">{{\n        columns[0].Caption | rval: mo:columns:true\n    }}</fd-token>\n</ng-template>\n", styles: [":host{display:flex;column-gap:5px;flex-wrap:wrap;row-gap:5px}\n"] }]
-        }] });
-
-class ColumnFormViewerComponent extends ColumnRendererComponent {
-    /**
-     *
-     */
-    constructor(_cdr, _dialogService, _el) {
-        super(_cdr);
-        this._cdr = _cdr;
-        this._dialogService = _dialogService;
-        this._el = _el;
-        this.isOpen = false;
-        this.loadForm = false;
-        this.loading = true;
-        this.newPage = false;
-    }
-    ngOnInit() {
-        var _a;
-        super.ngOnInit();
-        const columnMo = this.mo[this.column.Name];
-        if (!columnMo) {
-            return;
-        }
-        this.newPage = this.parameters.NewPage;
-        this.formParam = {
-            moId: columnMo.Id,
-            typeDefId: columnMo.$TypeDefId,
-            viewId: (_a = this.parameters.MetaView) === null || _a === void 0 ? void 0 : _a.Id
-        };
-    }
-    openPopover() {
-        this.isOpen = true;
-        this.loadForm = true;
-    }
-    onFormRendered(popover) {
-        this.loading = false;
-        if (this.newPage) {
-            return;
-        }
-        popover.close();
-        setTimeout(() => {
-            popover.open();
-        });
-    }
-    openMoInNewPage() {
-        var _a;
-        const columnMo = this.mo[this.column.Name];
-        BarsaApi.Bw.Form.Show({
-            MoId: columnMo.Id,
-            MoContext: {
-                ViewId: (_a = this.parameters.MetaView) === null || _a === void 0 ? void 0 : _a.Id
-            }
-        });
-    }
-    openDialog(dialog, container) {
-        const dialogRef = this._dialogService.open(dialog, {
-            responsivePadding: true,
-            focusTrapped: true,
-            backdropClickCloseable: true,
-            closeOnNavigation: true,
-            hasBackdrop: false,
-            container,
-            escKeyCloseable: true,
-            fullScreen: this.deviceSize === 's'
-        });
-        dialogRef.afterClosed.subscribe((result) => {
-            this.confirmationReason = 'Dialog closed with result: ' + result;
-        }, (error) => {
-            this.confirmationReason = 'Dialog dismissed with result: ' + error;
-        });
-    }
-}
-ColumnFormViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ColumnFormViewerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2$3.DialogService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ColumnFormViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ColumnFormViewerComponent, selector: "bdc-column-form-viewer", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"newPage || deviceSize === 's' ? renderColumn : popoverTpl\"> </ng-container>\n<a href=\"http://localhost:4200/#/landingpage/query?actionlist=[{MoId:1,TypeDefId:1}]\"></a>\n<ng-template #popoverTpl>\n    <fd-popover\n        #popover\n        [closeOnOutsideClick]=\"true\"\n        [noArrow]=\"false\"\n        placement=\"bottom-start\"\n        [title]=\"column.Caption\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"renderColumn\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body class=\"popover-form-inColumn\">\n            <div *ngIf=\"loading && loadForm\" style=\"position: relative; height: 80px; width: 100%\">\n                <bsu-mask [top]=\"'50%'\"></bsu-mask>\n            </div>\n            <bnrc-form\n                *ngIf=\"this.mo.Id && loadForm\"\n                [params]=\"formParam\"\n                (formRendered)=\"onFormRendered(popover)\"\n                (formClose)=\"popover.close()\"\n                class=\"form-inColumn\"\n            ></bnrc-form>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #renderColumn>\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo | bbbTranslate\"\n        [icon]=\"column | columnIcon: mo\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94\"\n        (click)=\"newPage || deviceSize === 's' ? openMoInNewPage() : openPopover()\"\n    ></bsu-column-renderer>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-popover{flex:1}:host ::ng-deep span{color:var(--sapLinkColor);-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none);cursor:pointer}:host ::ng-deep span:hover{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}\n"], dependencies: [{ 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: i1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: i1.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i3$2.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { 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.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i1.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ColumnFormViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bdc-column-form-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"newPage || deviceSize === 's' ? renderColumn : popoverTpl\"> </ng-container>\n<a href=\"http://localhost:4200/#/landingpage/query?actionlist=[{MoId:1,TypeDefId:1}]\"></a>\n<ng-template #popoverTpl>\n    <fd-popover\n        #popover\n        [closeOnOutsideClick]=\"true\"\n        [noArrow]=\"false\"\n        placement=\"bottom-start\"\n        [title]=\"column.Caption\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"renderColumn\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body class=\"popover-form-inColumn\">\n            <div *ngIf=\"loading && loadForm\" style=\"position: relative; height: 80px; width: 100%\">\n                <bsu-mask [top]=\"'50%'\"></bsu-mask>\n            </div>\n            <bnrc-form\n                *ngIf=\"this.mo.Id && loadForm\"\n                [params]=\"formParam\"\n                (formRendered)=\"onFormRendered(popover)\"\n                (formClose)=\"popover.close()\"\n                class=\"form-inColumn\"\n            ></bnrc-form>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #renderColumn>\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo | bbbTranslate\"\n        [icon]=\"column | columnIcon: mo\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94\"\n        (click)=\"newPage || deviceSize === 's' ? openMoInNewPage() : openPopover()\"\n    ></bsu-column-renderer>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-popover{flex:1}:host ::ng-deep span{color:var(--sapLinkColor);-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none);cursor:pointer}:host ::ng-deep span:hover{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2$3.DialogService }, { type: i0.ElementRef }]; }, propDecorators: { layout94: [{
-                type: Input
-            }], parameters: [{
-                type: Input
-            }] } });
-
-class FormReportViewItemComponent extends BaseViewItemPropsComponent {
-    constructor() {
-        super(...arguments);
-        this.toolbarItems = [];
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.mo.$FieldDict = this.fieldDict;
-        delete this.mo.$Wrapper;
-        const meFormSetting = JSON.parse(JSON.stringify(this.formSetting));
-        const mo = new BarsaApi.Common.MetaObjectWeb(this.mo);
-        meFormSetting.Data = { Mo: this.mo };
-        const formpanelCtrlrParams = this.UlvMainCtrlr.DataCtrlr.GetEditFormParams(mo, false, false, null, null);
-        this.formParams = Object.assign(Object.assign({}, formpanelCtrlrParams), { formSetting: meFormSetting, moId: this.mo.Id, typeDefId: this.typeDefId, isSimple: true, viewId: meFormSetting.View.TypeViewId });
-    }
-    onMoChanged(mo) {
-        this.UlvMainCtrlr.RefreshRowsByMosNoSelectionChange([mo], [], []);
-    }
-}
-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", UlvMainCtrlr: "UlvMainCtrlr", fieldDict: "fieldDict", saveOnValueChanged: "saveOnValueChanged" }, usesInheritance: true, ngImport: i0, template: "<bnrc-form\n    class=\"form-report-view-item\"\n    [params]=\"formParams\"\n    [UlvMainCtrlr]=\"UlvMainCtrlr\"\n    (moChanged)=\"onMoChanged($event)\"\n    [saveOnChange]=\"saveOnValueChanged\"\n></bnrc-form>\n", styles: [""], dependencies: [{ kind: "component", type: i1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }], 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\n    class=\"form-report-view-item\"\n    [params]=\"formParams\"\n    [UlvMainCtrlr]=\"UlvMainCtrlr\"\n    (moChanged)=\"onMoChanged($event)\"\n    [saveOnChange]=\"saveOnValueChanged\"\n></bnrc-form>\n" }]
-        }], propDecorators: { mo: [{
-                type: Input
-            }], UlvMainCtrlr: [{
-                type: Input
-            }], fieldDict: [{
-                type: Input
-            }], saveOnValueChanged: [{
-                type: Input
-            }] } });
-
-class FormReportViewComponent extends ReportViewBaseComponent {
-    ngOnInit() {
-        var _a;
-        super.ngOnInit();
-        const x = BarsaApi.Bw.RunBlMethod('GetSerializeFormSetting', ((_a = this.parameters) === null || _a === void 0 ? void 0 : _a.MetaTypeDefValue.Id) || this.typeViewId);
-        this.formSettingItem = BarsaApi.Ext.decode(x);
-    }
-    _trackByRow(index, row) {
-        return `${row.Id}`;
-    }
-}
-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", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"moDataList?.length; else empty\">\n    <ng-container *ngIf=\"formSettingItem\">\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                [allColumns]=\"allColumns\"\n                [columns]=\"columns\"\n                [moDataList]=\"moDataList\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [index]=\"index\"\n                [mo]=\"mo\"\n                [rtl]=\"rtl\"\n                [saveOnValueChanged]=\"viewSetting.SaveOnValueChanged\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel(mo)\"\n                (click)=\"onRowCheck({mo, index})\"\n            >\n            </bdc-form-report-view-item>\n        </ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #empty>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;row-gap:.825rem;margin-bottom:1rem}\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: "component", type: i3$2.NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: FormReportViewItemComponent, selector: "bdc-form-report-view-item", inputs: ["mo", "UlvMainCtrlr", "fieldDict", "saveOnValueChanged"] }], 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 *ngIf=\"formSettingItem\">\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                [allColumns]=\"allColumns\"\n                [columns]=\"columns\"\n                [moDataList]=\"moDataList\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [index]=\"index\"\n                [mo]=\"mo\"\n                [rtl]=\"rtl\"\n                [saveOnValueChanged]=\"viewSetting.SaveOnValueChanged\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel(mo)\"\n                (click)=\"onRowCheck({mo, index})\"\n            >\n            </bdc-form-report-view-item>\n        </ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #empty>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;row-gap:.825rem;margin-bottom:1rem}\n"] }]
-        }], propDecorators: { containerRef: [{
-                type: ViewChild,
-                args: ['containerRef', { static: true, read: ViewContainerRef }]
-            }] } });
-
-class FormCardComponent extends FormPropsBaseComponent {
-    ngOnInit() {
-        super.ngOnInit();
-    }
-}
-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], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\">\n    <ng-container *ngIf=\"toolbarItems\">\n        <!-- <fd-card-header *ngIf=\"toolbarVisible !== 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\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n    </fd-card-content>\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$2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$2.CardContentComponent, selector: "fd-card-content" }], 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-card', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<fd-card cardType=\"object\">\n    <ng-container *ngIf=\"toolbarItems\">\n        <!-- <fd-card-header *ngIf=\"toolbarVisible !== 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\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n    </fd-card-content>\n</fd-card>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"] }]
-        }] });
-
-const components = [
-    LoginFormComponent,
-    LoginSocialConncetionsComponent,
-    UiPersonComponent,
-    BarcodeReaderComponent,
-    BarcodeReaderDialogComponent,
-    BarcodeReaderVideoComponent,
-    SettingFormComponent,
-    MicroProcessFlowViewComponent,
-    UiEnumSegmentedButtonComponent,
-    TabProcessViewComponent,
-    UiTextFieldSearchComponent,
-    ServiceDeskHeaderComponent,
-    CardContentImageAndTitleComponent,
-    CardHeaderLogoTitleSubtitleComponent,
-    FormContentQuickViewComponent,
-    ServiceDeskServcieDetailComponent,
-    ServiceDeskViewOfServicesComponent,
-    ServiceDeskCardContentMojavezhayAkhzShodeComponent,
-    CardHeaderBigImageTitleAndSubtitleComponent,
-    ServiceDeskFormLayoutContentMojavezComponent,
-    UlvContextMenuItemShowFileContentComponent,
-    ResendVerificationCodeComponent,
-    CheckboxButtonComponent,
-    ReportTabViewComponent,
-    ReportLineChartViewComponent,
-    CardHeaderKpiComponent,
-    CardContentLineChartComponent,
-    FormChartContentComponent,
-    TableViewVerticalColumnsComponent,
-    QueryStringObservableComponent,
-    QueryStringFormObservableComponent,
-    G4bDetailsComponent,
-    AvatarComponent,
-    G4bEstelamComponent,
-    TimerCountDownComponent,
-    MoInfoMicroProccessFlowComponent,
-    MicroProccessFlowComponent,
-    EnumInfoMicroProccessFlowComponent,
-    UiPicturesCarouselComponent,
-    UiNumRateComponent,
-    MediaFileUploaderComponent,
-    SubformInRowReportComponent,
-    MasterDetailCardFormComponent,
-    ReportButtonViewComponent,
-    BarsaDocumentsComponent,
-    BarsaDocumentListItemComponent,
-    AcceptRejectComponent,
-    FooterComponent,
-    GeographicLocationComponent,
-    BarsaGeographicLocationComponent,
-    TokenReportViewComponent,
-    ColumnFormViewerComponent,
-    FormReportViewComponent,
-    FormReportViewItemComponent,
-    FormCardComponent
-];
-const pipes = [UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe];
-class BarsaDevelopComponentsModule extends BaseModule {
-    constructor(dcm, cfr) {
-        super(dcm, cfr, 'BarsaDevelopComponentsModule');
-        this.dcm = dcm;
-        this.cfr = cfr;
-        this.dynamicComponents = [...components];
-    }
-}
-BarsaDevelopComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDevelopComponentsModule, deps: [{ token: i1.DynamicComponentService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.NgModule });
-BarsaDevelopComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaDevelopComponentsModule, declarations: [LoginFormComponent,
-        LoginSocialConncetionsComponent,
-        UiPersonComponent,
-        BarcodeReaderComponent,
-        BarcodeReaderDialogComponent,
-        BarcodeReaderVideoComponent,
-        SettingFormComponent,
-        MicroProcessFlowViewComponent,
-        UiEnumSegmentedButtonComponent,
-        TabProcessViewComponent,
-        UiTextFieldSearchComponent,
-        ServiceDeskHeaderComponent,
-        CardContentImageAndTitleComponent,
-        CardHeaderLogoTitleSubtitleComponent,
-        FormContentQuickViewComponent,
-        ServiceDeskServcieDetailComponent,
-        ServiceDeskViewOfServicesComponent,
-        ServiceDeskCardContentMojavezhayAkhzShodeComponent,
-        CardHeaderBigImageTitleAndSubtitleComponent,
-        ServiceDeskFormLayoutContentMojavezComponent,
-        UlvContextMenuItemShowFileContentComponent,
-        ResendVerificationCodeComponent,
-        CheckboxButtonComponent,
-        ReportTabViewComponent,
-        ReportLineChartViewComponent,
-        CardHeaderKpiComponent,
-        CardContentLineChartComponent,
-        FormChartContentComponent,
-        TableViewVerticalColumnsComponent,
-        QueryStringObservableComponent,
-        QueryStringFormObservableComponent,
-        G4bDetailsComponent,
-        AvatarComponent,
-        G4bEstelamComponent,
-        TimerCountDownComponent,
-        MoInfoMicroProccessFlowComponent,
-        MicroProccessFlowComponent,
-        EnumInfoMicroProccessFlowComponent,
-        UiPicturesCarouselComponent,
-        UiNumRateComponent,
-        MediaFileUploaderComponent,
-        SubformInRowReportComponent,
-        MasterDetailCardFormComponent,
-        ReportButtonViewComponent,
-        BarsaDocumentsComponent,
-        BarsaDocumentListItemComponent,
-        AcceptRejectComponent,
-        FooterComponent,
-        GeographicLocationComponent,
-        BarsaGeographicLocationComponent,
-        TokenReportViewComponent,
-        ColumnFormViewerComponent,
-        FormReportViewComponent,
-        FormReportViewItemComponent,
-        FormCardComponent, UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe], imports: [CommonModule,
-        BarsaNovinRayCoreModule,
-        ReactiveFormsModule,
-        BarsaSapUiModule,
-        BarsaEchartsModule,
-        BarsaTilesModule,
-        FundamentalNgxCoreModule,
-        PlatformInputGroupModule,
-        FormsModule], exports: [LoginFormComponent,
-        LoginSocialConncetionsComponent,
-        UiPersonComponent,
-        BarcodeReaderComponent,
-        BarcodeReaderDialogComponent,
-        BarcodeReaderVideoComponent,
-        SettingFormComponent,
-        MicroProcessFlowViewComponent,
-        UiEnumSegmentedButtonComponent,
-        TabProcessViewComponent,
-        UiTextFieldSearchComponent,
-        ServiceDeskHeaderComponent,
-        CardContentImageAndTitleComponent,
-        CardHeaderLogoTitleSubtitleComponent,
-        FormContentQuickViewComponent,
-        ServiceDeskServcieDetailComponent,
-        ServiceDeskViewOfServicesComponent,
-        ServiceDeskCardContentMojavezhayAkhzShodeComponent,
-        CardHeaderBigImageTitleAndSubtitleComponent,
-        ServiceDeskFormLayoutContentMojavezComponent,
-        UlvContextMenuItemShowFileContentComponent,
-        ResendVerificationCodeComponent,
-        CheckboxButtonComponent,
-        ReportTabViewComponent,
-        ReportLineChartViewComponent,
-        CardHeaderKpiComponent,
-        CardContentLineChartComponent,
-        FormChartContentComponent,
-        TableViewVerticalColumnsComponent,
-        QueryStringObservableComponent,
-        QueryStringFormObservableComponent,
-        G4bDetailsComponent,
-        AvatarComponent,
-        G4bEstelamComponent,
-        TimerCountDownComponent,
-        MoInfoMicroProccessFlowComponent,
-        MicroProccessFlowComponent,
-        EnumInfoMicroProccessFlowComponent,
-        UiPicturesCarouselComponent,
-        UiNumRateComponent,
-        MediaFileUploaderComponent,
-        SubformInRowReportComponent,
-        MasterDetailCardFormComponent,
-        ReportButtonViewComponent,
-        BarsaDocumentsComponent,
-        BarsaDocumentListItemComponent,
-        AcceptRejectComponent,
-        FooterComponent,
-        GeographicLocationComponent,
-        BarsaGeographicLocationComponent,
-        TokenReportViewComponent,
-        ColumnFormViewerComponent,
-        FormReportViewComponent,
-        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,
-        BarsaSapUiModule,
-        BarsaEchartsModule,
-        BarsaTilesModule,
-        FundamentalNgxCoreModule,
-        PlatformInputGroupModule,
-        FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDevelopComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...components, ...pipes],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
-                    imports: [
-                        CommonModule,
-                        BarsaNovinRayCoreModule,
-                        ReactiveFormsModule,
-                        BarsaSapUiModule,
-                        BarsaEchartsModule,
-                        BarsaTilesModule,
-                        FundamentalNgxCoreModule,
-                        PlatformInputGroupModule,
-                        FormsModule
-                    ],
-                    providers: [UserMediaBaseService, WebBarcodeService],
-                    exports: [...components]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.DynamicComponentService }, { type: i0.ComponentFactoryResolver }]; } });
-
-/**
- * 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, 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