barsa-develop-components 1.0.380 → 1.0.382

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, Input, ViewChild, Injectable, EventEmitter, Output, Pipe, HostBinding, HostListener, RendererStyleFlags2, ElementRef, ViewEncapsulation, ViewChildren, ViewContainerRef, TemplateRef, Optional, ContentChildren, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, Input, ViewChild, Injectable, EventEmitter, Output, Pipe, HostBinding, HostListener, RendererStyleFlags2, ElementRef, ViewEncapsulation, ViewChildren, ViewContainerRef, TemplateRef, Optional, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
3
3
  import * as i3$2 from 'barsa-sap-ui';
4
4
  import { DeviceInfoFieldBaseComponent, UiMoInfoSubFormUiComponent, UiCheckBoxComponent, UiMoInfoUlvComboComponent, UiSimpleComboComponent, UiPicturesInfoComponent, UiPdfViewerComponent, ColumnRendererComponent, BarsaSapUiModule } from 'barsa-sap-ui';
5
5
  import { Subject, debounceTime, distinctUntilChanged, BehaviorSubject, of, takeUntil as takeUntil$1, switchMap } from 'rxjs';
@@ -11,7 +11,7 @@ import * as i1 from 'barsa-novin-ray-core';
11
11
  import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewItemPropsComponent, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
12
12
  import { takeUntil, shareReplay, filter, map, debounceTime as debounceTime$1, tap, exhaustMap, concatMap, finalize, delay, withLatestFrom } from 'rxjs/operators';
13
13
  import * as i2$3 from '@fundamental-ngx/core';
14
- import { TabListComponent, PopoverBodyComponent, TabPanelComponent, UploadCollectionItemDirective, FundamentalNgxCoreModule } from '@fundamental-ngx/core';
14
+ import { TabListComponent, PopoverBodyComponent, TabPanelComponent, FundamentalNgxCoreModule } from '@fundamental-ngx/core';
15
15
  import * as i1$1 from '@angular/common';
16
16
  import { CommonModule } from '@angular/common';
17
17
  import * as i2$2 from '@fundamental-ngx/core/tabs';
@@ -1413,7 +1413,7 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
1413
1413
  const rightside = FindLayoutSettingFromLayout94(this.layout94, 'جدول راست');
1414
1414
  leftside?.items[0]?.items?.forEach((item2) => {
1415
1415
  const key = item2.Caption;
1416
- const fieldName = $FieldDict[key];
1416
+ const fieldName = item2.ControlId;
1417
1417
  const item = { caption: key, fieldName };
1418
1418
  if (key === 'آدرس سایت' ||
1419
1419
  (typeof mo[fieldName] === 'string' &&
@@ -1438,7 +1438,7 @@ class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
1438
1438
  });
1439
1439
  rightside?.items[0]?.items?.forEach((item2) => {
1440
1440
  const key = item2.Caption;
1441
- const fieldName = $FieldDict[key];
1441
+ const fieldName = item2.ControlId;
1442
1442
  const item = { caption: key, fieldName };
1443
1443
  if (key === 'آدرس سایت' ||
1444
1444
  (typeof mo[fieldName] === 'string' &&
@@ -1507,10 +1507,10 @@ class ServiceDeskViewOfServicesComponent extends ReportViewBaseComponent {
1507
1507
  }
1508
1508
  }
1509
1509
  ServiceDeskViewOfServicesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskViewOfServicesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1510
- ServiceDeskViewOfServicesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\n <div class=\"service-list\">\n <fd-layout-grid>\n <div\n [fdLayoutGridCol]=\"12\"\n [colSm]=\"12\"\n [colMd]=\"3\"\n [colLg]=\"3\"\n [colXl]=\"3\"\n *ngFor=\"let mo of moDataList; let i = index\"\n >\n <div class=\"item\">\n <ng-container\n *ngTemplateOutlet=\"\n dynamicCommand;\n context: {\n $implicit: mo,\n index: i,\n dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n title: fieldTitle | rval: mo:allColumns | bbbTranslate\n }\n \"\n ></ng-container>\n </div>\n </div>\n </fd-layout-grid>\n </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n <button\n fd-button\n [dynCommand]=\"dynCommand\"\n [mo]=\"mo\"\n [enableCommand]=\"dynCommand\"\n style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n [fdType]=\"'emphasized'\"\n (click)=\"onRowClick2({ mo, index },dynCommand)\"\n [title]=\"title\"\n >\n <span class=\"item-icon\">\n <fd-icon glyph=\"product\"></fd-icon>\n </span>\n <span class=\"item-content\"> {{ title }}</span>\n <span class=\"item-icon-arrow\">\n <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n </span>\n </button>\n <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n <bsu-ulv-context-menu\n [disableOverflowContextMenu]=\"true\"\n [mo]=\"mo\"\n [index]=\"index\"\n [styleIndex]=\"mo.$StyleIndex\"\n [menuItems]=\"contextMenuItems\"\n [allColumns]=\"allColumns\"\n (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n ></bsu-ulv-context-menu>\n </div>\n</ng-template>\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$2.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1510
+ ServiceDeskViewOfServicesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\n <div class=\"service-list\">\n <fd-layout-grid>\n <div fdLayoutGridRow>\n <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let i = index\">\n <div *ngIf=\"mo.$Group || mo.$Group === ''\" [fdLayoutGridCol]=\"12\">\n <h3 fd-title style=\"font-size: 1.5rem\">{{ mo.$Group }}</h3>\n </div>\n <div *ngIf=\"!mo.$Group\" [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\n <div class=\"item\">\n <ng-container\n *ngTemplateOutlet=\"\n dynamicCommand;\n context: {\n $implicit: mo,\n index: i,\n dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n title: fieldTitle | rval: mo:allColumns | bbbTranslate\n }\n \"\n ></ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </fd-layout-grid>\n </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n <button\n fd-button\n [dynCommand]=\"dynCommand\"\n [mo]=\"mo\"\n [enableCommand]=\"dynCommand\"\n style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n [fdType]=\"'emphasized'\"\n (click)=\"onRowClick2({ mo, index },dynCommand)\"\n [title]=\"title\"\n >\n <span class=\"item-icon\">\n <fd-icon glyph=\"product\"></fd-icon>\n </span>\n <span class=\"item-content\"> {{ title }}</span>\n <span class=\"item-icon-arrow\">\n <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n </span>\n </button>\n <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n <bsu-ulv-context-menu\n [disableOverflowContextMenu]=\"true\"\n [mo]=\"mo\"\n [index]=\"index\"\n [styleIndex]=\"mo.$StyleIndex\"\n [menuItems]=\"contextMenuItems\"\n [allColumns]=\"allColumns\"\n (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n ></bsu-ulv-context-menu>\n </div>\n</ng-template>\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i3$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5$2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i5$2.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i5$2.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1511
1511
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ServiceDeskViewOfServicesComponent, decorators: [{
1512
1512
  type: Component,
1513
- args: [{ selector: 'bdc-service-desk-view-of-services', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"services\">\n <div class=\"service-list\">\n <fd-layout-grid>\n <div\n [fdLayoutGridCol]=\"12\"\n [colSm]=\"12\"\n [colMd]=\"3\"\n [colLg]=\"3\"\n [colXl]=\"3\"\n *ngFor=\"let mo of moDataList; let i = index\"\n >\n <div class=\"item\">\n <ng-container\n *ngTemplateOutlet=\"\n dynamicCommand;\n context: {\n $implicit: mo,\n index: i,\n dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n title: fieldTitle | rval: mo:allColumns | bbbTranslate\n }\n \"\n ></ng-container>\n </div>\n </div>\n </fd-layout-grid>\n </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n <button\n fd-button\n [dynCommand]=\"dynCommand\"\n [mo]=\"mo\"\n [enableCommand]=\"dynCommand\"\n style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n [fdType]=\"'emphasized'\"\n (click)=\"onRowClick2({ mo, index },dynCommand)\"\n [title]=\"title\"\n >\n <span class=\"item-icon\">\n <fd-icon glyph=\"product\"></fd-icon>\n </span>\n <span class=\"item-content\"> {{ title }}</span>\n <span class=\"item-icon-arrow\">\n <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n </span>\n </button>\n <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n <bsu-ulv-context-menu\n [disableOverflowContextMenu]=\"true\"\n [mo]=\"mo\"\n [index]=\"index\"\n [styleIndex]=\"mo.$StyleIndex\"\n [menuItems]=\"contextMenuItems\"\n [allColumns]=\"allColumns\"\n (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n ></bsu-ulv-context-menu>\n </div>\n</ng-template>\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"] }]
1513
+ args: [{ selector: 'bdc-service-desk-view-of-services', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"services\">\n <div class=\"service-list\">\n <fd-layout-grid>\n <div fdLayoutGridRow>\n <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let i = index\">\n <div *ngIf=\"mo.$Group || mo.$Group === ''\" [fdLayoutGridCol]=\"12\">\n <h3 fd-title style=\"font-size: 1.5rem\">{{ mo.$Group }}</h3>\n </div>\n <div *ngIf=\"!mo.$Group\" [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\n <div class=\"item\">\n <ng-container\n *ngTemplateOutlet=\"\n dynamicCommand;\n context: {\n $implicit: mo,\n index: i,\n dynCommand: fieldDynamicCommand | rval: mo:allColumns,\n title: fieldTitle | rval: mo:allColumns | bbbTranslate\n }\n \"\n ></ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </fd-layout-grid>\n </div>\n</div>\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\n <button\n fd-button\n [dynCommand]=\"dynCommand\"\n [mo]=\"mo\"\n [enableCommand]=\"dynCommand\"\n style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\n [fdType]=\"'emphasized'\"\n (click)=\"onRowClick2({ mo, index },dynCommand)\"\n [title]=\"title\"\n >\n <span class=\"item-icon\">\n <fd-icon glyph=\"product\"></fd-icon>\n </span>\n <span class=\"item-content\"> {{ title }}</span>\n <span class=\"item-icon-arrow\">\n <fd-icon *ngIf=\"fieldIcon\" [glyph]=\"fieldIcon\"></fd-icon>\n </span>\n </button>\n <div style=\"padding: 10px; border-top: 1px solid #ccc\">\n <bsu-ulv-context-menu\n [disableOverflowContextMenu]=\"true\"\n [mo]=\"mo\"\n [index]=\"index\"\n [styleIndex]=\"mo.$StyleIndex\"\n [menuItems]=\"contextMenuItems\"\n [allColumns]=\"allColumns\"\n (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\n ></bsu-ulv-context-menu>\n </div>\n</ng-template>\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"] }]
1514
1514
  }] });
1515
1515
 
1516
1516
  class ServiceDeskCardContentMojavezhayAkhzShodeComponent extends BaseComponent {
@@ -3357,61 +3357,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
3357
3357
  args: ['containerRef', { static: true, read: ViewContainerRef }]
3358
3358
  }] } });
3359
3359
 
3360
- class FormCardComponent extends FormBaseComponent {
3361
- constructor() {
3362
- super(...arguments);
3363
- this.attachments = [];
3364
- this.selectedValues = [];
3365
- this.selectedValuesCc = [];
3366
- this.selectedValuesBc = [];
3367
- this.values = ['عادی', 'محرمانه', 'خیلی محرمانه'];
3368
- this.values2 = ['عادی', 'آنی', 'فوری'];
3369
- this.roneveshtBc = false;
3370
- this.roneveshtCc = false;
3371
- this.files = [
3372
- { fileName: 'File_Name_1', extension: 'txt', icon: 'activate', inEdit: false },
3373
- {
3374
- fileName: 'File_Name_2',
3375
- extension: 'jpg',
3376
- icon: 'calendar',
3377
- marker1: 'flag',
3378
- marker2: 'add-favorite',
3379
- inEdit: false
3380
- },
3381
- { fileName: 'File_Name_3', extension: 'pdf', icon: 'customer', inEdit: false }
3382
- ];
3383
- this.displayedItems = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Strawberry'];
3384
- this.attachmentInEdit = false;
3385
- this.cards = [1];
3386
- this.secondConfig = {
3387
- approveButtonText: 'Approve',
3388
- cancelButtonText: 'Cancel',
3389
- hasCloseButton: true,
3390
- dialogConfig: {
3391
- ariaLabel: 'Select fruits dialog'
3392
- }
3393
- };
3394
- }
3360
+ class FormCardComponent extends FormPropsBaseComponent {
3395
3361
  ngOnInit() {
3396
3362
  super.ngOnInit();
3397
3363
  }
3398
- fileNameChanged(event) {
3399
- window.alert('User has updated the file name to ' + event.fileName);
3400
- }
3401
- deleteClicked(event, file) {
3402
- window.alert('User has deleted the file ' + event.fileName + '.' + event.extension);
3403
- this.files.splice(this.files.indexOf(file), 1);
3404
- }
3405
3364
  }
3406
3365
  FormCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
3407
- FormCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormCardComponent, selector: "bdc-form-card", providers: [FormPanelService], queries: [{ propertyName: "uploadCollectionItems", predicate: UploadCollectionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\">\n <ng-container *ngIf=\"toolbarItems$ | async as toolbarItems\">\n <fd-card-header *ngIf=\"(toolbarVisible$ | async) !== false && toolbarItems.length\">\n <div fd-card-title></div>\n <div fd-card-subtitle style=\"width: 100%\"></div>\n </fd-card-header>\n </ng-container>\n <fd-card-content>\n <bsu-ly-layout-container-of-root\n [config]=\"layout94$ | async\"\n [isPanel]=\"false\"\n [isRoot]=\"true\"\n ></bsu-ly-layout-container-of-root>\n </fd-card-content>\n</fd-card>\n<!-- \n<fd-card *ngFor=\"let card of cards\" cardType=\"object\">\n <fd-card-content>\n <div style=\"display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap\">\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0641\u0648\u0631\u06CC\u062A</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0645\u0647\u0644\u062A \u067E\u0627\u0633\u062E</label>\n <span\n style=\"padding-top: 0.725rem\"\n fd-object-status\n status=\"negative\"\n label=\"1402/06/31 14:12\"\n aria-label=\"Object status Negative\"\n ></span>\n </div>\n </div>\n\n <div style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\">\n <fd-multi-input\n style=\"width: 100%\"\n [mobile]=\"true\"\n [dropdownValues]=\"displayedItems\"\n [showAllButton]=\"false\"\n placeholder=\"\u06AF\u06CC\u0631\u0646\u062F\u06AF\u0627\u0646 \u067E\u06CC\u0627\u0645\"\n [mobileConfig]=\"secondConfig\"\n [(ngModel)]=\"selectedValues\"\n ></fd-multi-input>\n <div style=\"display: flex; column-gap: 0.285rem\" *ngIf=\"!roneveshtCc && !roneveshtBc\">\n <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n <span>/</span>\n <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n </div>\n </div>\n <div\n *ngIf=\"roneveshtCc\"\n style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n >\n <fd-multi-input\n style=\"width: 100%\"\n [mobile]=\"true\"\n [dropdownValues]=\"displayedItems\"\n [showAllButton]=\"false\"\n placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u0628\u0647...\"\n [mobileConfig]=\"secondConfig\"\n [(ngModel)]=\"selectedValuesCc\"\n ></fd-multi-input>\n <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n </div>\n <div\n *ngIf=\"roneveshtBc\"\n style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n >\n <fd-multi-input\n style=\"width: 100%\"\n [mobile]=\"true\"\n [dropdownValues]=\"displayedItems\"\n [showAllButton]=\"false\"\n placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u067E\u0646\u0647\u0627\u0646 \u0628\u0647...\"\n [mobileConfig]=\"secondConfig\"\n [(ngModel)]=\"selectedValuesBc\"\n ></fd-multi-input>\n <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n </div>\n <div>\n <div>\n <textarea\n style=\"min-height: 150px\"\n formControlName=\"textAreaControl\"\n fd-form-control\n id=\"textarea-21\"\n placeholder=\"\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645\"\n growing=\"true\"\n wrapType=\"hard\"\n ></textarea>\n <div *ngIf=\"true\" class=\"file-viewer-attachments\">\n <ul fd-list>\n <li\n fd-list-item\n *ngFor=\"let item of files; let ind = index\"\n style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\"\n >\n <input\n style=\"width: 90%\"\n *ngIf=\"item.inEdit\"\n fd-form-control\n [value]=\"item.fileName\"\n (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n />\n <span *ngIf=\"!item.inEdit\" fd-list-title>\n {{ item.fileName }}\n </span>\n <span fd-list-secondary>\n <button\n ariaLabel=\"Edit Or Save\"\n fdType=\"transparent\"\n class=\"fd-button--compact\"\n fd-button\n fdCompact\n [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n (click)=\"item.inEdit = !item.inEdit\"\n ></button>\n <button\n *ngIf=\"!item.inEdit\"\n ariaLabel=\"Remove\"\n fdType=\"transparent\"\n title=\"Remove\"\n fd-button\n glyph=\"delete\"\n ></button>\n </span>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </fd-card-content>\n <fd-card-footer>\n <button *fdCardFooterActionItem fd-button fdType=\"standard\" glyph=\"delete\">\u062D\u0630\u0641 \u0627\u0631\u062C\u0627\u0639</button>\n <button fd-button fdType=\"transparent\" [title]=\"'\u062A\u0628\u062F\u06CC\u0644 \u0635\u062F\u0627 \u0628\u0647 \u0645\u062A\u0646'\" glyph=\"microphone\"></button>\n <button\n fd-button\n fdType=\"transparent\"\n style=\"min-width: 6rem\"\n [label]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n [title]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n glyph=\"attachment\"\n ></button>\n <fd-menu #menuIcons>\n <li fd-menu-item [submenu]=\"noeErja\">\n <div fd-menu-interactive>\n <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </div>\n </li>\n <li fd-menu-item [submenu]=\"noeNameh\">\n <a fd-menu-interactive>\n <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </a>\n </li>\n <fd-menu-separator></fd-menu-separator>\n\n <li fd-menu-item [submenu]=\"foriat\">\n <a fd-menu-interactive>\n <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </a>\n </li>\n <li fd-menu-item [submenu]=\"security\">\n <a fd-menu-interactive>\n <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </a>\n </li>\n </fd-menu>\n <fd-submenu #noeErja>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n </a>\n </li>\n </fd-submenu>\n <fd-submenu #noeNameh>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n </a>\n </li>\n </fd-submenu>\n <fd-submenu #foriat>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0622\u0646\u06CC</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n </a>\n </li>\n </fd-submenu>\n <fd-submenu #security>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n </a>\n </li>\n </fd-submenu>\n </fd-card-footer>\n</fd-card> -->\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i3$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i3$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i3$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i3$3.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i3$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3366
+ FormCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormCardComponent, selector: "bdc-form-card", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\">\n <ng-container *ngIf=\"toolbarItems\">\n <fd-card-header *ngIf=\"toolbarVisible !== false && toolbarItems.length\">\n <div fd-card-title></div>\n <div fd-card-subtitle style=\"width: 100%\"></div>\n </fd-card-header>\n </ng-container>\n <fd-card-content>\n <bsu-ly-layout-container-of-root\n [config]=\"layout94\"\n [isPanel]=\"false\"\n [isRoot]=\"true\"\n ></bsu-ly-layout-container-of-root>\n </fd-card-content>\n</fd-card>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i3$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i3$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i3$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i3$3.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i3$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3408
3367
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormCardComponent, decorators: [{
3409
3368
  type: Component,
3410
- args: [{ selector: 'bdc-form-card', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<fd-card cardType=\"object\">\n <ng-container *ngIf=\"toolbarItems$ | async as toolbarItems\">\n <fd-card-header *ngIf=\"(toolbarVisible$ | async) !== false && toolbarItems.length\">\n <div fd-card-title></div>\n <div fd-card-subtitle style=\"width: 100%\"></div>\n </fd-card-header>\n </ng-container>\n <fd-card-content>\n <bsu-ly-layout-container-of-root\n [config]=\"layout94$ | async\"\n [isPanel]=\"false\"\n [isRoot]=\"true\"\n ></bsu-ly-layout-container-of-root>\n </fd-card-content>\n</fd-card>\n<!-- \n<fd-card *ngFor=\"let card of cards\" cardType=\"object\">\n <fd-card-content>\n <div style=\"display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap\">\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0641\u0648\u0631\u06CC\u062A</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</label>\n <fd-select placeholder=\"\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\" [(value)]=\"selectedValue1\" style=\"min-width: 7rem\">\n <li fd-option *ngFor=\"let option of values2\" [value]=\"option\">{{ option }}</li>\n </fd-select>\n </div>\n <div style=\"display: flex; flex-direction: column\">\n <label fd-label>\u0645\u0647\u0644\u062A \u067E\u0627\u0633\u062E</label>\n <span\n style=\"padding-top: 0.725rem\"\n fd-object-status\n status=\"negative\"\n label=\"1402/06/31 14:12\"\n aria-label=\"Object status Negative\"\n ></span>\n </div>\n </div>\n\n <div style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\">\n <fd-multi-input\n style=\"width: 100%\"\n [mobile]=\"true\"\n [dropdownValues]=\"displayedItems\"\n [showAllButton]=\"false\"\n placeholder=\"\u06AF\u06CC\u0631\u0646\u062F\u06AF\u0627\u0646 \u067E\u06CC\u0627\u0645\"\n [mobileConfig]=\"secondConfig\"\n [(ngModel)]=\"selectedValues\"\n ></fd-multi-input>\n <div style=\"display: flex; column-gap: 0.285rem\" *ngIf=\"!roneveshtCc && !roneveshtBc\">\n <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n <span>/</span>\n <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n </div>\n </div>\n <div\n *ngIf=\"roneveshtCc\"\n style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n >\n <fd-multi-input\n style=\"width: 100%\"\n [mobile]=\"true\"\n [dropdownValues]=\"displayedItems\"\n [showAllButton]=\"false\"\n placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u0628\u0647...\"\n [mobileConfig]=\"secondConfig\"\n [(ngModel)]=\"selectedValuesCc\"\n ></fd-multi-input>\n <a *ngIf=\"!roneveshtBc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtBc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A \u0646\u0647\u0627\u0646</a>\n </div>\n <div\n *ngIf=\"roneveshtBc\"\n style=\"margin: 1.2rem 0; width: 100%; flex-direction: column; display: flex; align-items: start\"\n >\n <fd-multi-input\n style=\"width: 100%\"\n [mobile]=\"true\"\n [dropdownValues]=\"displayedItems\"\n [showAllButton]=\"false\"\n placeholder=\"\u0631\u0648\u0646\u0648\u0634\u062A \u067E\u0646\u0647\u0627\u0646 \u0628\u0647...\"\n [mobileConfig]=\"secondConfig\"\n [(ngModel)]=\"selectedValuesBc\"\n ></fd-multi-input>\n <a *ngIf=\"!roneveshtCc\" fd-link aria-label=\"Standard\" (click)=\"roneveshtCc = true\"> \u0631\u0648\u0646\u0648\u0634\u062A</a>\n </div>\n <div>\n <div>\n <textarea\n style=\"min-height: 150px\"\n formControlName=\"textAreaControl\"\n fd-form-control\n id=\"textarea-21\"\n placeholder=\"\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645\"\n growing=\"true\"\n wrapType=\"hard\"\n ></textarea>\n <div *ngIf=\"true\" class=\"file-viewer-attachments\">\n <ul fd-list>\n <li\n fd-list-item\n *ngFor=\"let item of files; let ind = index\"\n style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\"\n >\n <input\n style=\"width: 90%\"\n *ngIf=\"item.inEdit\"\n fd-form-control\n [value]=\"item.fileName\"\n (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n />\n <span *ngIf=\"!item.inEdit\" fd-list-title>\n {{ item.fileName }}\n </span>\n <span fd-list-secondary>\n <button\n ariaLabel=\"Edit Or Save\"\n fdType=\"transparent\"\n class=\"fd-button--compact\"\n fd-button\n fdCompact\n [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n (click)=\"item.inEdit = !item.inEdit\"\n ></button>\n <button\n *ngIf=\"!item.inEdit\"\n ariaLabel=\"Remove\"\n fdType=\"transparent\"\n title=\"Remove\"\n fd-button\n glyph=\"delete\"\n ></button>\n </span>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </fd-card-content>\n <fd-card-footer>\n <button *fdCardFooterActionItem fd-button fdType=\"standard\" glyph=\"delete\">\u062D\u0630\u0641 \u0627\u0631\u062C\u0627\u0639</button>\n <button fd-button fdType=\"transparent\" [title]=\"'\u062A\u0628\u062F\u06CC\u0644 \u0635\u062F\u0627 \u0628\u0647 \u0645\u062A\u0646'\" glyph=\"microphone\"></button>\n <button\n fd-button\n fdType=\"transparent\"\n style=\"min-width: 6rem\"\n [label]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n [title]=\"'\u067E\u06CC\u0648\u0633\u062A'\"\n glyph=\"attachment\"\n ></button>\n <fd-menu #menuIcons>\n <li fd-menu-item [submenu]=\"noeErja\">\n <div fd-menu-interactive>\n <span fd-menu-title>\u0646\u0648\u0639 \u0627\u0631\u062C\u0627\u0639</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </div>\n </li>\n <li fd-menu-item [submenu]=\"noeNameh\">\n <a fd-menu-interactive>\n <span fd-menu-title>\u0646\u0648\u0639 \u0646\u0627\u0645\u0647</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </a>\n </li>\n <fd-menu-separator></fd-menu-separator>\n\n <li fd-menu-item [submenu]=\"foriat\">\n <a fd-menu-interactive>\n <span fd-menu-title>\u0641\u0648\u0631\u06CC\u062A</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </a>\n </li>\n <li fd-menu-item [submenu]=\"security\">\n <a fd-menu-interactive>\n <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u06AF\u06CC</span>\n <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\n </a>\n </li>\n </fd-menu>\n <fd-submenu #noeErja>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u062C\u0647\u062A \u0627\u0637\u0644\u0627\u0639</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u062C\u0647\u062A \u0627\u0633\u062A\u062D\u0636\u0627\u0631</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0647\u0645\u06CC\u0646\u062C\u0648\u0631\u06CC</span>\n </a>\n </li>\n </fd-submenu>\n <fd-submenu #noeNameh>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0646\u0627\u0645\u0647 1</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0646\u0627\u0645\u0647 2</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0646\u0627\u0645\u0647 3</span>\n </a>\n </li>\n </fd-submenu>\n <fd-submenu #foriat>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0622\u0646\u06CC</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0641\u0648\u0631\u06CC</span>\n </a>\n </li>\n </fd-submenu>\n <fd-submenu #security>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0639\u0627\u062F\u06CC</span>\n </a>\n </li>\n\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n </a>\n </li>\n <li fd-menu-item>\n <a href=\"#\" fd-menu-interactive>\n <span fd-menu-title>\u062E\u06CC\u0644\u06CC \u0645\u062D\u0631\u0645\u0627\u0646\u0647</span>\n </a>\n </li>\n </fd-submenu>\n </fd-card-footer>\n</fd-card> -->\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"] }]
3411
- }], propDecorators: { uploadCollectionItems: [{
3412
- type: ContentChildren,
3413
- args: [UploadCollectionItemDirective, { descendants: true }]
3414
- }] } });
3369
+ args: [{ selector: 'bdc-form-card', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<fd-card cardType=\"object\">\n <ng-container *ngIf=\"toolbarItems\">\n <fd-card-header *ngIf=\"toolbarVisible !== false && toolbarItems.length\">\n <div fd-card-title></div>\n <div fd-card-subtitle style=\"width: 100%\"></div>\n </fd-card-header>\n </ng-container>\n <fd-card-content>\n <bsu-ly-layout-container-of-root\n [config]=\"layout94\"\n [isPanel]=\"false\"\n [isRoot]=\"true\"\n ></bsu-ly-layout-container-of-root>\n </fd-card-content>\n</fd-card>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"] }]
3370
+ }] });
3415
3371
 
3416
3372
  const components = [
3417
3373
  LoginFormComponent,