barsa-develop-components 1.0.276 → 1.0.277

package/fesm2020/barsa-develop-components.mjs

@@ -1181,46 +1181,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }] } });
 
 class CardContentImageAndTitleComponent extends BaseItemContentPropsComponent {
+    constructor() {
+        super(...arguments);
+        this.backgroundColor = null;
+        this.color = null;
+    }
     ngOnInit() {
         super.ngOnInit();
         const parameters = this.parameters;
         if (parameters != null) {
-            this.iconColor = parameters.FontIconColor;
-            this.backgroundColor = parameters.FontIconBackgroundColor;
-            this.backgroundHoverColor = parameters.FontIconHoverBackgroundColor;
-            this.iconHoverColor = parameters.FontIconHoverColor;
-            this.iconPicture = this._rval.transform(parameters.IconPicture, this.mo, this.allColumns);
+            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.icon = this._rval.transform(parameters.FontIconName, 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.iconColor.indexOf('#') < 0) {
-            this.iconColor = '#' + this.iconColor;
-        }
-        if (this.backgroundColor.indexOf('#') < 0) {
-            this.backgroundColor = '#' + this.backgroundColor;
+        if (this.color && Number(this.colorSetting[0])) {
+            this.color = '#' + this.colorSetting;
         }
-        if (this.backgroundHoverColor.indexOf('#') < 0) {
-            this.backgroundHoverColor = '#' + this.backgroundHoverColor;
-        }
-        if (this.iconHoverColor.indexOf('#') < 0) {
-            this.iconHoverColor = '#' + this.iconHoverColor;
+        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", viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true, read: ElementRef }, { propertyName: "elemRef", first: true, predicate: ["elemRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"iconPicture; else iconTemplate\"\n            [imgLazy]=\"iconPicture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\">\n        {{ title }}\n    </h5>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}: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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i3$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6.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$2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"picture; else iconTemplate\"\n            [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ title }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle }}\n    </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i3$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6.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$2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"iconPicture; else iconTemplate\"\n            [imgLazy]=\"iconPicture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\">\n        {{ title }}\n    </h5>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}: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}\n"] }]
+            args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n    <div class=\"item-data\">\n        <img\n            *ngIf=\"picture; else iconTemplate\"\n            [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n            height=\"70\"\n            width=\"100\"\n            [alt]=\"title\"\n        />\n        <ng-template #iconTemplate>\n            <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n        </ng-template>\n    </div>\n    <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ title }}\n    </h5>\n    <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n        {{ subtitle }}\n    </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"] }]
         }], propDecorators: { iconRef: [{
                 type: ViewChild,
-                args: ['iconRef', { read: ElementRef }]
-            }], elemRef: [{
-                type: ViewChild,
-                args: ['elemRef', { read: ElementRef }]
+                args: ['iconRef', { static: false }]
+            }], backgroundColor: [{
+                type: HostBinding,
+                args: ['style.background-color']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.color']
             }] } });
 
 class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent {
@@ -1365,8 +1366,24 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
             });
         }, 0);
     }
+    _findTab(layout94, title) {
+        if (layout94.Title === title) {
+            return layout94;
+        }
+        let tempLayout94 = null;
+        if (layout94.items?.length) {
+            for (let i = 0; i < layout94.items.length; i++) {
+                if (!tempLayout94) {
+                    tempLayout94 = this._findTab(layout94.items[i], title);
+                }
+            }
+        }
+        return tempLayout94;
+    }
     _prepare($FieldDict, mo) {
-        this.layout94.items[0].items[0].items[0].items.forEach((item2) => {
+        const leftside = this._findTab(this.layout94, 'جدول چپ');
+        const rightside = this._findTab(this.layout94, 'جدول راست');
+        leftside?.items[0]?.items?.forEach((item2) => {
             const key = item2.Caption;
             const fieldName = $FieldDict[key];
             const item = { caption: key, fieldName };
@@ -1391,7 +1408,7 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
             }
             this.firstArray.push(item);
         });
-        this.layout94.items[0].items[1].items[0].items.forEach((item2) => {
+        rightside?.items[0]?.items?.forEach((item2) => {
             const key = item2.Caption;
             const fieldName = $FieldDict[key];
             const item = { caption: key, fieldName };
@@ -1429,10 +1446,10 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
     }
 }
 ServiceDeskServcieDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskServcieDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ServiceDeskServcieDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskServcieDetailComponent, selector: "bdc-service-desk-servcie-detail", viewQueries: [{ propertyName: "tabContainerRef", first: true, predicate: ["tabContainerRef"], descendants: true }, { propertyName: "tablesRef", predicate: ["tablesRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"isMobile ? 'small' : 'large'\">\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab title=\"\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A\" 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\">\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\"\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\">\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\"\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\">\n            <fd-dynamic-page-content>\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab title=\"SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A\" *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\">\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\"\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 }}</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 }}</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] }}\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$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$6.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i3$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i2$1.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i2$1.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "pipe", type: i1$2.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ServiceDeskServcieDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskServcieDetailComponent, selector: "bdc-service-desk-servcie-detail", viewQueries: [{ propertyName: "tabContainerRef", first: true, predicate: ["tabContainerRef"], descendants: true }, { propertyName: "tablesRef", predicate: ["tablesRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"isMobile ? 'small' : 'large'\">\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab title=\"\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u062E\u062F\u0645\u062A\" 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\">\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\"\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\">\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\"\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\">\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\"\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab title=\"SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A\" *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\">\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\"\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 }}</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 }}</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] }}\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$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$6.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i3$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: i2$1.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i2$1.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "pipe", type: i1$2.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$2.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\" 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\">\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\"\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\">\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\"\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\">\n            <fd-dynamic-page-content>\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab title=\"SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A\" *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\">\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\"\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 }}</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 }}</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] }}\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"] }]
+            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\" 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\">\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\"\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\">\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\"\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\">\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\"\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\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\">\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\"\n                    [config]=\"configUi\"\n                ></bsu-layout-control>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        <fd-tab title=\"SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A\" *ngIf=\"'SLA \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u062E\u062F\u0645\u062A' | controlUi: layout94 as configUi\">\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\"\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 }}</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 }}</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] }}\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']