barsa-develop-components 1.0.273 → 1.0.274

package/fesm2020/barsa-develop-components.mjs

@@ -1315,6 +1315,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
     constructor() {
         super(...arguments);
+        this.firstArray = [];
+        this.secondArray = [];
         this.moByCaption = {};
         this.fieldsCaption = [];
         this.value = '';
@@ -1365,7 +1367,8 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
         }, 0);
     }
     _prepare($FieldDict, mo) {
-        Object.keys($FieldDict).forEach((key) => {
+        this.layout94.items[0].items[0].items[0].items.forEach((item2) => {
+            const key = item2.Caption;
             const fieldName = $FieldDict[key];
             const item = { caption: key, fieldName };
             if (key === 'آدرس سایت' ||
@@ -1387,72 +1390,50 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
                     item.type = 'Relation';
                 }
             }
-            this.fieldsCaption.push(item);
+            this.firstArray.push(item);
+        });
+        this.layout94.items[0].items[1].items[0].items.forEach((item2) => {
+            const key = item2.Caption;
+            const fieldName = $FieldDict[key];
+            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;
         }
-        const filteredControls = this.fieldsCaption.filter((c) => c.caption !== 'فایل های لازم' &&
-            c.caption !== 'نیاز به استعلام از دستگاههای دیگر' &&
-            c.caption !== 'مراحل اخذ خدمت' &&
-            c.caption !== 'توضیح مراجعه حضوری' &&
-            c.caption !== 'پیشنیازهای اخذ خدمت' &&
-            c.caption !== 'مدارک مورد نیاز اخذ خدمت' &&
-            c.caption !== 'راهنمای اخذ خدمت' &&
-            c.caption !== 'ثبت نظرسنجی' &&
-            c.caption !== 'ثبت درخواست' &&
-            c.caption !== 'آمار عملکردی' &&
-            c.caption !== 'توافق نامه سطح خدمت' &&
-            c.caption !== 'فرآیند مجوز' &&
-            c.caption !== 'شرایط اخذ خدمت' &&
-            c.caption !== 'مراحل اخذ خدمت' &&
-            c.caption !== 'SLA و راهنمای خدمت' &&
-            c.caption !== 'جنس مجوز' &&
-            c.caption !== 'مجوز وابسته' &&
-            c.caption !== 'نوع خدمت' &&
-            c.caption !== 'لینک خدمت' &&
-            c.caption !== 'گروه خدمت' &&
-            c.caption !== 'خدمات مرتبط' &&
-            c.caption !== 'تصوير فلوچارت' &&
-            c.caption !== 'ضوابط خاص اخذ خدمت' &&
-            c.caption !== 'راهنمای تصویری' &&
-            c.caption !== 'مدارک مورد نیاز اخذ خدمت' &&
-            c.caption !== 'پیشنیازهای اخذ خدمت' &&
-            c.caption !== 'بیانیه خدمت' &&
-            c.caption !== 'واحدهای سازمانی ارائه دهنده' &&
-            // c.caption != 'نیاز به استعلام از دستگاههای دیگر' &&
-            c.caption !== 'استعلام سازمان ها' &&
-            // c.caption != 'سایت جداگانه' &&
-            // c.caption != 'سامانه' &&
-            // c.caption != 'نیاز به پرداخت هزینه' &&
-            c.caption !== 'گروه ساختار' &&
-            c.caption !== 'هزینه های خدمت' &&
-            c.caption !== 'عناوین مرتبط' &&
-            c.caption !== 'فایل شناسنامه خدمت' &&
-            c.caption !== 'مبانی قانونی ارائه خدمت' &&
-            c.caption !== 'تعریف خدمت' &&
-            c.caption !== 'تصویر فلوچارت' &&
-            c.caption !== 'سوالات متداول' &&
-            // c.caption != 'نیاز به مراجعه حضوری' &&
-            // c.caption != 'توضیح مراجعه حضوری' &&
-            c.caption !== 'عنوان' &&
-            c.caption !== 'کد خدمت');
-        const controlCount = filteredControls.length;
-        const controlCountMiddle = Math.ceil(filteredControls.length / 2);
-        this.firstArray = filteredControls.slice(0, controlCountMiddle);
-        this.secondArray = filteredControls.slice(controlCountMiddle, controlCount);
+        // this.firstArray = filteredControls.slice(0, controlCountMiddle);
+        // this.secondArray = filteredControls.slice(controlCountMiddle, controlCount);
         this.khadamatmortabet = mo[$FieldDict['خدمات مرتبط']]?.MoDataList ?? [];
-        this.filteredControls = filteredControls;
         this.khadamatmortabetReport = mo[$FieldDict['خدمات مرتبط']];
-        this.isOdd = controlCount % 2 === 0;
+        // 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\" 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$3.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: i3$7.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$7.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$7.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i3$6.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=\"'\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$3.LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: i3$7.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i3$7.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i3$7.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i3$6.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=\"'\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"] }]
         }], propDecorators: { tabContainerRef: [{
                 type: ViewChild,
                 args: ['tabContainerRef']