npm - raise-common-lib - Versions diffs - 0.0.209 → 0.0.211 - Mend

raise-common-lib 0.0.209 → 0.0.211

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.

Files changed (76) hide show

package/raise-common-lib.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"CommonGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"rs-common-grid","template":"<ejs-grid\r\n #grid\r\n [id]=\"gridId\"\r\n [ngClass]=\"{\r\n 'hide-Check-box': !alwaysShowCheckbox,\r\n 'grid-loading': className === 'grid-loading'\r\n }\"\r\n [dataSource]=\"dataSource\"\r\n [allowPaging]=\"allowPaging && pageSettings\"\r\n [allowResizing]=\"true\"\r\n [pageSettings]=\"pageSettings\"\r\n [showColumnMenu]=\"true\"\r\n [allowSorting]=\"true\"\r\n [allowFiltering]=\"true\"\r\n [allowExcelExport]=\"true\"\r\n [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n [filterSettings]=\"filterSettings\"\r\n [resizeSettings]=\"resizeSettings\"\r\n [allowSelection]=\"true\"\r\n [editSettings]=\"editSettings\"\r\n [childGrid]=\"childGrid\"\r\n [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n [selectionSettings]=\"selectionSettings\"\r\n (recordClick)=\"_recordClick($event)\"\r\n (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n (actionBegin)=\"_actionBegin($event)\"\r\n (actionComplete)=\"_actionHandler($event)\"\r\n (rowSelected)=\"_rowSelected($event)\"\r\n (rowDeselecting)=\"_rowDeselecting($event)\"\r\n (rowDeselected)=\"_rowDeselected($event)\"\r\n style=\"border: none\"\r\n (contextMenuClick)=\"_onContextMenu($event)\"\r\n (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n (queryCellInfo)=\"customiseCell($event)\"\r\n (dataBound)=\"_dataBound($event)\"\r\n (rowDataBound)=\"_rowDataBound($event)\"\r\n (rowSelecting)=\"_rowSelecting($event)\"\r\n (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n (rowDrop)=\"onRowDrop($event)\"\r\n (rowDragStart)=\"_rowDragStart($event)\"\r\n (rowDrag)=\"_rowDrag($event)\"\r\n (load)=\"_load()\"\r\n [frozenColumns]=\"frozenColumns\"\r\n [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n <e-columns>\r\n <e-column\r\n ngIf=\"showCheckBox\"\r\n type=\"checkbox\"\r\n [width]=\"checkBoxWidth\"\r\n [minWidth]=\"checkBoxWidth\"\r\n [showColumnMenu]=\"false\"\r\n [allowResizing]=\"false\"\r\n ></e-column>\r\n <e-column\r\n ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n [field]=\"item.columnName\"\r\n [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n [customAttributes]=\"\r\n item.colName === 'entityUserList' \|\| item.colName === 'kycProgress'\r\n ? { class: 'hideColumnFilterClass' }\r\n : {}\r\n \"\r\n [headerText]=\"item.columnDisplayName\"\r\n [textAlign]=\"item.textAlign\"\r\n [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n [showInColumnChooser]=\"\r\n item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n \"\r\n [editType]=\"item.editType\"\r\n [validationRules]=\"item.validationRules\"\r\n [type]=\"item.dataType \|\| 'string'\"\r\n [width]=\"item.width\"\r\n [minWidth]=\"item.minWidth\"\r\n [format]=\"item.format\"\r\n [visible]=\"item.visible\"\r\n [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n [clipMode]=\"\r\n item.clipMode ? item.clipMode : clipMode \|\| 'EllipsisWithTooltip'\r\n \"\r\n [sortComparer]=\"item.dateComparer \|\| null\"\r\n [allowResizing]=\"!last\"\r\n >\r\n </e-column>\r\n </e-columns>\r\n</ejs-grid>\r\n","styles":[""]}]}],"members":{"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["grid",{"static":false}]}]}],"showCheckBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"loaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"hiddenLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"authorized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"selectedDiffKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"gridHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"gridId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"resizeSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"filterSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"editSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"columnTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"pageSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"allowPaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"allowRowDragAndDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"clipMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"checkBoxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"childGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"frozenColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"columnChooserSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"contextMenuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"selectionSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"alwaysShowCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"defaultRecord":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"disableSystemRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"recordDoubleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"actionComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"rowSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"rowDeselected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"rowDeselecting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"onContextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"actionHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"queryCellInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"recordClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"actionBegin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"rowDataBound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"dataBound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"exportQueryCellInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"rowSelecting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"rowDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"rowDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"rowDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":103,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_load":[{"__symbolic":"method"}],"_dataBound":[{"__symbolic":"method"}],"_exportQueryCellInfo":[{"__symbolic":"method"}],"_rowDrag":[{"__symbolic":"method"}],"_rowDragStart":[{"__symbolic":"method"}],"_recordDoubleClick":[{"__symbolic":"method"}],"_rowDeselecting":[{"__symbolic":"method"}],"_rowSelected":[{"__symbolic":"method"}],"_rowDeselected":[{"__symbolic":"method"}],"_onContextMenu":[{"__symbolic":"method"}],"_actionBegin":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"selectRows":[{"__symbolic":"method"}],"selectRow":[{"__symbolic":"method"}],"getCurrentViewRecords":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"contextMenuOpen":[{"__symbolic":"method"}],"_actionHandler":[{"__symbolic":"method"}],"chooseRecords":[{"__symbolic":"method"}],"_recordClick":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"_rowSelecting":[{"__symbolic":"method"}],"refreshColumns":[{"__symbolic":"method"}],"refreshHeader":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"getSelectedRecords":[{"__symbolic":"method"}],"onRowDrop":[{"__symbolic":"method"}],"_rowDataBound":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"excelExport":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"saveItem":[{"__symbolic":"method"}],"editItem":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"cancelItem":[{"__symbolic":"method"}],"showLoading":[{"__symbolic":"method"}],"hideLoading":[{"__symbolic":"method"}]}},"GridActionItem":{"__symbolic":"interface"},"GridActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"rs-grid-action","template":"<button\r\n\tclass=\"grid-action-toggle\"\r\n\tmat-button\r\n\ttype=\"button\"\r\n\t[matMenuTriggerFor]=\"menu\"\r\n\tmatTooltip=\"{{ translation.ACTIONS }}\"\r\n>\r\n\t<mat-icon svgIcon=\"more\"></mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"grid-action-menu-content\">\r\n\t<ng-content></ng-content>\r\n</mat-menu>\r\n","styles":[":host{flex:none;display:block;margin-left:auto}.grid-action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.grid-action-toggle:hover{background:rgba(214,227,245,.2)}.grid-action-toggle .mat-button-wrapper{max-height:24px;height:24px}.grid-action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}::ng-deep .grid-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);overflow:visible}::ng-deep .grid-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled{pointer-events:none}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled button.grid-action-item{opacity:.4}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item{min-width:100px;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start!important;gap:6px;height:28px!important;padding:0 8px;border-radius:4px;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item:hover{background-color:rgba(0,0,0,.04)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item:hover .mat-menu-ripple{background:0 0!important}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image::before{display:block;width:16px;height:16px;line-height:16px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Detail]::before{content:url(/assets/img/grid-action-detail.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Delete]::before{content:url(/assets/img/grid-action-delete.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Send]::before{content:url(/assets/img/grid-action-send.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Copy]::before{content:url(/assets/img/grid-action-copy.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Edit]::before{content:url(/assets/img/grid-action-edit.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Note]::before{content:url(/assets/img/grid-action-note.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Download]::before{content:url(/assets/img/grid-action-download.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Preview]::before{content:url(/assets/img/grid-action-preview.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Export]::before{content:url(/assets/img/grid-action-export.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Move]::before{content:url(/assets/img/grid-action-move.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Duplicate]::before{content:url(/assets/img/grid-action-duplicate.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Refresh]::before{content:url(/assets/img/grid-action-refresh.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ViewStatus]::before{content:url(/assets/img/grid-action-viewStatus.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Verify]::before{content:url(/assets/img/grid-action-verify.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image img{height:16px;display:block}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow{vertical-align:middle;position:absolute;right:4px;top:6px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow img{vertical-align:middle}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"GridActionItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"rs-grid-action-item","template":"<button\r\n ngIf=\"!children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n type=\"button\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"grid-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<rs-float-box placement=\"right\" position=\"start\">\r\n <button\r\n ngIf=\"children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n [disabled]=\"!!disabled\"\r\n >\r\n <span class=\"grid-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"grid-action-arrow\" ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/grid-menu-arrow-right.svg\" />\r\n </span>\r\n </button>\r\n <div float-content>\r\n <ng-container ngFor=\"let button of children\">\r\n <button\r\n class=\"grid-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) \|\| false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"grid-action-image\"\r\n ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</rs-float-box>\r\n"}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3},"arguments":["image"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3},"arguments":["text"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["disabled"]}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["children"]}]}],"hideArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["hideArrow"]}]}],"disabledOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"hostDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class.disabled"]}]}]}},"FloatBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"rs-float-box","template":"<div\r\n #element\r\n class=\"float-box-container\"\r\n [attr.data-trigger]=\"trigger\"\r\n (click)=\"onClickContainer()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <ng-content></ng-content>\r\n <div\r\n #content\r\n class=\"float-box-content\"\r\n [attr.data-placement]=\"placement\"\r\n [attr.data-position]=\"position\"\r\n [attr.data-animation]=\"animation\"\r\n [attr.data-fixed]=\"fixed\"\r\n [attr.data-opened]=\"opened\"\r\n >\r\n <div class=\"float-box-show-content\">\r\n <ng-content select=\"[float-content]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".float-box-container{position:relative}.float-box-container[data-trigger=click]>.float-box-content[data-opened=no],.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top:0;--left:0;--translate-x:0;--translate-y:0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{-webkit-animation:.25s ease-in-out;animation:.25s ease-in-out}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{-webkit-animation-name:open-from-top;animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start]{--left:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center]{--left:50%;--translate-x:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end]{--left:calc(100% + 8px);--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top:50%;--translate-y:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top:calc(100% + 8px);--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{-webkit-animation-name:open-from-top;animation-name:open-from-top}@-webkit-keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@-webkit-keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}"]}]}],"members":{"_placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":2},"arguments":["placement"]}]}],"_position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":2},"arguments":["position"]}]}],"_trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2},"arguments":["trigger"]}]}],"_animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":2},"arguments":["animation"]}]}],"_fixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2},"arguments":["fixed"]}]}],"openChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":2},"arguments":["openChange"]}]}],"rootElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":2},"arguments":["element",{"static":false}]}]}],"contentElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":2},"arguments":["content",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getFixedContainer":[{"__symbolic":"method"}],"setFixedContentPosition":[{"__symbolic":"method"}],"onClickContainer":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"RsCommentaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"rs-commentary","template":"<div class=\"rs-commentary-wrap\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment' }\"\r\n ></ng-container>\r\n <div class=\"reply-box\">\r\n <div ngFor=\"let item of commentData\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment', item: item }\"\r\n ></ng-container>\r\n <div class=\"sub-reply-list\">\r\n <ng-container\r\n ngFor=\"\r\n let sub of item.isExpanded\r\n ? item[filedsKey.commentaries]\r\n : item[filedsKey.commentaries].slice(0, 3)\r\n \"\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'sub', item: sub }\"\r\n ></ng-container>\r\n </div>\r\n <button\r\n class=\"e-btn text\"\r\n ngIf=\"item[filedsKey.commentaries].length > 3\"\r\n (click)=\"item.isExpanded = !item.isExpanded\"\r\n style=\"margin-bottom: 8px\"\r\n >\r\n {{\r\n item.isExpanded\r\n ? \"Collapse\"\r\n : \"View All \" + item[filedsKey.commentaries].length + \" Replies\"\r\n }}\r\n <img\r\n class=\"arrow\"\r\n [ngClass]=\"{ collapse: item.isExpanded }\"\r\n src=\"../../assets/img/dropdown-arrow.svg\"\r\n alt=\"\"\r\n />\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #commentBoxTemplate let-type=\"type\" let-item=\"item\">\r\n <div class=\"comment-box\">\r\n <div class=\"comment-input-wrap\">\r\n <div class=\"avatar\" ngIf=\"type !== 'editComment'\">\r\n {{ cf.rtn(displayName) }}\r\n </div>\r\n <textarea\r\n ngIf=\"type === 'comment'\"\r\n class=\"e-input\"\r\n rows=\"3\"\r\n [(ngModel)]=\"commentVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n (focus)=\"adjustTextareaHeight($event)\"\r\n [disabled]=\"isReadOnly \|\| !editPermission\"\r\n [placeholder]=\"translation.WRITE_YOUR_COMMENT \|\| '.WRITE_YOUR_COMMENT'\"\r\n ></textarea>\r\n <textarea\r\n ngIf=\"type === 'reply'\"\r\n class=\"e-input\"\r\n rows=\"3\"\r\n [(ngModel)]=\"replyVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n (focus)=\"adjustTextareaHeight($event)\"\r\n [placeholder]=\"translation.WRITE_YOUR_COMMENT \|\| '.WRITE_YOUR_COMMENT'\"\r\n ></textarea>\r\n <textarea\r\n ngIf=\"type === 'editComment'\"\r\n class=\"e-input\"\r\n rows=\"3\"\r\n [(ngModel)]=\"editCommentVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n (focus)=\"adjustTextareaHeight($event)\"\r\n [placeholder]=\"translation.WRITE_YOUR_COMMENT \|\| '.WRITE_YOUR_COMMENT'\"\r\n ></textarea>\r\n </div>\r\n <div class=\"btn-wrap\">\r\n <button\r\n ngIf=\"type === 'comment'\"\r\n class=\"e-btn e-primary small\"\r\n [disabled]=\"commentVal === '' \|\| isReadOnly \|\| !editPermission\"\r\n (click)=\"addComment()\"\r\n >\r\n {{ translation.COMMENT \|\| \".COMMENT\" }}\r\n </button>\r\n <ng-container ngIf=\"type === 'reply'\">\r\n <button\r\n class=\"e-btn small\"\r\n (click)=\"item.showReplyInput = false; replyVal = ''\"\r\n >\r\n {{ translation.CANCEL \|\| \".CANCEL\" }}\r\n </button>\r\n <button\r\n class=\"e-btn e-primary small\"\r\n [disabled]=\"replyVal === ''\"\r\n (click)=\"addReply(item)\"\r\n >\r\n {{ translation.REPLY \|\| \".REPLY\" }}\r\n </button>\r\n </ng-container>\r\n <ng-container ngIf=\"type === 'editComment'\">\r\n <button class=\"e-btn text\" (click)=\"item.showCommentEdit = false\">\r\n <img src=\"../../assets/img/comment-cancel.svg\" alt=\"\" />\r\n </button>\r\n <button\r\n class=\"e-btn text\"\r\n [disabled]=\"editCommentVal === ''\"\r\n (click)=\"updateComment(item)\"\r\n >\r\n <img src=\"../../assets/img/comment-check.svg\" alt=\"\" />\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n<ng-template #replyItemTemplate let-type=\"type\" let-item=\"item\">\r\n <div class=\"reply-item\" [ngClass]=\"{ comment: type === 'comment' }\">\r\n <div class=\"avatar\">\r\n {{ cf.rtn(item[filedsKey.ownerName]) }}\r\n </div>\r\n <div class=\"owner-wrap\">\r\n <div class=\"owner-info\">\r\n <div class=\"name\">\r\n {{ item[filedsKey.ownerName] }}\r\n </div>\r\n <div class=\"time\">\r\n {{ item[filedsKey.lastModifiedOn] \| date : dateTimePipeFormat }}\r\n </div>\r\n </div>\r\n <div class=\"message-wrap\">\r\n <div class=\"message\" ngIf=\"!item.showCommentEdit\">\r\n <!-- {{ item[filedsKey.messageBody] }} -->\r\n <truncated-text-toggle\r\n [maximum]=\"1050\"\r\n [data]=\"item[filedsKey.messageBody]\"\r\n >\r\n </truncated-text-toggle>\r\n </div>\r\n <ng-container\r\n ngIf=\"item.showCommentEdit\"\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'editComment', item: item }\"\r\n ></ng-container>\r\n </div>\r\n\r\n <button\r\n ngIf=\"\r\n type === 'comment' && !item.showReplyInput && !item.showCommentEdit\r\n \"\r\n class=\"e-btn text\"\r\n (click)=\"item.showReplyInput = true\"\r\n [disabled]=\"isReadOnly \|\| !editPermission\"\r\n >\r\n {{ translation.REPLY \|\| \".REPLY\" }}\r\n </button>\r\n <ng-container\r\n ngIf=\"item.showReplyInput\"\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'reply', item: item }\"\r\n ></ng-container>\r\n\r\n <rs-grid-action ngIf=\"type === 'comment'\">\r\n <rs-grid-action-item\r\n image=\"Edit\"\r\n [text]=\"translation.EDIT\"\r\n [disabled]=\"isReadOnly \|\| !editPermission\"\r\n (click)=\"editComment(item)\"\r\n ></rs-grid-action-item>\r\n <rs-grid-action-item\r\n image=\"Delete\"\r\n [text]=\"translation.DELETE\"\r\n [disabled]=\"isReadOnly \|\| !deletePermission\"\r\n (click)=\"deleteComment(item)\"\r\n ></rs-grid-action-item>\r\n </rs-grid-action>\r\n </div>\r\n </div>\r\n</ng-template>\r\n","styles":[".rs-commentary-wrap{width:100%;height:100%;padding:32px;display:flex;flex-direction:column}.rs-commentary-wrap .comment-box{width:100%}.rs-commentary-wrap .comment-box .comment-input-wrap{margin-bottom:12px;display:flex;gap:12px}.rs-commentary-wrap .comment-box .comment-input-wrap .e-input{flex:1;width:0;height:62px}.rs-commentary-wrap .comment-box .btn-wrap{display:flex;justify-content:flex-end;gap:12px}.rs-commentary-wrap .comment-box .btn-wrap .e-btn.text{padding:4px}.rs-commentary-wrap .reply-box{height:0;flex:1;overflow:auto;margin-top:16px;margin-right:-32px;padding-right:32px}.rs-commentary-wrap .reply-box .sub-reply-list{padding-left:40px}.rs-commentary-wrap .reply-box .e-btn.text{padding:0!important;min-width:auto;height:auto;color:#6c7c90!important}.rs-commentary-wrap .reply-box .e-btn.text:hover{background:0 0!important;color:#1364b3!important}.rs-commentary-wrap .reply-box .e-btn.text:focus{background:0 0!important;color:#6c7c90!important}.rs-commentary-wrap .reply-box .arrow.collapse{transform:rotate(180deg)}.rs-commentary-wrap .reply-box .reply-item{display:flex;gap:12px;padding:12px 0}.rs-commentary-wrap .reply-box .reply-item.comment{border-top:1px solid #eaedf0}.rs-commentary-wrap .reply-box .reply-item.comment:hover{background-color:#f6faff}.rs-commentary-wrap .reply-box .reply-item.comment:hover rs-grid-action{display:block}.rs-commentary-wrap .reply-box .reply-item rs-grid-action{display:none;position:absolute;cursor:pointer;top:-4px;right:8px}.rs-commentary-wrap .reply-box .owner-wrap{flex:1;width:0;position:relative}.rs-commentary-wrap .reply-box .owner-wrap .owner-info{display:flex;align-items:center;gap:8px;height:28px}.rs-commentary-wrap .reply-box .owner-wrap .owner-info .name{color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.rs-commentary-wrap .reply-box .owner-wrap .owner-info .time{color:#6c7c90;font-family:Arial;font-size:10px;font-style:normal;font-weight:400;line-height:12px}.rs-commentary-wrap .reply-box .owner-wrap .message-wrap{padding:12px 0}.rs-commentary-wrap .reply-box .owner-wrap .message-wrap .message{color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px;padding-right:8px;white-space:pre-wrap}.rs-commentary-wrap .avatar{width:32px;height:32px;border-radius:100%;border:1px solid rgba(108,124,144,.4);color:#44566c;display:flex;align-items:center;justify-content:center;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":17}]}],"displayName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"commentData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"editPermission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"deletePermission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"filedsKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"dateTimePipeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"actionComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"addComment":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[300]}]}],"editComment":[{"__symbolic":"method"}],"updateComment":[{"__symbolic":"method"}],"deleteComment":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[300]}]}],"addReply":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[300]}]}],"adjustTextareaHeight":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[100]}]}]}},"TruncatedTextToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"truncated-text-toggle","template":"<div class=\"click-show-more-content\">\r\n <span>{{ showData }}</span>\r\n <span ngIf=\"showExpandMoreBtn\" class=\"show-more\" (click)=\"showAll()\">\r\n Read More\r\n <img src=\"./assets/img/click_show_more_icon.svg\" alt=\"\" />\r\n </span>\r\n <div\r\n class=\"show-more collapse-btn\"\r\n (click)=\"collapse()\"\r\n ngIf=\"showCollapseBtn\"\r\n >\r\n Collapse\r\n <img src=\"./assets/img/click_show_more_icon.svg\" alt=\"\" />\r\n </div>\r\n</div>\r\n","styles":[".click-show-more-content{word-wrap:break-word}.click-show-more-content .show-more{cursor:pointer;color:#1364b3;font-size:11px;margin-left:4px;vertical-align:middle}.click-show-more-content .show-more img{margin-left:2px;vertical-align:middle}.click-show-more-content .collapse-btn{display:flex;align-items:center;justify-content:flex-end}.click-show-more-content .collapse-btn img{transform:rotate(-180deg)}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":2}}]}],"maximum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"showAll":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}]}},"RsPageListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rs-page-list","template":"<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <h1 class=\"rs-page-title\" ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n </ng-template>\r\n <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"rs-content-wrap\"\r\n [ngClass]=\"{ 'has-left-content': hasLeftContentSlot }\"\r\n >\r\n <div class=\"rs-left-content\" ngIf=\"hasLeftContentSlot\">\r\n <ng-content select=\"[leftContentSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-content\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <rs-search-input\r\n #searchInput\r\n ngIf=\"!hideSearch\"\r\n [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n (hanleSearch)=\"onSeach($event)\"\r\n ></rs-search-input>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-left-content{height:100%}.rs-page-list-wrap .rs-content-wrap .rs-right-content{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-content-wrap.has-left-content{flex-direction:row}.rs-page-list-wrap .rs-content-wrap.has-left-content .rs-right-content{height:auto;width:0}"]}]}],"members":{"gridContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"CommonGridComponent"},{"static":false}]}]}],"orignGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridComponent","line":23,"character":16},{"static":false}]}]}],"treeGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-treegrid","name":"TreeGridComponent","line":24,"character":16},{"static":false}]}]}],"wholeToolbarSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":["wholeToolbarSlot",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["searchInput",{"static":false}]}]}],"leftContentSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":28,"character":3},"arguments":["leftContentSlot",{"static":false}]}]}],"pageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"customPageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"hideSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"isInner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"onGridSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setSearchValue":[{"__symbolic":"method"}],"onSeach":[{"__symbolic":"method"}]}},"RsPageTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"rs-page-tab","template":"<div class=\"rs-page-list-wrap\">\r\n <ng-container ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <ejs-tab\r\n class=\"rs-tab\"\r\n #tabObj\r\n (selected)=\"onTabClick($event)\"\r\n [animation]=\"animation\"\r\n\t overflowMode=\"Popup\"\r\n heightAdjustMode=\"None\"\r\n [selectedItem]=\"selectedItemIndex\"\r\n >\r\n <e-tabitems>\r\n <e-tabitem ngFor=\"let item of tabList\">\r\n <ng-template #headerText>\r\n <div>{{ item.title }}</div>\r\n </ng-template>\r\n </e-tabitem>\r\n </e-tabitems>\r\n </ejs-tab>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n","styles":[".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]}]}],"members":{"tabObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["tabObj",{"static":false}]}]}],"pageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"customPageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"tabList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"currentTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"tabChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onTabClick":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}]}},"GridBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rs-grid-box","template":"<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <rs-search-input\r\n #searchInput\r\n ngIf=\"!hideSearch\"\r\n [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n (hanleSearch)=\"onSeach($event)\"\r\n ></rs-search-input>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n","styles":[":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-grid-box .rs-toolbar-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}"]}]}],"members":{"gridContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"CommonGridComponent"},{"static":false}]}]}],"orignGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridComponent","line":23,"character":16},{"static":false}]}]}],"treeGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-treegrid","name":"TreeGridComponent","line":24,"character":16},{"static":false}]}]}],"wholeToolbarSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":["wholeToolbarSlot",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["searchInput",{"static":false}]}]}],"hideSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"isInner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"onGridSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setSearchValue":[{"__symbolic":"method"}],"onSeach":[{"__symbolic":"method"}]}},"MultiTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"rs-multi-tab","template":"<div class=\"rs-multi-tab\" [ngClass]=\"{ 'b-line': tabList.length > 0 }\">\r\n <ul\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"onTabDrop($event)\"\r\n >\r\n <li\r\n class=\"tab-item\"\r\n ngFor=\"let tab of tabList; let i = index\"\r\n [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n [cdkDragDisabled]=\"i === 0\"\r\n cdkDrag\r\n (click)=\"changeTab(tab, i)\"\r\n >\r\n <ng-template cdkDragPlaceholder let-item>\r\n <div class=\"placeholder\"></div>\r\n </ng-template>\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n ngIf=\"tab.displayTitle !== (translation[tab.title] \|\| tab.title) ; else originText\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ translation[tab.title] \|\| tab.title }}\r\n </div>\r\n </ng-template>\r\n <span class=\"tabTitle\">{{ translation[tab.displayTitle] \|\| tab.displayTitle }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"tabTitle\">\r\n {{ tab.displayTitle }}\r\n </span>\r\n </ng-template>\r\n <span class=\"img-block\" ngIf=\"selectedTab !== i && i !== 0\"></span>\r\n <img\r\n ngIf=\"i !== 0\"\r\n src=\"../../../assets/img/close-url.svg\"\r\n (click)=\"closeTab(i)\"\r\n />\r\n </li>\r\n </ul>\r\n <div class=\"refresh-tab\" (click)=\"refreshTab()\" ngIf=\"tabList.length > 0\">\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n cssClass=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ translation.REFRESH_CURRENT_TAB \|\| \".REFRESH_CURRENT_TAB\" }}\r\n </div>\r\n </ng-template>\r\n <img\r\n id=\"loadingIcon\"\r\n alt\r\n class=\"refresh-btn\"\r\n src=\"../../../assets/img/desktop-refresh-btn.svg\"\r\n />\r\n </ejs-tooltip>\r\n </div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.rs-multi-tab{width:100%;display:flex;justify-content:space-between;margin:0 auto;max-width:1886px}.rs-multi-tab.b-line{border-bottom:1px solid #e5eaef}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul .tab-item{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.rs-multi-tab ul .tab-item .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.rs-multi-tab ul .tab-item img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul .tab-item img:hover{background:#dce8f6}.rs-multi-tab ul .tab-item:not(:last-child){border-right:none}.rs-multi-tab ul .tab-item:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul .tab-item:last-child{border-top-right-radius:8px}.rs-multi-tab ul.cdk-drop-list-dragging .tab-item.cdk-drag-disabled:hover{background:#f8fafb!important;cursor:no-drop}.rs-multi-tab ul .isSelect{color:#1f3f5c;background:#fff}.rs-multi-tab ul .notSelect img{display:none}.rs-multi-tab ul .notSelect .img-block{display:inline-block;width:22px}.rs-multi-tab ul .notSelect:hover{color:#1f3f5c;background-color:rgba(31,123,255,.04)}.rs-multi-tab ul .notSelect:hover .img-block{display:none}.rs-multi-tab ul .notSelect:hover img{display:inline-block}.rs-multi-tab .refresh-tab{cursor:pointer;text-align:right;color:#6c7c90;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;padding-right:12px}.rs-multi-tab .refresh-tab img{vertical-align:middle;margin-right:4px}.refresh-tab-loading{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}.notSelectTooltip{transform:translateX(-12px)}.tab-item.cdk-drag{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.tab-item.cdk-drag .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.tab-item.cdk-drag img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.tab-item.cdk-drag img:hover{background:#dce8f6}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip-content{padding:4px;color:#f8fafb;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}@media (max-width:1400px){.refresh-tab{padding-right:0!important}.refresh-tab span{display:none!important}}@media (max-width:1100px){.rs-multi-tab ul .tab-item img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}.isSelect:not(:first-child){padding-right:20px!important}}@media (max-width:600px){.rs-multi-tab ul .tab-item{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":33,"character":19},{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":35,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":36,"character":17},{"__symbolic":"reference","name":"DrawerService"},{"__symbolic":"reference","module":"@angular/router","name":"RouteReuseStrategy","line":38,"character":32}]}],"singleReuseUrls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"noGenerateTabUrls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"flattenMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"defaultTabUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"onRefreshTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"onCloseTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":64,"character":3},"arguments":["window:resize",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setEllipsisTitle":[{"__symbolic":"method"}],"calcTabWidth":[{"__symbolic":"method"}],"initTab":[{"__symbolic":"method"}],"closeTab":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}],"addTab":[{"__symbolic":"method"}],"setTab":[{"__symbolic":"method"}],"onTabDrop":[{"__symbolic":"method"}],"refreshTab":[{"__symbolic":"method"}],"clearCache":[{"__symbolic":"method"}],"cleanAllCache":[{"__symbolic":"method"}],"urlWithoutQuery":[{"__symbolic":"method"}]}},"DrawerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"rs-drawer","template":"<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\r\n [attr.data-animation]=\"useAnimation\"\r\n [hidden]=\"hiddenDrawer\"\r\n (animationend)=\"onAnimationEnd()\"\r\n >\r\n <div class=\"drawer-header\" #header>\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #headerSlot></div>\r\n </div>\r\n <div class=\"drawer-top-slot\" #topSlot></div>\r\n <div class=\"drawer-content-box\">\r\n <div class=\"drawer-content\" #content>\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n </div>\r\n</div>\r\n","styles":[":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]}]}],"members":{"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["element",{"static":false}]}]}],"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["drawer",{"static":false}]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["header",{"static":false}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["content",{"static":false}]}]}],"toolbarSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["toolbarSlot",{"static":false}]}]}],"headerSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["headerSlot",{"static":false}]}]}],"topSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["topSlot",{"static":false}]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["dynamicComponentContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"character":10},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":54,"character":22},{"__symbolic":"reference","name":"DrawerService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":56,"character":17}]}],"createDynamicComponent":[{"__symbolic":"method"}],"destroyDynamicComponent":[{"__symbolic":"method"}],"setComponentData":[{"__symbolic":"method"}],"getSlotElement":[{"__symbolic":"method"}],"setSlotElement":[{"__symbolic":"method"}],"setCache":[{"__symbolic":"method"}],"setConfig":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"deleteCache":[{"__symbolic":"method"}],"onRouteChange":[{"__symbolic":"method"}],"toggleOpenStatus":[{"__symbolic":"method"}],"onAnimationEnd":[{"__symbolic":"method"}]}},"RSNavCardGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nav-card-group","template":"<div class=\"rs-setting\">\r\n <h1 class=\"rs-page-title\">{{ title }}</h1>\r\n <div class=\"setting-content\">\r\n <div\r\n class=\"setting-group-card\"\r\n ngFor=\"let group of navList\"\r\n [ngClass]=\"{ pointer: !group.subList }\"\r\n (click)=\"!group.subList && onNavClick(group)\"\r\n >\r\n <header class=\"setting-card-header\">\r\n <div class=\"setting-card-logo\">\r\n <img [src]=\"group.img\" alt=\"\" />\r\n </div>\r\n <h4 class=\"setting-card-title\">{{ group.title }}</h4>\r\n <div\r\n class=\"setting-card-sub-title\"\r\n ngIf=\"!group.subList\"\r\n >\r\n {{ group.subTitle }}\r\n </div>\r\n </header>\r\n <div class=\"setting-card-desc\" ngIf=\"!group.subList\">\r\n {{ group.desc }}\r\n </div>\r\n <div\r\n class=\"setting-item\"\r\n ngFor=\"let item of group.subList\"\r\n (click)=\"onNavClick(item)\"\r\n >\r\n {{ item.title }}\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-setting{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-setting .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-setting .setting-content{flex:1;height:0;overflow:auto;display:flex;flex-flow:row wrap;gap:20px;padding:4px 20px 40px}.rs-setting .setting-content .setting-group-card{width:100%;min-width:320px;padding:0 12px 16px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card.pointer{cursor:pointer}.rs-setting .setting-content .setting-group-card .setting-card-header{padding:12px 8px;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo{display:flex;flex-flow:column nowrap;gap:4px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo img{width:24px;height:24px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo::after{content:\" \";width:24px;height:3px;background-color:#ff9618;border-radius:2px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-title{padding:0;margin:12px 0 0;color:#1f3f5c;font-family:Arial;font-size:15px;font-style:normal;font-weight:700;line-height:18px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-sub-title{color:#6c7c90;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin-top:6px}.rs-setting .setting-content .setting-group-card .setting-card-desc{padding:6px 8px;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item{padding:6px 8px;border-radius:4px;cursor:pointer;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item:hover{background-color:#1364b30d}@media screen and (min-width:741px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px)/ 2)}}@media screen and (min-width:1297px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 2)/ 3)}}@media screen and (min-width:1632px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 3)/ 4)}}@media screen and (min-width:1972px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 4)/ 5)}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":11,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"navClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"navList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"customNavClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"onNavClick":[{"__symbolic":"method"}]}},"RSToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"rs-toolbar","template":"<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- 可见按钮 -->\r\n <ng-container ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) \|\| false\"\r\n (click)=\"button.action && button.action()\"\r\n [children]=\"button.children \|\| []\"\r\n [disabledOptions]=\"disabledOptions\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- 下拉菜单（如果有隐藏按钮） -->\r\n <button\r\n ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action && button.action()\"\r\n [disabled]=\"disabledOptions[button.key] \|\| false\"\r\n [children]=\"button.children \|\| []\"\r\n [disabledOptions]=\"disabledOptions\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n","styles":[":host{display:block;width:100%}.rs-toolbar-container{width:100%;display:flex;align-items:center}.rs-toolbar-container .temp-hidden{visibility:hidden;position:absolute}.rs-toolbar-container .action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.rs-toolbar-container .action-toggle:hover{background:rgba(214,227,245,.2)}.rs-toolbar-container .action-toggle .mat-button-wrapper{max-height:24px;height:24px}.rs-toolbar-container .action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}"]}]}],"members":{"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"disabledOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"toolbarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["toolbarContainer",{"static":false}]}]}],"buttonElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":30,"character":3},"arguments":["toolbarItem"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":32,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":50}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateButtonVisibility":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":76,"character":3},"arguments":["window:resize"]}]}]}},"ToolbarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"rs-toolbar-item","template":"<button\r\n ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"toolbar-action-menu-content\">\r\n <ng-container ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) \|\| false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"toolbar-action-image\"\r\n ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n","styles":["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{padding:4px 8px;font-size:11px!important;min-width:100px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}.toolbar-action-item .toolbar-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}.toolbar-action-item .toolbar-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/toolbar-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}.toolbar-action-item .toolbar-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}.toolbar-action-item .toolbar-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}.toolbar-action-item .toolbar-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/toolbar-action-preview.svg)}.toolbar-action-item .toolbar-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}.toolbar-action-item .toolbar-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}.toolbar-action-item .toolbar-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}.toolbar-action-item .toolbar-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}.toolbar-action-item .toolbar-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}.toolbar-action-item .toolbar-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}.toolbar-action-item .toolbar-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}.toolbar-action-item .toolbar-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}.toolbar-action-item .toolbar-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}.toolbar-action-item .toolbar-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}.toolbar-action-item .toolbar-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}::ng-deep .toolbar-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}::ng-deep .toolbar-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}"]}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["image"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["text"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["disabled"]}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["children"]}]}],"hideArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["hideArrow"]}]}],"disabledOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"buttonElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["buttonElement",{"static":false}]}]}],"hostDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["class.disabled"]}]}],"getWidth":[{"__symbolic":"method"}]}},"MainContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"rs-main-container","template":"<div class=\"app-main-container-wrap\">\r\n <div class=\"app-main-container\">\r\n <ng-content select=\"[headerSlot]\"></ng-content>\r\n <div class=\"main-page\">\r\n <div class=\"left-aside\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"right-aside\"\r\n [ngClass]=\"{ isCollapsed: isCollapsed }\"\r\n (click)=\"onRightAsideClick()\"\r\n >\r\n <ng-content select=\"[multiTabSlot]\"></ng-content>\r\n <!-- <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab> -->\r\n <div class=\"router-content\">\r\n <rs-drawer #drawer>\r\n <ng-content select=\"[routerSlot]\"></ng-content>\r\n </rs-drawer>\r\n </div>\r\n <rs-footer></rs-footer>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".app-main-container-wrap{width:100%;overflow:auto;height:100vh}@media (max-width:768px){.app-main-container-wrap{height:calc(100vh - 40px)}}.app-main-container{display:flex;flex-direction:column;height:100%;min-width:768px}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{height:100%}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto;max-width:1886px;width:100%;margin:0 auto}@media (max-width:992px){.app-main-container .right-aside{padding-left:12px}.app-main-container .right-aside.isCollapsed{position:relative}.app-main-container .right-aside.isCollapsed::after{content:\" \";position:absolute;z-index:5;inset:0;background-color:rgba(0,0,0,.2)}}"]}]}],"members":{"headerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"RSHeaderComponent"},{"static":true}]}]}],"multiTabRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"MultiTabComponent"},{"static":true}]}]}],"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["drawer",{"static":false}]}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"singleReuseUrls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onWidthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DrawerService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":3},"arguments":["window:resize",["$event"]]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onRightAsideClick":[{"__symbolic":"method"}]}},"RSHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"rs-header","template":"<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n <div ngIf=\"appName\" class=\"header-app-name\">{{ appName }}</div>\r\n </div>\r\n <div class=\"content-header-wrap\">\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-header-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{ currentLang && currentLang.text }}\r\n </button>\r\n </div>\r\n <!-- <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN \|\| \"Last Login\" }}:\r\n {{ lastLoginTime \| date : \"dd MMM yy h:mm a\" }}\r\n </div> -->\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px;margin-top:2px;width:24px;height:24px}.rs-header .logo-wrap .toggle-menu-wrap:hover{background:#1364b30d;border-radius:6px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .logo-wrap .header-app-name{font-size:24px;color:#15477f;margin-left:6px;margin-top:-8px}@media (max-width:1200px){.rs-header .logo-wrap{width:auto}}.rs-header .content-header-wrap{display:flex;justify-content:space-between;align-items:center;flex:1;max-width:1886px;margin:0 auto}.rs-header .bread-crumbs-wrap{padding-left:16px}.rs-header .rs-header-toolbar-wrap,.rs-header .rs-header-toolbar-wrap .quick-icon-group{display:flex;align-items:center}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin-right:8px;cursor:pointer}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:last-child{margin-right:16px}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon svg{width:24px;height:24px;color:#6c7c90;stroke:#6c7c90}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover{border-radius:4px;background:rgba(31,123,255,.04)}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover svg{color:#1f7bff;stroke:#1f7bff}.rs-header .rs-header-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-header-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-header-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-header-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TranslationService"}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"lastLoginTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"langOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"toggleMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"changeLanguage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onToggleMenu":[{"__symbolic":"method"}],"selectLanguage":[{"__symbolic":"method"}]}},"RSFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"rs-footer","template":"<div class=\"rs-footer\">\r\n <span>\r\n RAISE<sup>®</sup> © \r\n {{ today \| date : \"yyyy\" }}\r\n Linnovate Partners</span\r\n >\r\n</div>\r\n","styles":[".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px;max-width:1886px;margin:0 auto}@media (max-width:768px){.rs-footer{width:100%;position:fixed;bottom:0;left:0}}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"RSAsideComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"rs-aside","template":"<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <div class=\"nav-list\">\r\n <div\r\n class=\"nav-group\"\r\n [ngClass]=\"group.class\"\r\n ngFor=\"let group of navList\"\r\n >\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n ngFor=\"let nav of group.navItems\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\" ngIf=\"nav.menuType === 'MENU'\">\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n ngIf=\"isCollapsed; else originIcon\"\r\n position='RightCenter'\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ejs-tooltip>\r\n <ng-template #originIcon>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ng-template>\r\n <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n ngIf=\"nav.displayLabel !== nav.label; else originText\"\r\n position='RightCenter'\r\n class=\"nav-tooltip-text\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.displayLabel\r\n }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.label\r\n }}</span>\r\n </ng-template>\r\n </div>\r\n <div class=\"dividing-line\" ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n </div>\r\n</div>\r\n","styles":[".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{display:inline-block;color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px;flex:1}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item .nav-tooltip-text{flex:1;width:0}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":12,"character":29},{"__symbolic":"reference","name":"CommonFunctionService"}]}],"toggleMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"navClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"customNavClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"navList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"relationStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"initCurrentNav":[{"__symbolic":"method"}],"onNavClick":[{"__symbolic":"method"}]}},"RSStepperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"rs-stepper","template":"<div class=\"rs-stepper\">\r\n <div class=\"steps-wrap\">\r\n <div\r\n class=\"row-btn\"\r\n [class.hidden]=\"isAtStart \|\| !showBtn\"\r\n (click)=\"scrollLeft()\"\r\n >\r\n <div class=\"hover\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M10.4995 3.99955L7.24219 8.24219L10.4995 12.4848\"\r\n stroke=\"#1F7BFF\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"normal\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M10.4995 3.99955L7.24219 8.24219L10.4995 12.4848\"\r\n stroke=\"#6B6B6B\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n <div\r\n class=\"steps-content\"\r\n [ngClass]=\"{\r\n leftMask: showBtn && !isAtStart,\r\n rightMask: showBtn && !isAtEnd,\r\n bothMask: showBtn && !isAtStart && showBtn && !isAtEnd\r\n }\"\r\n #menu\r\n (scroll)=\"onScroll()\"\r\n >\r\n <ng-container ngFor=\"let item of steps; let i = index\">\r\n <div\r\n class=\"step\"\r\n [ngClass]=\"{\r\n done: item.step <= unlockedStep,\r\n active: item.step === currentStep\r\n }\"\r\n (click)=\"onStepClick(item, i)\"\r\n >\r\n <div\r\n class=\"step-label\"\r\n [matTooltip]=\"item.label !== item.displayTitle ? item.label : ''\"\r\n matTooltipPosition=\"above\"\r\n >\r\n {{ item.displayTitle }}\r\n </div>\r\n </div>\r\n <div class=\"step-arrow\" ngIf=\"i < steps.length - 1\">\r\n <img src=\"/assets/img/step-arrow.svg\" />\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div\r\n class=\"row-btn\"\r\n [class.hidden]=\"isAtEnd \|\| !showBtn\"\r\n (click)=\"scrollRight()\"\r\n >\r\n <div class=\"hover\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M7.50045 3.99955L10.7578 8.24219L7.50045 12.4848\"\r\n stroke=\"#1F7BFF\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"normal\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M7.50045 3.99955L10.7578 8.24219L7.50045 12.4848\"\r\n stroke=\"#6B6B6B\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-stepper{font-family:Arial;width:100%;border-bottom:1px solid var(--rs-border-color)}.rs-stepper .steps-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto}.rs-stepper .steps-wrap .steps-content{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;gap:8px}.rs-stepper .steps-wrap .steps-content.leftMask{-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#d8d3d3 100%);mask-image:linear-gradient(90deg,transparent,#fff 10%,#d8d3d3 100%)}.rs-stepper .steps-wrap .steps-content.rightMask{-webkit-mask-image:linear-gradient(90deg,#fff 0,#fff 90%,transparent);mask-image:linear-gradient(90deg,#fff 0,#fff 90%,transparent)}.rs-stepper .steps-wrap .steps-content.bothMask{-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent)!important}.rs-stepper .steps-wrap .steps-content::-webkit-scrollbar{width:0;height:0}.rs-stepper .steps-wrap .step{flex:0 0 auto}.rs-stepper .steps-wrap .step .step-label{color:var(--rs-labels-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;white-space:nowrap;padding:0 12px 12px;display:flex;align-items:center}.rs-stepper .steps-wrap .step.done{cursor:pointer}.rs-stepper .steps-wrap .step.done .step-label{color:var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step.active .step-label{color:var(--rs-active-labels-color);font-weight:700;border-bottom:1px solid var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step-arrow{flex:0 0 auto;padding:0 12px 12px;display:flex;align-items:center}.rs-stepper .row-btn{margin-bottom:12px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:4px;border:1px solid #bdc4ca;flex-shrink:0;cursor:pointer;visibility:visible}.rs-stepper .row-btn .hover{display:none}.rs-stepper .row-btn .normal{display:flex}.rs-stepper .row-btn:hover{background-color:rgba(31,123,255,.04)}.rs-stepper .row-btn:hover .normal{display:none}.rs-stepper .row-btn:hover .hover{display:flex}.rs-stepper .row-btn.hidden{visibility:hidden}"]}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["menu",{"static":false}]}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"currentStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":17}]}],"stepClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"unlockedStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"containerRefId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"syncUnlockedStep":[{"__symbolic":"method"}],"onStepClick":[{"__symbolic":"method"}],"scrollToStep":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":112,"character":3},"arguments":["window:resize",["$event"]]}]}],"checkBtnShow":[{"__symbolic":"method"}],"scrollLeft":[{"__symbolic":"method"}],"scrollRight":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}},"StepItem":{"__symbolic":"interface"},"TagInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-tag-input","template":"<div\r\n class=\"form-tags\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n error: inputError \|\| error\r\n }\"\r\n>\r\n <div class=\"form-tags-item\" ngFor=\"let tag of value\">\r\n <span>{{ tag }}</span>\r\n <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n </div>\r\n <input\r\n class=\"form-tags-input\"\r\n (keyup.enter)=\"onAddTag($event)\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur($event)\"\r\n autocomplete=\"off\"\r\n [minLength]=\"inputMinlength\"\r\n [maxLength]=\"inputMaxlength\"\r\n />\r\n</div>\r\n","styles":[".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);background-color:#fff;cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4);border-color:var(--rs-input-hover-border-color)}.form-tags:focus-within{border-color:var(--rs-input-focus-border-color);box-shadow:none}.form-tags.error:not(:focus-within){border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:0;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove::after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["inputMinlength"]}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["inputMaxlength"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onRemoveTag":[{"__symbolic":"method"}],"onAddTag":[{"__symbolic":"method"}],"verifyInputValue":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]}},"RadioGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-radio-group","template":"<div class=\"radio-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n <div class=\"radio-item\" ngFor=\"let option of dataSource\">\r\n <ejs-radiobutton\r\n [label]=\"option[fields.text]\"\r\n [(ngModel)]=\"value\"\r\n [value]=\"option[fields.value]\"\r\n [disabled]=\"option[fields.disabled] \|\| disabled\"\r\n (change)=\"onChange($event)\"\r\n ></ejs-radiobutton>\r\n </div>\r\n</div>\r\n","styles":[".radio-group{display:flex;padding-left:4px}.radio-group.horizontal{flex-direction:row;gap:35px}.radio-group.vertical{flex-direction:column;gap:14px}.radio-group.error .e-radio+label::before{border-color:var(--rs-input-error-border-color)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}},"CheckboxGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"rs-checkbox-group","template":"<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n <ejs-checkbox\r\n [label]=\"translation.SELECT_ALL ? translation.SELECT_ALL : 'Select All'\"\r\n [indeterminate]=\"indeterminate\"\r\n [checked]=\"value.length === enabledDataSource.length ? true : false\"\r\n (change)=\"onSelectAll($event)\"\r\n ></ejs-checkbox>\r\n <div class=\"checkbox-item\" ngFor=\"let option of dataSource\">\r\n <ejs-checkbox\r\n [name]=\"name\"\r\n [label]=\"option[fields.text]\"\r\n [value]=\"option[fields.value]\"\r\n [disabled]=\"option[fields.disabled] \|\| disabled\"\r\n [checked]=\"value.includes(option[fields.value])\"\r\n (change)=\"onChange($event, option)\"\r\n ></ejs-checkbox>\r\n </div>\r\n</div>\r\n","styles":[".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:4px}.checkbox-group.error .e-checkbox-wrapper .e-frame{border-color:var(--rs-input-error-border-color)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":27}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"calculateIndeterminate":[{"__symbolic":"method"}]}},"SwitchInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-switch-input","template":"<div class=\"rs-switch\" [ngClass]=\"[orientation, error ? 'error' : '', disabled ? 'disabled' : '']\">\r\n <label class=\"switch-label\" (click)=\"onClick()\"> {{ text }} </label>\r\n <ejs-switch\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onChange($event)\"\r\n ></ejs-switch>\r\n</div>\r\n","styles":[".rs-switch{display:flex;align-items:center;gap:8px}.rs-switch.behind{flex-direction:row-reverse;justify-content:flex-end}.rs-switch .switch-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);cursor:pointer}.rs-switch.disabled .switch-label{cursor:default;pointer-events:none}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"EncryptedInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-encrypted-input","template":"<div class=\"rs-encrypted-input\">\r\n <input\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n error: error\r\n }\"\r\n class=\"e-input\"\r\n type=\"text\"\r\n [type]=\"encrypted ? 'password' : 'text'\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n (input)=\"onInput($event)\"\r\n />\r\n <span\r\n [ngClass]=\"{ 'right-eyes': true, 'close-eye': !encrypted }\"\r\n (click)=\"encrypted = !encrypted\"\r\n ></span>\r\n</div>\r\n","styles":[".rs-encrypted-input{position:relative}.rs-encrypted-input .e-input{padding-right:38px!important}.rs-encrypted-input .right-eyes{display:inline-block;cursor:pointer;position:absolute;top:50%;transform:translateY(-12px);right:8px;width:24px;height:24px;background-image:url(/assets/img/eye-open.svg)}.rs-encrypted-input .close-eye{background-image:url(/assets/img/eye-close.svg)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}]}},"SearchInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"rs-search-input","template":"<div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n","styles":[".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"hanleSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"handleInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSeach":[{"__symbolic":"method"}]}},"DrawerFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"rs-drawer-form","template":"<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled \|\| formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n ngIf=\"\r\n field.fieldFormType === 'Text' \|\|\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format \|\| numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format \|\| dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false \|\|\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n","styles":[":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]}]}],"members":{"_form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["form"]}]}],"_sections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["sections"]}]}],"optionsMap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["optionsMap"]}]}],"formDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["disabled"]}]}],"showAnchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["showAnchor"]}]}],"customTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3},"arguments":["customTemplate"]}]}],"customSectionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["customSectionTemplate"]}]}],"optionFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["optionFields"]}]}],"showFilterNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["showFilterNumber"]}]}],"numberFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["numberFormat"]}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["dateFormat"]}]}],"formChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3},"arguments":["formChange"]}]}],"fieldChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3},"arguments":["fieldChange"]}]}],"rootEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":3},"arguments":["drawerFormEl",{"static":false}]}]}],"containers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":68,"character":3},"arguments":["customTemplateContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":68,"character":51}}]}]}],"sectionContainers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":70,"character":3},"arguments":["customSectionContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":70,"character":50}}]}]}],"dropdowns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":73,"character":3},"arguments":["dropdown"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":87,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"customTemplateRender":[{"__symbolic":"method"}],"customSectionRender":[{"__symbolic":"method"}],"formatFieldMap":[{"__symbolic":"method"}],"setForm":[{"__symbolic":"method"}],"equal":[{"__symbolic":"method"}],"checkFormChange":[{"__symbolic":"method"}],"syncFormToDateForm":[{"__symbolic":"method"}],"syncFormField":[{"__symbolic":"method"}],"formatForm":[{"__symbolic":"method"}],"getFormProxy":[{"__symbolic":"method"}],"updateForm":[{"__symbolic":"method"}],"formItemValidator":[{"__symbolic":"method"}],"preCheckFormIsValid":[{"__symbolic":"method"}],"getField":[{"__symbolic":"method"}],"callFunction":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onComponentChange":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onDatePickerBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onFiltering":[{"__symbolic":"method"}],"onDropdownDataBound":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}],"getDisabled":[{"__symbolic":"method"}],"getOptionFields":[{"__symbolic":"method"}],"sectionEls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":441,"character":3},"arguments":["sectionEl"]}]}],"onClickAnchor":[{"__symbolic":"method"}],"findScrollViewEl":[{"__symbolic":"method"}],"initAnchorScrollHandler":[{"__symbolic":"method"}]}},"FieldItem":{"__symbolic":"interface"},"SectionItem":{"__symbolic":"interface"},"filterShowSection":{"__symbolic":"function","parameters":["sections"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"sections"},"member":"filter"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":46,"character":12,"module":"./lib/form/drawer-form/constants"}]},"member":"map"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":47,"character":9,"module":"./lib/form/drawer-form/constants"}]}},"EmailPattern":{"__symbolic":"error","message":"Expression form not supported","line":54,"character":2,"module":"./lib/form/drawer-form/constants"},"CommonDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"rs-common-dialog","template":"<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n <!-- 头部 -->\r\n <div ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n <div class=\"header__title\">\r\n <img\r\n src=\"../../../assets/img/notification-status-warning.svg\"\r\n alt=\"\"\r\n ngIf=\"showErrorIcon\"\r\n />\r\n {{ title }}\r\n </div>\r\n <div class=\"header__actions\">\r\n <div ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </div>\r\n <!-- 内容 -->\r\n <div class=\"dialog__content\" mat-dialog-content>\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- 底部按钮 -->\r\n <div mat-dialog-actions class=\"dialog__footer\">\r\n <ng-content select=\"[footerSlot]\"></ng-content>\r\n <!-- 默认展示保存/关闭按钮 -->\r\n <ng-container ngIf=\"!customFooter\">\r\n <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n </ng-container>\r\n <ng-template #defaultTemplate>\r\n <button\r\n ngIf=\"!hideCloseBtn\"\r\n class=\"e-btn\"\r\n (click)=\"onClose()\"\r\n >\r\n {{ cancelBtnLabel }}\r\n </button>\r\n <button\r\n ngIf=\"!hideDiscardBtn\"\r\n class=\"e-btn\"\r\n (click)=\"onDiscard()\"\r\n >\r\n {{ discardBtnLabel }}\r\n </button>\r\n <button\r\n ngIf=\"!hideSaveBtn\"\r\n class=\"e-btn e-primary\"\r\n (click)=\"onSave()\"\r\n >\r\n {{ saveBtnLabel }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <!-- loading -->\r\n <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n </div>\r\n</div>\r\n","styles":[":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]}]}],"members":{"hideHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"hideCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"hideCloseBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"hideSaveBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hideDiscardBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"saveBtnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"cancelBtnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"discardBtnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"showErrorIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"showZoomBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"customSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"onCloseRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"dialogStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"saveEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"closeEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"CommonDialogComponent"}]}]}],"footerContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":47,"character":3},"arguments":["footerSlot",{"static":false}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"onZoom":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onDiscard":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}]}},"PaneGroupNewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"rs-dashboard","providers":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":80,"character":14},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":80,"character":35},"useValue":{"parse":{"dateInput":"DD-MM-YYYY"},"display":{"dateInput":"DD-MM-YYYY","monthYearLabel":"YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"YYYY"}}}],"template":"<div id=\"kt-dashboard-container\" class=\"content-portlets\">\r\n <div\r\n ngIf=\"\r\n dashboard &&\r\n (dashboard.title \|\| dashboard.description) &&\r\n !haveFullScreen.length\r\n \"\r\n class=\"portlets-description\"\r\n >\r\n <h4 ngIf=\"dashboard && dashboard.title && !haveFullScreen.length\">\r\n {{ dashboard ? dashboard.title : \"\" }}\r\n </h4>\r\n <p ngIf=\"dashboard && dashboard.description && !haveFullScreen.length\">\r\n {{ dashboard ? dashboard.description : \"\" }}\r\n </p>\r\n </div>\r\n <div class=\"panes-list\" id=\"kt-dashboard-layout\" #panesList>\r\n <div style=\"width: 100%\">\r\n <ejs-dashboardlayout\r\n id=\"defaultLayout\"\r\n #defaultLayout\r\n [columns]=\"4\"\r\n [cellSpacing]=\"cellSpacing\"\r\n [cellAspectRatio]=\"cellAspectRatio\"\r\n [allowDragging]=\"customized\"\r\n [allowResizing]=\"customized\"\r\n [resizableHandles]=\"resizableHandles\"\r\n [draggableHandle]=\"draggableHandle\"\r\n [mediaQuery]=\"mediaQuery\"\r\n (resizeStop)=\"resizeStop($event)\"\r\n (dragStop)=\"dragStop($event)\"\r\n >\r\n <e-panels\r\n ngIf=\"ActiveDashboardPortlets && ActiveDashboardPortlets.length\"\r\n >\r\n <e-panel\r\n ngFor=\"let item of ActiveDashboardPortlets; let i = index\"\r\n [sizeX]=\"item.sizeX\"\r\n [id]=\"item.newId\"\r\n [sizeY]=\"item.sizeY\"\r\n [row]=\"item.row\"\r\n [col]=\"item.col\"\r\n >\r\n <ng-template #header>\r\n <div class=\"gadget-title\">\r\n {{ GetgadgetTitle(item.config) }}\r\n </div>\r\n <div class=\"gadgetBar pane-group-gadget\">\r\n <ul class=\"pane-gadget-container\">\r\n <li\r\n ngIf=\"customized\"\r\n [matTooltip]=\"\r\n translation.DUPLICATE\r\n ? translation.DUPLICATE\r\n : '.DUPLICATE'\r\n \"\r\n (click)=\"copyPortlet(item)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/menu-duplicate.svg\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"customized && rs.hasPermission('DELETE')\"\r\n [matTooltip]=\"\r\n translation.DELETE ? translation.DELETE : '.DELETE'\r\n \"\r\n (click)=\"delete(item)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-delete.svg\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"getPortletType(item) !== 'transpose'\"\r\n [matTooltip]=\"\r\n translation.DOWNLOAD ? translation.DOWNLOAD : '.DOWNLOAD'\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/menu-download.svg\"\r\n (click)=\"download(item)\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"\r\n customized &&\r\n !['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n [matTooltip]=\"\r\n translation.FILTER ? translation.FILTER : '.FILTER'\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-filters.svg\"\r\n (click)=\"openFilter(item)\"\r\n />\r\n </li>\r\n\r\n <li\r\n #unclick\r\n ngIf=\"customized && getPortletType(item) === 'pivot'\"\r\n style=\"margin-right: 18px\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-sub-total.svg\"\r\n (click)=\"openSubtotal(item)\"\r\n />\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-arrow-down.svg\"\r\n (click)=\"openSubtotal(item)\"\r\n />\r\n </li>\r\n <div\r\n #unclick\r\n class=\"pivotTable-sub-grand-group\"\r\n ngIf=\"\r\n showSubTotalGroup &&\r\n getPortletType(item) === 'pivot' &&\r\n Current_PortletId === item.newId\r\n \"\r\n >\r\n <ul>\r\n <li\r\n class=\"sub-grand-group\"\r\n [ngStyle]=\"{\r\n 'background-color': subtotal.selected\r\n ? '#f8fafb'\r\n : '#fff'\r\n }\"\r\n ngFor=\"\r\n let subtotal of pivotTableSubTotalList;\r\n let idx = index\r\n \"\r\n (click)=\"selectTotalGroup(idx, 'sub', item)\"\r\n >\r\n <div style=\"display: flex\">\r\n <div\r\n style=\"\r\n height: 33px;\r\n width: 34px;\r\n text-align: center;\r\n \"\r\n >\r\n <img\r\n ngIf=\"subtotal.selected\"\r\n src=\"../../assets/img/dashboard_icon/forms-checkbox-square-tick.svg\"\r\n />\r\n </div>\r\n <span>{{ subtotal.value }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <li\r\n #unclickGrand\r\n ngIf=\"\r\n customized &&\r\n (getPortletType(item) === 'pivot' \|\|\r\n getPortletType(item) === 'table')\r\n \"\r\n style=\"margin-right: 18px\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-total.svg\"\r\n (click)=\"openGrandtotal(item)\"\r\n />\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-arrow-down.svg\"\r\n (click)=\"openGrandtotal(item)\"\r\n />\r\n </li>\r\n <div\r\n #unclickGrand\r\n class=\"pivotTable-sub-grand-group\"\r\n style=\"left: 230px\"\r\n ngIf=\"\r\n showgrandTotalGroup &&\r\n getPortletType(item) === 'pivot' &&\r\n Current_PortletId === item.newId\r\n \"\r\n >\r\n <ul>\r\n <li\r\n class=\"sub-grand-group\"\r\n [ngStyle]=\"{\r\n 'background-color': grandtotal.selected\r\n ? '#f8fafb'\r\n : '#fff'\r\n }\"\r\n ngFor=\"\r\n let grandtotal of pivotTableGrandTotalList;\r\n let idx = index\r\n \"\r\n (click)=\"selectTotalGroup(idx, 'grand', item)\"\r\n >\r\n <div style=\"display: flex\">\r\n <div\r\n style=\"\r\n height: 33px;\r\n width: 34px;\r\n text-align: center;\r\n \"\r\n >\r\n <img\r\n ngIf=\"grandtotal.selected\"\r\n src=\"../../assets/img/dashboard_icon/forms-checkbox-square-tick.svg\"\r\n />\r\n </div>\r\n <span>{{ grandtotal.value }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div\r\n #unclickGrand\r\n class=\"pivotTable-sub-grand-group\"\r\n style=\"left: 210px; height: 76px\"\r\n ngIf=\"\r\n showTableGrandTotalGroup &&\r\n getPortletType(item) === 'table' &&\r\n Current_PortletId === item.newId\r\n \"\r\n >\r\n <ul>\r\n <li\r\n class=\"sub-grand-group\"\r\n [ngStyle]=\"{\r\n 'background-color': grandtotal.selected\r\n ? '#f8fafb'\r\n : '#fff'\r\n }\"\r\n ngFor=\"\r\n let grandtotal of tableGrandTotalList;\r\n let idx = index\r\n \"\r\n (click)=\"selectTotalGroup(idx, 'tableGrand', item)\"\r\n >\r\n <div style=\"display: flex\">\r\n <div\r\n style=\"\r\n height: 33px;\r\n width: 34px;\r\n text-align: center;\r\n \"\r\n >\r\n <img\r\n ngIf=\"grandtotal.selected\"\r\n src=\"../../assets/img/dashboard_icon/forms-checkbox-square-tick.svg\"\r\n />\r\n </div>\r\n <span>{{ grandtotal.value }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <li\r\n ngIf=\"\r\n customized &&\r\n !['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n [matTooltip]=\"\r\n translation.FORMAT ? translation.FORMAT : '.FORMAT'\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-format.svg\"\r\n (click)=\"fieldFormat(item)\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"\r\n (customized \|\| url_type === 'sharedbeta') &&\r\n !['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n [matTooltip]=\"\r\n translation.CONFIGURATIONS \|\| '.CONFIGURATIONS'\r\n \"\r\n (click)=\"configurations(item, $event)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-settings.svg\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"customized\"\r\n [matTooltip]=\"translation.EDIT ? translation.EDIT : '.EDIT'\"\r\n (click)=\"edit(item)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-edit.svg\"\r\n />\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-template>\r\n <ng-template #content>\r\n <rs-gadget-table\r\n #table\r\n ngIf=\"getPortletType(item) == 'table'\"\r\n [portlets]=\"portlets\"\r\n [dashboard]=\"dashboard\"\r\n [portlet]=\"item\"\r\n >\r\n </rs-gadget-table>\r\n <rs-gadget-pivot\r\n #pivot\r\n ngIf=\"getPortletType(item) == 'pivot'\"\r\n [portlet]=\"item\"\r\n [dashboard]=\"dashboard\"\r\n [portlets]=\"portlets\"\r\n [themeColor]=\"item.themeColor\"\r\n >\r\n </rs-gadget-pivot>\r\n <rs-gadget-pivot-chart\r\n #pivot\r\n ngIf=\"getPortletType(item) == 'newchart'\"\r\n [portlet]=\"item\"\r\n [dashboard]=\"dashboard\"\r\n (updatePorletConfig)=\"updatePorletConfig($event)\"\r\n [portlets]=\"portlets\"\r\n [themeColor]=\"item.themeColor\"\r\n >\r\n </rs-gadget-pivot-chart>\r\n <rs-gadget-transpose\r\n #transpose\r\n ngIf=\"getPortletType(item) == 'transpose'\"\r\n [portlets]=\"portlets\"\r\n [dashboard]=\"dashboard\"\r\n [portlet]=\"item\"\r\n >\r\n </rs-gadget-transpose>\r\n <rs-bar-charts\r\n ngIf=\"\r\n ['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n #newChart\r\n [dashboard]=\"dashboard\"\r\n [dataColumn]=\"item.dataColumn\"\r\n [dataLine]=\"item.dataLine\"\r\n [columnType]=\"item.columnType\"\r\n [lineType]=\"item.lineType\"\r\n [themeColor]=\"item.themeColor\"\r\n [portlet]=\"item\"\r\n ></rs-bar-charts>\r\n </ng-template>\r\n </e-panel>\r\n </e-panels>\r\n </ejs-dashboardlayout>\r\n </div>\r\n </div>\r\n <rs-empty-icon-prompt\r\n [displayCode]=\"'customize'\"\r\n [dashboard]=\"dashboard\"\r\n hidden\r\n >\r\n </rs-empty-icon-prompt>\r\n <div\r\n id=\"kt-dashboard-tabs\"\r\n class=\"dashboard-tab-list\"\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"drop($event)\"\r\n >\r\n <div\r\n class=\"tab-item\"\r\n ngFor=\"let item of tabList; let i = index\"\r\n [ngClass]=\"{\r\n active: item.id === activeTab,\r\n prev: prevId === item.id && i !== tabList.length - 1\r\n }\"\r\n (click)=\"onActiveTab(item, i)\"\r\n (dblclick)=\"onStartEdit(item.id)\"\r\n cdkDrag\r\n >\r\n <div\r\n ngIf=\"!startEdit \|\| item.id !== activeTab\"\r\n [matTooltip]=\"\r\n item.label === item.displayLabel ? null : item.displayLabel\r\n \"\r\n >\r\n {{ item.displayLabel }}\r\n <img\r\n ngIf=\"tabList.length > 1\"\r\n src=\"../../assets/img/dashboard_icon/dashboard-tab-delete.svg\"\r\n alt=\"\"\r\n (click)=\"onDeleteTab(item)\"\r\n />\r\n </div>\r\n <input\r\n ngIf=\"startEdit && item.id === activeTab\"\r\n type=\"text\"\r\n [(ngModel)]=\"item.label\"\r\n (input)=\"setTabInput($event)\"\r\n (blur)=\"saveTabInput(item)\"\r\n />\r\n </div>\r\n <img\r\n class=\"add-tab-icon\"\r\n src=\"../../assets/img/dashboard_icon/add-tab.svg\"\r\n (click)=\"onAddTab()\"\r\n />\r\n </div>\r\n</div>\r\n\r\n<div class=\"sidebar\" [ngClass]=\"{ gone: !push_btn }\" ngIf=\"dashboard_sidebar\">\r\n <span class=\"push-btn\" (click)=\"pushSlider()\" [class.left-place]=\"!push_btn\">\r\n <span\r\n class=\"sidebar-btn\"\r\n ngIf=\"push_btn\"\r\n [inlineSVG]=\"'../../assets/img/dashboard_icon/Angle-double-right.svg'\"\r\n ></span>\r\n <span\r\n class=\"sidebar-btn\"\r\n ngIf=\"!push_btn\"\r\n [inlineSVG]=\"'../../assets/img/dashboard_icon/Angle-double-left.svg'\"\r\n ></span>\r\n </span>\r\n <rs-sidebar-iconlist-new\r\n #sidebar\r\n ngIf=\"push_btn\"\r\n [dashboard_sidebar]=\"dashboard_sidebar\"\r\n [dashboard]=\"dashboard\"\r\n [dashboardId]=\"url_id\"\r\n [portlet]=\"portlet\"\r\n [portlets]=\"portlets\"\r\n [activeTabId]=\"activeTabId\"\r\n [activeTabLabel]=\"activeTabLabel\"\r\n [figureCode]=\"figureCode\"\r\n [tabactive]=\"tabactive\"\r\n [_selectedY]=\"selectedY\"\r\n [_selectedSecondY]=\"selectedSecondY\"\r\n [_selectedX]=\"selectedX\"\r\n [_selectedMultiples]=\"selectedMultiples\"\r\n [_selectTheme]=\"selectTheme\"\r\n [appCode]=\"appCode\"\r\n (updatePorlet)=\"updatePorlet($event)\"\r\n (chartUpdate)=\"chartUpdate($event)\"\r\n (closeSidebar)=\"closeSidebar($event)\"\r\n (updatePushBtn)=\"updatePushBtn($event)\"\r\n (updateTheme)=\"updateTheme($event)\"\r\n (updatePorletConfig)=\"updatePorletConfig($event)\"\r\n (onToggleTabactive)=\"onToggleTabactive($event)\"\r\n >\r\n </rs-sidebar-iconlist-new>\r\n</div>\r\n<button\r\n class=\"addPorlet\"\r\n ngIf=\"customized && !push_btn\"\r\n mat-mini-fab\r\n color=\"primary\"\r\n (click)=\"addPorlet()\"\r\n>\r\n +\r\n</button>\r\n","styles":["@charset \"UTF-8\";.kt-portlet.kt-portlet--mobile.kt-portlet--sortable{position:relative;overflow-x:auto;overflow-y:hidden;height:100%!important}.kt-portlet.kt-portlet--mobile.kt-portlet--sortable::-webkit-scrollbar{width:5px;height:8px;background:#fff}.kt-portlet.kt-portlet--mobile.kt-portlet--sortable::-webkit-scrollbar-thumb{background:#eaedf0}.kt-portlet .kt-portlet__body{height:100%;overflow:hidden;padding:0 0 30px!important}.pane{margin-bottom:30px}i.la.la-compress{font-size:20px!important}.dropdown-menu.dropdown-menu-right.dropdown-menu-md.dropdown-menu-fit{z-index:102}h3.kt-portlet__head-title{font-size:18px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .date-portlet .mat-form-field-wrapper{width:100px;margin-left:15px}.table-none-padding{padding:0}.kt-portlet__head-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-bordered{height:30px;width:40px;border-radius:5px;border:1px solid #6c757d;color:#44566c;padding:0}.btn-bordered.date{padding-top:4px;padding-left:8px;width:160px;font-size:15px}.btn-bordered .mat-datepicker-toggle{color:rgba(0,0,0,.5)}.btn-bordered svg.mat-datepicker-toggle-default-icon.ng-star-inserted{width:20px!important}:host::ng-deep button.mat-icon-button.mat-button-base{transform:translateY(-10px)!important}gridster.scrollVertical{width:auto!important;background:#f2f2f8!important;padding-left:2px!important}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px!important;padding-left:15px!important}.kt-portlet__head-group.show{position:relative!important}.dropdown-menu.dropdown-menu-right.dropdown-menu-md.dropdown-menu-fit.show{top:48px!important;left:-230px!important;transform:none!important}span.top-date{font-family:Arial;font-size:15px;color:#6c757d}svg.bi.bi-arrows-angle-contract{color:#a2a5b9;margin-right:10px}li.full-svg:hover svg.bi.bi-arrows-angle-contract{color:#0081ff}.pdf-size{width:666px;height:999px}.portlets-description{padding:12px 8px 12px 20px;display:flex;flex-flow:column;gap:12px}.portlets-description h4,.portlets-description p{margin:0;color:#44566c;font-family:Arial;font-size:11px!important;font-style:normal;font-weight:400;line-height:14px}.edit-portlet{border:2px solid #0181ff;border-radius:10px}.kt-form__path{margin-bottom:23px;font-size:13px}.kt-form__path .fa-angle-right,.kt-form__path .lastspan{color:#8697a8}::ng-deep rs-dashboard{height:100%;display:flex;flex-direction:column;position:relative}::ng-deep rs-dashboard .panes-list{width:100%!important;margin-bottom:70px!important}::ng-deep rs-dashboard .panes-list .kt-portlet{border-radius:5px;border-top:10px solid #fff}::ng-deep rs-dashboard button.addPorlet{font-size:32px;position:fixed;bottom:100px;right:20px;z-index:1003;background-color:#0081ff!important}::ng-deep rs-dashboard .sidebar{right:0;top:0;bottom:0;position:absolute;z-index:1000;width:400px;background:#fff!important;transition:width .3s}::ng-deep rs-dashboard .sidebar .push-btn{position:absolute;left:0;top:0;z-index:1}::ng-deep rs-dashboard .sidebar.gone{width:0}::ng-deep rs-dashboard .sidebar .sidebar-btn svg g polygon{fill-opacity:0}::ng-deep rs-dashboard .sidebar .sidebar-btn:hover svg g path{fill:#0081ff;transition:fill .3s}.panes-list{height:100%;width:100%;margin:0!important;overflow:auto;padding-bottom:50px;background:#f2f2f8}.panes-list ::ng-deep .e-panel{border-radius:10px;overflow:auto}.panes-list ::ng-deep .e-panel .e-panel-container{min-width:340px;min-height:340px}.panes-list-dashboard{top:-20px!important}.panes-list-desktop{left:-25px!important;top:-36px!important}:host ::ng-deep .e-panel-header{padding:0!important;height:auto!important;border:0!important}.gadgetBar{height:24px;background-color:#fff!important}.gadgetBar .pane-gadget-container{padding:0 12px}.gadgetBar .pivotTable-sub-grand-group ul{width:100%;display:block}.gadgetBar .pivotTable-sub-grand-group ul li{width:24px;height:24px;display:flex;align-items:center;cursor:pointer;padding:4px}.gadgetBar ul{margin:0;padding:0;list-style:none;display:flex;width:100%;gap:12px}.gadgetBar ul li{width:24px;height:24px;display:flex;align-items:center;cursor:pointer;padding:4px}.gadget-title{height:36px;padding:10px 12px 8px;color:#43566c;font-family:Arial;font-size:15px;font-weight:700;line-height:18px}.pivotTable-sub-grand-group{width:241px;height:142px;z-index:999;position:absolute;left:180px;top:80px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff}.sub-grand-group{width:100%!important;display:block!important;height:33px!important;margin:0!important;line-height:33px!important;text-align:left!important}.sub-grand-group span{font-family:Arial;font-size:14px;color:#44566c;font-weight:400}.sub-grand-group:hover{background-color:#f8fafb!important}::ng-deep .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list-tree-outer-div{height:278px!important}.content-portlets{height:100%;position:relative;overflow:hidden}.content-portlets .dashboard-tab-list{position:absolute;bottom:0;left:0;z-index:1000;width:100%;border-top:1px solid #dbe1e7;border-bottom:1px solid #dbe1e7;background:#f8fafb;box-shadow:0 -1px 4px 0 rgba(0,0,0,.05);display:flex;align-items:center;height:28px}.content-portlets .dashboard-tab-list img{margin-left:10px;cursor:pointer}.content-portlets .dashboard-tab-list .tab-item{cursor:pointer;padding-bottom:4px;border-left:0;color:#43566c}.content-portlets .dashboard-tab-list .tab-item:hover img{display:block!important}.content-portlets .dashboard-tab-list .tab-item div{border-right:1px solid #d0d6dd;border-left:1px solid transparent;border-bottom:1px solid transparent;font-size:11px;line-height:16px;min-height:16px;padding:5px 12px 2px;display:flex;width:114px;align-items:center;justify-content:space-between;gap:6px}.content-portlets .dashboard-tab-list .tab-item div img{display:none;cursor:pointer;margin-left:0}.content-portlets .dashboard-tab-list .tab-item:first-child div{border-left:1px solid #d0d6dd}.content-portlets .dashboard-tab-list .tab-item:first-child.active div{border-right:1px solid #d6dce2}.content-portlets .dashboard-tab-list .tab-item.active div{background-color:#fff;border-bottom-color:#d6dce2;font-weight:700;border-radius:0 0 6px 6px;border-left-color:#d6dce2}.content-portlets .dashboard-tab-list .tab-item.prev div{border-right-color:transparent}.content-portlets .dashboard-tab-list .tab-item input{border:none;text-shadow:none;border-bottom:1px solid #43566c;outline:0;height:16px;width:150px;font-size:11px!important}::ng-deep .mat-menu-content .options{padding:4px 0}::ng-deep .mat-menu-content .options .option-item{padding:4px 8px;font-size:13px;cursor:pointer}::ng-deep .mat-menu-content .options .option-item:hover{background:rgba(0,0,0,.05)}::ng-deep .mat-menu-content .options .option-checkbox{padding:8px}::ng-deep .mat-menu-content .options .option-checkbox.first{border-top:1px solid rgba(0,0,0,.1)}::ng-deep .mat-menu-content .options .option-checkbox .e-icons{height:18px;width:18px}::ng-deep .mat-menu-content .options .option-checkbox .e-icons:before{font-size:12px}::ng-deep #vegetables_popup{width:400px!important}#kt-dashboard-container{display:flex;flex-flow:column nowrap}#kt-dashboard-tabs{flex:none;position:static;height:30px;padding:0 20px;display:flex;flex-flow:row nowrap;align-items:flex-start}#kt-dashboard-tabs .tab-item.active>div{padding-bottom:4px}#kt-dashboard-tabs .tab-item>div{color:#1f3f5c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}#kt-dashboard-tabs .add-tab-icon{width:16px;height:16px;margin:5px 12px auto}#kt-dashboard-layout{flex:auto;height:0;padding:20px;background-color:rgba(68,86,108,.1)}.left-place{left:-24px!important}"]}]}],"members":{"dateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"appCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"sidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":3},"arguments":["sidebar",{"static":false}]}]}],"unclick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":86,"character":3},"arguments":["unclick"]}]}],"unclickGrand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":87,"character":3},"arguments":["unclickGrand"]}]}],"newChart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":88,"character":3},"arguments":["newChart"]}]}],"bodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":3},"arguments":["document:click",["$event"]]}]}],"dashboardLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":["defaultLayout",{"static":false}]}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":126,"character":3},"arguments":["canvas",{"static":true}]}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":146,"character":3},"arguments":["table"]}]}],"pivot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":148,"character":3},"arguments":["pivot"]}]}],"transpose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":150,"character":3},"arguments":["transpose"]}]}],"panesList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":457,"character":3},"arguments":["panesList",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":469,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":469,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":470,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":470,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":471,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":471,"character":17},"arguments":[{"__symbolic":"reference","name":"ROLE_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":459,"character":19},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":463,"character":28},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":465,"character":17},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":466,"character":20},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":467,"character":24},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":468,"character":22},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"getAllFields":[{"__symbolic":"method"}],"onCloseRight":[{"__symbolic":"method"}],"setActiveDashboardPortlets":[{"__symbolic":"method"}],"onActiveTab":[{"__symbolic":"method"}],"onDeleteTab":[{"__symbolic":"method"}],"onAddTab":[{"__symbolic":"method"}],"setTabInput":[{"__symbolic":"method"}],"saveTabInput":[{"__symbolic":"method"}],"onStartEdit":[{"__symbolic":"method"}],"initTabList":[{"__symbolic":"method"}],"initlayout":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[100]}]}],"chartUpdate":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getPorletConfig":[{"__symbolic":"method"}],"updateTheme":[{"__symbolic":"method"}],"updateDashboard":[{"__symbolic":"method"}],"updatePorletConfig":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"GetgadgetTitle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[300]}]}],"getPortletType":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"copyPortlet":[{"__symbolic":"method"}],"getAsofdate":[{"__symbolic":"method"}],"getCurrency":[{"__symbolic":"method"}],"getFigurecode":[{"__symbolic":"method"}],"getTableName":[{"__symbolic":"method"}],"pushSlider":[{"__symbolic":"method"}],"getFigureCode":[{"__symbolic":"method"}],"getDashboard":[{"__symbolic":"method"}],"routerPage":[{"__symbolic":"method"}],"displayIconPrompt":[{"__symbolic":"method"}],"configurations":[{"__symbolic":"method"}],"setPrevId":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"downloadAll":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"getChartIndexInAll":[{"__symbolic":"method"}],"downloadTable":[{"__symbolic":"method"}],"updateFormat":[{"__symbolic":"method"}],"fieldFormat":[{"__symbolic":"method"}],"openFilter":[{"__symbolic":"method"}],"updatePushBtn":[{"__symbolic":"method"}],"toggleCustomize":[{"__symbolic":"method"}],"toggleSidebar":[{"__symbolic":"method"}],"onToggleTabactive":[{"__symbolic":"method"}],"updatePorlet":[{"__symbolic":"method"}],"addPorlet":[{"__symbolic":"method"}],"closeSidebar":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"dragStop":[{"__symbolic":"method"}],"getNewPosition":[{"__symbolic":"method"}],"openSubtotal":[{"__symbolic":"method"}],"openGrandtotal":[{"__symbolic":"method"}],"selectTotalGroup":[{"__symbolic":"method"}],"getSelectTotalGroupStatus":[{"__symbolic":"method"}],"initCharData":[{"__symbolic":"method"}],"compareDates":[{"__symbolic":"method"}],"truncateText":[{"__symbolic":"method"}],"getPaddingBottom":[{"__symbolic":"method"}],"updateDashboardLastUpdateDate":[{"__symbolic":"method"}],"savedashboard":[{"__symbolic":"method"}]}},"CommonFunctionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"testMethod":[{"__symbolic":"method"}],"setMiddleEllipsis":[{"__symbolic":"method"}],"getPureUrl":[{"__symbolic":"method"}],"closeTab":[{"__symbolic":"method"}],"publish":[{"__symbolic":"method"}],"rtn":[{"__symbolic":"method"}],"Guid":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"IconLoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":7,"character":22},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":26}]}],"registerIcons":[{"__symbolic":"method"}]}},"MessageType":{"Create":0,"Read":1,"Update":2,"Delete":3},"DialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":30,"character":32},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":30,"character":61}]}],"showLoadingNotification":[{"__symbolic":"method"}],"showNotification":[{"__symbolic":"method"}],"deleteElement":[{"__symbolic":"method"}],"showCommonDilaog":[{"__symbolic":"method"}],"showUnsavedChanges":[{"__symbolic":"method"}],"showSucMsg":[{"__symbolic":"method"}],"showUpdateMsg":[{"__symbolic":"method"}],"showDelMsg":[{"__symbolic":"method"}],"showMessage":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"KeepAliveService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"setExcludeRoutes":[{"__symbolic":"method"}],"shouldDetach":[{"__symbolic":"method"}],"store":[{"__symbolic":"method"}],"shouldAttach":[{"__symbolic":"method"}],"retrieve":[{"__symbolic":"method"}],"shouldReuseRoute":[{"__symbolic":"method"}],"getRoutePath":[{"__symbolic":"method"}],"clearCache":[{"__symbolic":"method"}],"clearAllCache":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DrawerConfig":{"__symbolic":"interface"},"DefaultDrawerConfig":{"title":"Title","mode":"inner"},"DrawerShowInstance":{"__symbolic":"interface"},"DrawerChangeEvent":{"__symbolic":"interface"},"DrawerChangeListener":{"__symbolic":"interface"},"DrawerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":31,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":41,"character":30}]}],"ngOnDestroy":[{"__symbolic":"method"}],"listenRouterChange":[{"__symbolic":"method"}],"setDrawer":[{"__symbolic":"method"}],"removeDrawer":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"complete":[{"__symbolic":"method"}],"setConfig":[{"__symbolic":"method"}],"deleteCache":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"checkChange":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"TranslationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":28}]}],"getTranslation":[{"__symbolic":"method"}],"convertLangValue":[{"__symbolic":"method"}],"convertLangCode":[{"__symbolic":"method"}],"updateSyncfusionLanguage":[{"__symbolic":"method"}]}},"RaiseCommonLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":169,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CommonGridComponent"},{"__symbolic":"reference","name":"GridActionComponent"},{"__symbolic":"reference","name":"GridActionItemComponent"},{"__symbolic":"reference","name":"FloatBoxComponent"},{"__symbolic":"reference","name":"RsPageListComponent"},{"__symbolic":"reference","name":"RsPageTabComponent"},{"__symbolic":"reference","name":"GridBoxComponent"},{"__symbolic":"reference","name":"RSHeaderComponent"},{"__symbolic":"reference","name":"RSFooterComponent"},{"__symbolic":"reference","name":"RSAsideComponent"},{"__symbolic":"reference","name":"MultiTabComponent"},{"__symbolic":"reference","name":"MainContainerComponent"},{"__symbolic":"reference","name":"TagInputComponent"},{"__symbolic":"reference","name":"RadioGroupComponent"},{"__symbolic":"reference","name":"CheckboxGroupComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"SwitchInputComponent"},{"__symbolic":"reference","name":"EncryptedInputComponent"},{"__symbolic":"reference","name":"SearchInputComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"CommonDialogComponent"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"DrawerComponent"},{"__symbolic":"reference","name":"DrawerFormComponent"},{"__symbolic":"reference","name":"ToolbarItemComponent"},{"__symbolic":"reference","name":"RsCommentaryComponent"},{"__symbolic":"reference","name":"RSNavCardGroupComponent"},{"__symbolic":"reference","name":"RSToolbarComponent"},{"__symbolic":"reference","name":"TruncatedTextToggleComponent"},{"__symbolic":"reference","name":"RSStepperComponent"},{"__symbolic":"reference","name":"PaneGroupNewComponent"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":217,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":218,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":219,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":220,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":221,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":222,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":223,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":224,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":225,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":226,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":227,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":228,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":229,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":230,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":231,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridModule","line":232,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"PagerModule","line":233,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridAllModule","line":234,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"SwitchModule","line":235,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"CheckBoxModule","line":236,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"RadioButtonModule","line":237,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ButtonModule","line":238,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ChipListModule","line":239,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-diagrams","name":"DiagramModule","line":240,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"TooltipModule","line":241,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"DialogModule","line":242,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DatePickerModule","line":243,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateRangePickerModule","line":244,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateTimePickerModule","line":245,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"TextBoxModule","line":246,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"ColorPickerModule","line":247,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"UploaderModule","line":248,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"NumericTextBoxModule","line":249,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownListModule","line":250,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownTreeModule","line":251,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"MultiSelectAllModule","line":252,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"AutoCompleteModule","line":253,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"ListBoxModule","line":254,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotViewAllModule","line":255,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotFieldListAllModule","line":256,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"ChartAllModule","line":257,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartAllModule","line":258,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"RangeNavigatorAllModule","line":259,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartModule","line":260,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-layouts","name":"DashboardLayoutModule","line":261,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"CarouselAllModule","line":262,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"ToolbarModule","line":263,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TabModule","line":264,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TreeViewModule","line":265,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"PdfViewerModule","line":266,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"DropDownButtonModule","line":267,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"SplitButtonModule","line":268,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"RichTextEditorAllModule","line":269,"character":4},{"__symbolic":"reference","module":"ng-inline-svg","name":"InlineSVGModule","line":270,"character":4}],"providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"PageService","line":273,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"RowDDService","line":274,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"SortService","line":275,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"FilterService","line":276,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ExcelExportService","line":277,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"EditService","line":278,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ResizeService","line":279,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ToolbarService","line":280,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnChooserService","line":281,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"AggregateService","line":282,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnMenuService","line":283,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"DetailRowService","line":284,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"SelectionService","line":285,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GroupService","line":286,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"PieSeriesService","line":287,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationLegendService","line":288,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationTooltipService","line":289,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationAnnotationService","line":290,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationDataLabelService","line":291,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"LinkAnnotationService","line":292,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"BookmarkViewService","line":293,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"MagnificationService","line":294,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"ThumbnailViewService","line":295,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"ToolbarService","line":296,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"NavigationService","line":297,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"TextSearchService","line":298,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"TextSelectionService","line":299,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"PrintService","line":300,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"HtmlEditorService","line":301,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"ToolbarService","line":302,"character":4},{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"TranslationService"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":310,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":311,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":312,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":313,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":314,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":315,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":316,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":317,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":318,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridModule","line":319,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"PagerModule","line":320,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridAllModule","line":321,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"SwitchModule","line":322,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"CheckBoxModule","line":323,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"RadioButtonModule","line":324,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ButtonModule","line":325,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ChipListModule","line":326,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-diagrams","name":"DiagramModule","line":327,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"TooltipModule","line":328,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"DialogModule","line":329,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DatePickerModule","line":330,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateRangePickerModule","line":331,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateTimePickerModule","line":332,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"TextBoxModule","line":333,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"ColorPickerModule","line":334,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"UploaderModule","line":335,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"NumericTextBoxModule","line":336,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownListModule","line":337,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownTreeModule","line":338,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"MultiSelectAllModule","line":339,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"AutoCompleteModule","line":340,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"ListBoxModule","line":341,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotViewAllModule","line":342,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotFieldListAllModule","line":343,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"ChartAllModule","line":344,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartAllModule","line":345,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"RangeNavigatorAllModule","line":346,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartModule","line":347,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-layouts","name":"DashboardLayoutModule","line":348,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"CarouselAllModule","line":349,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"ToolbarModule","line":350,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TabModule","line":351,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TreeViewModule","line":352,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"PdfViewerModule","line":353,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"DropDownButtonModule","line":354,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"SplitButtonModule","line":355,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"RichTextEditorAllModule","line":356,"character":4},{"__symbolic":"reference","name":"CommonGridComponent"},{"__symbolic":"reference","name":"GridActionComponent"},{"__symbolic":"reference","name":"GridActionItemComponent"},{"__symbolic":"reference","name":"FloatBoxComponent"},{"__symbolic":"reference","name":"RsPageListComponent"},{"__symbolic":"reference","name":"RsPageTabComponent"},{"__symbolic":"reference","name":"GridBoxComponent"},{"__symbolic":"reference","name":"RSHeaderComponent"},{"__symbolic":"reference","name":"RSFooterComponent"},{"__symbolic":"reference","name":"RSAsideComponent"},{"__symbolic":"reference","name":"MultiTabComponent"},{"__symbolic":"reference","name":"MainContainerComponent"},{"__symbolic":"reference","name":"TagInputComponent"},{"__symbolic":"reference","name":"RadioGroupComponent"},{"__symbolic":"reference","name":"CheckboxGroupComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"SwitchInputComponent"},{"__symbolic":"reference","name":"EncryptedInputComponent"},{"__symbolic":"reference","name":"SearchInputComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"DrawerComponent"},{"__symbolic":"reference","name":"DrawerFormComponent"},{"__symbolic":"reference","name":"ToolbarItemComponent"},{"__symbolic":"reference","name":"RsCommentaryComponent"},{"__symbolic":"reference","name":"RSNavCardGroupComponent"},{"__symbolic":"reference","name":"RSToolbarComponent"},{"__symbolic":"reference","name":"TruncatedTextToggleComponent"},{"__symbolic":"reference","name":"CommonDialogComponent"},{"__symbolic":"reference","name":"RSStepperComponent"},{"__symbolic":"reference","name":"PaneGroupNewComponent"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"}],"entryComponents":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"CommonDialogComponent"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":407,"character":12}]}]}],"members":{}},"PBF_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":29},"arguments":["PBF_TOKEN"]},"API_SERVICE_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":37},"arguments":["API_SERVICE_TOKEN"]},"ROLE_SERVICE_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":38},"arguments":["ROLE_SERVICE_TOKEN"]},"ɵa":{"__symbolic":"function","parameters":["delay"],"defaults":[300],"value":{"__symbolic":"error","message":"Lambda not supported","line":1,"character":9,"module":"./lib/utils/decorator"}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeAddStatus":[{"__symbolic":"method"}],"getAbs":[{"__symbolic":"method"}],"dataExists":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getColorFromColorArr":[{"__symbolic":"method"}],"getPanesData":[{"__symbolic":"method"}],"getStartRefresh":[{"__symbolic":"method"}],"getSwitchConfig":[{"__symbolic":"method"}],"getColNum":[{"__symbolic":"method"}],"getAloneCol":[{"__symbolic":"method"}],"getFull_dt":[{"__symbolic":"method"}],"getDashbordGroup":[{"__symbolic":"method"}],"getportletEdit":[{"__symbolic":"method"}],"getaddportlet":[{"__symbolic":"method"}],"getCustomizeStatus":[{"__symbolic":"method"}],"getPushbtn":[{"__symbolic":"method"}],"getDownloadDashbord":[{"__symbolic":"method"}],"getLeftMenuBar":[{"__symbolic":"method"}],"createGroup":[{"__symbolic":"method"}],"getRefreshGadget":[{"__symbolic":"method"}],"getGenerateStatus":[{"__symbolic":"method"}],"changeSubheaderMode":[{"__symbolic":"method"}],"getTablesource":[{"__symbolic":"method"}],"pageLoading_obs":[{"__symbolic":"method"}],"getPvtableDisplayOptionChartChange":[{"__symbolic":"method"}],"getEnableMultipleAxisChange":[{"__symbolic":"method"}],"getShowLegendChange":[{"__symbolic":"method"}],"getMarkerFormat":[{"__symbolic":"method"}],"getTheme":[{"__symbolic":"method"}],"editProperties":[{"__symbolic":"method"}],"getDataSendToFilter":[{"__symbolic":"method"}],"getportletDownload":[{"__symbolic":"method"}],"getTableFormat":[{"__symbolic":"method"}],"getTableFilter":[{"__symbolic":"method"}],"getchangeDataTable":[{"__symbolic":"method"}],"getDashboardRename":[{"__symbolic":"method"}],"getchangeTable":[{"__symbolic":"method"}],"getchangePivot":[{"__symbolic":"method"}],"getchangeChart":[{"__symbolic":"method"}],"getchangeGeo":[{"__symbolic":"method"}],"getTagsUpdate":[{"__symbolic":"method"}],"getAllInvestee_":[{"__symbolic":"method"}],"getDataMartActive_":[{"__symbolic":"method"}],"getResetbtn":[{"__symbolic":"method"}],"getchangelayout":[{"__symbolic":"method"}],"getclearSidebar":[{"__symbolic":"method"}],"watchTranposeFilter":[{"__symbolic":"method"}],"updatePortletTitle":[{"__symbolic":"method"}],"watchUpdateDatamartEntity":[{"__symbolic":"method"}],"createDashboardObservable":[{"__symbolic":"method"}],"createDashboardObservableNew":[{"__symbolic":"method"}],"changeDashboardSharedObservable":[{"__symbolic":"method"}],"clearFieldListObservable":[{"__symbolic":"method"}],"getUpdated":[{"__symbolic":"method"}],"dashboardNavigateObservable":[{"__symbolic":"method"}],"getChartTypeChange":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ngInjectableDef":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":82,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":77,"character":19},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":80,"character":24},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"setEntityType":[{"__symbolic":"method"}],"GetDashboardV1":[{"__symbolic":"method"}],"filterTriggerGetData":[{"__symbolic":"method"}],"removeParentheses":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"GetChartTypes":[{"__symbolic":"method"}],"getCompanyDropdown":[{"__symbolic":"method"}],"getCurrencyDropdown":[{"__symbolic":"method"}],"GetTimeMeasure":[{"__symbolic":"method"}],"GetPeriods":[{"__symbolic":"method"}],"GetFollowingPeriods":[{"__symbolic":"method"}],"GetFinancialFigureCodes":[{"__symbolic":"method"}],"GetFinancialSubType":[{"__symbolic":"method"}],"GetFinancialItems":[{"__symbolic":"method"}],"GetTheme":[{"__symbolic":"method"}],"GetFollowingDataType":[{"__symbolic":"method"}],"GetFormat":[{"__symbolic":"method"}],"GetChartStyle":[{"__symbolic":"method"}],"getFundDropdown":[{"__symbolic":"method"}],"GetGrouping":[{"__symbolic":"method"}],"getFundDropdown_":[{"__symbolic":"method"}],"GetAllInvestee":[{"__symbolic":"method"}],"pivotTableformatNumber":[{"__symbolic":"method"}],"pivotTableformatInteger":[{"__symbolic":"method"}],"pivotTableformatPercent":[{"__symbolic":"method"}],"pivotTableformatPercentNum":[{"__symbolic":"method"}],"pivotTableformatMultiple":[{"__symbolic":"method"}],"formatNumber":[{"__symbolic":"method"}],"formatPercent":[{"__symbolic":"method"}],"formatPercentNum":[{"__symbolic":"method"}],"formatMultiple":[{"__symbolic":"method"}],"GetFigureFormat":[{"__symbolic":"method"}],"GetFigureFormat3":[{"__symbolic":"method"}],"GetPercentFormats":[{"__symbolic":"method"}],"GetMultipleFormats":[{"__symbolic":"method"}],"getAggregateType":[{"__symbolic":"method"}],"getCalculateMethod":[{"__symbolic":"method"}],"number_format":[{"__symbolic":"method"}],"toFixedFix":[{"__symbolic":"method"}],"getResultByDataTable":[{"__symbolic":"method"}],"getOrderByColumnsNew":[{"__symbolic":"method"}],"decompressArrayBuffer":[{"__symbolic":"method"}],"getAllFields":[{"__symbolic":"method"}],"setSchemaParams":[{"__symbolic":"method"}],"checkHasFromDate":[{"__symbolic":"method"}],"checkIsQ2Q":[{"__symbolic":"method"}],"setConfigFields":[{"__symbolic":"method"}],"getDataByPortletsNew":[{"__symbolic":"method"}],"clearFieldsObj":[{"__symbolic":"method"}],"getParamsByPortlet":[{"__symbolic":"method"}],"needGetPortletData":[{"__symbolic":"method"}],"setDataManager":[{"__symbolic":"method"}],"checkFilterSettings":[{"__symbolic":"method"}],"sortDataMartTables":[{"__symbolic":"method"}],"renameDataMartTables":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵe":{"__symbolic":"function","parameters":["delay"],"defaults":[300],"value":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":8,"module":"./lib/dashboard/bar-charts/utils"}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"rs-richtext-editor","template":"<div class=\"editor_box\" id=\"container\">\r\n <ejs-richtexteditor\r\n #editor\r\n id=\"editor\"\r\n [height]=\"height\"\r\n [saveInterval]=\"0\"\r\n [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n [toolbarSettings]=\"tools\"\r\n [fontFamily]=\"family\"\r\n [insertImageSettings]=\"insertImageSettings\"\r\n [(value)]=\"value\"\r\n (change)=\"onContentChange($event)\"\r\n (created)=\"onCreate()\"\r\n (toolbarClick)=\"_toolbarClick($event)\"\r\n >\r\n </ejs-richtexteditor>\r\n <ejs-dialog\r\n #AIdialog\r\n id=\"AIdialog\"\r\n [ngClass]=\"size\"\r\n [visible]=\"false\"\r\n [target]=\"target\"\r\n [isModal]=\"true\"\r\n [height]=\"dialogHeight\"\r\n [width]=\"dialogWidth\"\r\n maxHeight=\"80%\"\r\n cssClass=\"e-rte-elements custom-dialog-rte\"\r\n zIndex=\"1000\"\r\n (close)=\"closeDialog()\"\r\n (overlayClick)=\"onOverlayClick()\"\r\n (open)=\"dialogShow()\"\r\n >\r\n <ng-template #header>\r\n <div class=\"header-title\">AI Assist</div>\r\n <div class=\"header-buttons\">\r\n <div ngIf=\"showZoomBtn\" class=\"header-zoom\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div class=\"header-btn\" (click)=\"closeDialog()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </ng-template>\r\n <ng-template #footerTemplate>\r\n <div id=\"dialog-footer-content\">\r\n <div class=\"custom-row-0\">\r\n <div\r\n class=\"cuscol-0\"\r\n style=\"width: 100%; align-items: center; justify-content: left\"\r\n ></div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n \"\r\n >\r\n <div style=\"text-align: right; width: 100%\">\r\n <button\r\n ejs-button\r\n #sentimentButton\r\n content=\"😊 Neutral\"\r\n disabled=\"false\"\r\n cssClass=\"sentiment\"\r\n ></button>\r\n <button\r\n ejs-button\r\n #copyButton\r\n content=\"Copy\"\r\n disabled=\"false\"\r\n class=\"copy-btn\"\r\n ></button>\r\n <button\r\n ejs-button\r\n #replaceButton\r\n content=\"Replace\"\r\n isPrimary=\"true\"\r\n disabled=\"false\"\r\n ></button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n <ng-template #content>\r\n <div class=\"dialog-content\" style=\"height: 100%\">\r\n <div class=\"custom-row-0\">\r\n <div class=\"cuscol-0\" style=\"width: 100%\">\r\n <ejs-dropdownlist\r\n #queryCategory\r\n style=\"width: 200px\"\r\n id=\"queryCategory\"\r\n [dataSource]=\"queryList\"\r\n index=\"0\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onQuerySelect($event)\"\r\n >\r\n Rephrase\r\n </ejs-dropdownlist>\r\n <ejs-dropdownlist\r\n ngIf=\"selectedQuery == 'Rephrase'\"\r\n id=\"chips-container\"\r\n #chipList\r\n style=\"width: 160px\"\r\n [(ngModel)]=\"chipValue\"\r\n [dataSource]=\"rephraseTyleList\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onChipClick($event)\"\r\n >\r\n </ejs-dropdownlist>\r\n <ejs-dropdownlist\r\n ngIf=\"selectedQuery == 'Translate'\"\r\n #languageCategory\r\n index=\"0\"\r\n id=\"language-Category\"\r\n [dataSource]=\"languageList\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onLanguageSelect($event)\"\r\n >\r\n </ejs-dropdownlist>\r\n </div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n \"\r\n >\r\n <!-- <ejs-chiplist\r\n id=\"chips-container\"\r\n #chipList\r\n [chips]=\"['Standard', 'Fluent', 'Professional']\"\r\n selection=\"Single\"\r\n cssClass=\"e-outline\"\r\n [selectedChips]=\"[0]\"\r\n (click)=\"onChipClick($event)\"\r\n >\r\n </ejs-chiplist> -->\r\n <button\r\n ejs-button\r\n #regenerateButton\r\n content=\"Regenerate\"\r\n isPrimary=\"true\"\r\n disabled=\"false\"\r\n ></button>\r\n </div>\r\n </div>\r\n <div class=\"custom-row-1\" style=\"height: calc(100% - 40px)\">\r\n <div\r\n class=\"cuscol-0\"\r\n style=\"\r\n width: 100%;\r\n height: 100%;\r\n align-items: center;\r\n justify-content: left;\r\n \"\r\n >\r\n <div style=\"text-align: left; height: 100%\">\r\n <ejs-richtexteditor\r\n #leftRte\r\n id=\"leftRte\"\r\n height=\"100%\"\r\n [toolbarSettings]=\"{ enable: false }\"\r\n placeholder=\"Analysis of AI Support\"\r\n cssClass=\"e-outline\"\r\n >\r\n </ejs-richtexteditor>\r\n </div>\r\n </div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n height: 100%;\r\n \"\r\n >\r\n <div style=\"text-align: left; width: 100%; height: 100%\">\r\n <ejs-richtexteditor\r\n #rightRte\r\n id=\"rightRte\"\r\n height=\"100%\"\r\n [toolbarSettings]=\"{ enable: false }\"\r\n placeholder=\"Analysis of AI Support\"\r\n cssClass=\"e-outline\"\r\n >\r\n <!-- style=\"display: none\" -->\r\n </ejs-richtexteditor>\r\n <div\r\n class=\"no-results-found\"\r\n id=\"no-results-found\"\r\n style=\"display: none; height: 244px; align-content: center\"\r\n >\r\n <img\r\n height=\"50\"\r\n width=\"50\"\r\n src=\"https://storage.googleapis.com/cdn-bolddesk/agent-angular-app/images/light/no-records-warning.svg\"\r\n />\r\n <div>No results found</div>\r\n </div>\r\n <div id=\"skeletonId\" style=\"display: none\">\r\n <ejs-skeleton\r\n #skeletonId1\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"100%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId2\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"90%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId3\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"70%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId4\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"50%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId5\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"30%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId6\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"10%\"\r\n ></ejs-skeleton\r\n ><br />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </ejs-dialog>\r\n <div class=\"toast\" ngIf=\"showMsg\">\r\n <span class=\"toast_text\">First, Select some text</span\r\n ><span class=\"close_icon\" (click)=\"hideToast()\"></span>\r\n </div>\r\n</div>\r\n","styles":[".editor_box{position:relative;width:100%;height:100%}.editor_box .toast{position:absolute;left:35%;top:110px;z-index:1;width:400px;border-radius:4px;border:1px solid #e8f2ff;background:#f4f8ff;padding:4px 12px;color:#1f3f5c;font-size:12px;font-style:normal;font-weight:400;height:32px;font-family:Arial;display:flex;align-items:center;justify-content:space-between}.editor_box .toast .toast_text::before{content:url(../../assets/img/info.svg);display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(../../assets/img/notification-close.svg);cursor:pointer;display:inline-block;width:16px;height:16px}.custom-dialog-rte{padding:0 20px;border-radius:10px}.custom-row-0,.custom-row-1,.custom-row-2{display:flex;align-items:center;padding:12px 24px}.e-rte-dropdown-btn-text{padding-left:4px}.no-results-found{text-align:center}.no-results-found img{display:block;margin:0 auto}.e-custom{margin-right:.5rem;border-radius:25px!important}.custom-dialog-rte .skeleton-rectangle{border-radius:4px}@media (max-width:767px){.cuscol-0,.cuscol-1,.cuscol-2{justify-content:center!important}.custom-row-0,.custom-row-1,.custom-row-2{flex-direction:column!important}.cuscol-1{border-right:none!important}.cuscol-0{width:100%;align-items:center}::ng-deep:host .e-dialog{max-height:80%!important}.custom-dialog-rte .e-dialog .e-dlg-content{overflow-y:auto!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor{height:100px!important}.cuscol-noresult{padding-bottom:20px!important}.e-chip-list{padding:5px!important}.cuscol{padding-right:.2rem!important;width:auto!important}.custom-row-1{height:auto!important}}.cuscol-1{display:flex;flex-direction:row!important}.cuscol-2{display:flex;flex-direction:column!important}.sentiment{color:#000!important}.custom-dialog-rte .e-dialog .e-dlg-content{padding:0!important;overflow-y:hidden}.custom-dialog-rte .e-dialog .e-dlg-header-content{padding:20px 0!important;border:0!important}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header{display:flex;align-items:center;line-height:18px;justify-content:space-between}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header .header-title{font-family:Arial;font-size:15px;font-weight:700;font-style:normal}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons{display:flex}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons img{width:16px;height:16px;cursor:pointer;padding:2px;margin-left:12px}.custom-dialog-rte .e-dialog .e-footer-content{padding:0!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor.e-rte-tb-expand .e-rte-content,.e-richtexteditor.e-rte-tb-expand .e-source-content{border:0;border-bottom:1px solid #dee2e6;border-top:0 solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0 solid #ddd!important;padding:0;margin-bottom:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-0{justify-content:left;border-right:none!important;padding:0;display:flex;gap:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1{padding:0;margin-left:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1 .e-primary{color:#44566c;border-radius:4px;border:1px solid #dbe1e7;background:#fff;width:87px;margin:0;padding:2px 12px;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;height:28px}.custom-dialog-rte .dialog-content .custom-row-1{padding:0;height:calc(100% - 40px);gap:12px}.custom-dialog-rte .e-footer-content{border:0}.custom-dialog-rte .e-footer-content .custom-row-0{padding:20px 0}.custom-dialog-rte .e-footer-content .e-control.e-btn{font-family:Arial;font-size:12px;line-height:14px;padding:2px 12px;height:28px;background:#fff;color:#44566c}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn{border-color:#dbe1e7}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn::before{content:url(../../assets/img/editor-copy.svg);vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.editor_box .e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}"]}]}],"members":{"rteObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["editor",{"static":false}]}]}],"queryCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["queryCategory",{"static":false}]}]}],"leftRte":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["leftRte",{"static":false}]}]}],"rightRte":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["rightRte",{"static":false}]}]}],"AIdialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["AIdialog",{"static":true}]}]}],"sentimentButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["sentimentButton",{"static":false}]}]}],"regenerateButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["regenerateButton",{"static":false}]}]}],"copyButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["copyButton",{"static":false}]}]}],"replaceButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["replaceButton",{"static":false}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"autoSaveOnIdle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"toolbarClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":174,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"onContentChange":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"aiQuerySelectedMenu":[{"__symbolic":"method"}],"dialogueOpen":[{"__symbolic":"method"}],"updateAISugesstionsData":[{"__symbolic":"method"}],"updateAISugesstions":[{"__symbolic":"method"}],"getResponseFromOpenAI":[{"__symbolic":"method"}],"dialogShow":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"copyTextToClipboard":[{"__symbolic":"method"}],"onOverlayClick":[{"__symbolic":"method"}],"onQuerySelect":[{"__symbolic":"method"}],"onLanguageSelect":[{"__symbolic":"method"}],"onChipClick":[{"__symbolic":"method"}],"_toolbarClick":[{"__symbolic":"method"}],"hideToast":[{"__symbolic":"method"}],"onZoom":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"rs-confirm-select","template":"<div class=\"rs-confirm-select\">\r\n <ejs-multiselect\r\n #comfirmSelect\r\n [dataSource]=\"dataSource\"\r\n [showDropDownIcon]=\"true\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"selectedItems\"\r\n [fields]=\"fields\"\r\n [showSelectAll]=\"showSelectAll\"\r\n mode=\"CheckBox\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [showClearButton]=\"false\"\r\n (close)=\"onClose($event)\"\r\n filterType=\"Contains\"\r\n >\r\n <ng-template #footerTemplate=\"\" let-data=\"data\">\r\n <div class=\"confirm-select-footer\">\r\n <button class=\"e-btn\" (click)=\"onCancel()\">\r\n {{ translation.CANCEL }}\r\n </button>\r\n <button class=\"e-btn e-primary\" (click)=\"onApply()\">\r\n {{ translation.APPLY }}\r\n </button>\r\n </div>\r\n </ng-template>\r\n </ejs-multiselect>\r\n</div>\r\n","styles":[".confirm-select-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 12px;gap:12px;height:40px;border-top:solid 1px var(--rs-border-color)}"]}]}],"members":{"comfirmSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["comfirmSelect",{"static":false}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"showSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"resetSelectedItems":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"kt-new-action-notification","template":"<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\tngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n","styles":["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MAT_SNACK_BAR_DATA","line":26,"character":10}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"closeNotification":[{"__symbolic":"method"}],"expandNotification":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kt-common-delete-dialog","template":"<rs-common-dialog\r\n [size]=\"size\"\r\n [title]=\"title\"\r\n [hideHeader]=\"false\"\r\n [hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n [hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n [hideDiscardBtn]=\"\r\n data.hideDiscardBtn === undefined ? true : data.hideDiscardBtn\r\n \"\r\n [saveBtnLabel]=\"saveBtnLabel\"\r\n [cancelBtnLabel]=\"cancelBtnLabel\"\r\n [discardBtnLabel]=\"discardBtnLabel\"\r\n [showErrorIcon]=\"\r\n data.showErrorIcon === undefined ? false : data.showErrorIcon\r\n \"\r\n [hideCloseIcon]=\"\r\n data.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n \"\r\n\t[showZoomBtn]=\"data.showZoomBtn\"\r\n>\r\n <div class=\"mapping-dialog\">\r\n <div ngIf=\"isMultiLine\">\r\n <div ngFor=\"let item of description\" class=\"description-item\">\r\n {{ item }}\r\n </div>\r\n </div>\r\n <div ngIf=\"!isMultiLine\">\r\n {{description}}\r\n </div>\r\n </div>\r\n</rs-common-dialog>\r\n","styles":[".mapping-dialog{color:#44566c;font-family:Arial;font-size:12px;line-height:16px;white-space:pre-line}.mapping-dialog .description-item{line-height:26px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":36,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵi"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"rs-sidebar-iconlist-new","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"},"template":"<div class=\"sidebar-iconlist\" ngIf=\"config\">\r\n <ul class=\"nav-tabs\">\r\n <li class=\"nav-item\">\r\n <a\r\n class=\"nav-link\"\r\n [ngClass]=\"{ active: currentTab === 'tab1' }\"\r\n data-toggle=\"tab\"\r\n (click)=\"switchTab('tab1')\"\r\n >\r\n <img\r\n style=\"margin-right: 8px\"\r\n src=\"../../../assets/img/dashboard_icon/basic-icon-filter.svg\"\r\n />\r\n <div class=\"tab-name\">\r\n {{ translation.FILTER ? translation.FILTER : \".FILTER\" }}\r\n </div>\r\n </a>\r\n </li>\r\n <li class=\"nav-item\">\r\n <a\r\n class=\"nav-link\"\r\n [ngClass]=\"{ active: currentTab === 'tab2' }\"\r\n data-toggle=\"tab\"\r\n (click)=\"switchTab('tab2')\"\r\n >\r\n <img\r\n style=\"margin-right: 8px\"\r\n src=\"../../../assets/img/dashboard_icon/dashboard-icon.svg\"\r\n />\r\n <div class=\"tab-name\">\r\n {{ translation.PROPERTIES ? translation.PROPERTIES : \".PROPERTIES\" }}\r\n </div>\r\n </a>\r\n </li>\r\n </ul>\r\n <div class=\"sidebar-iconlist-content\">\r\n <!-- <form action=\"\" method=\"\"> -->\r\n <div\r\n class=\"tab-content\"\r\n style=\"height: calc(100% - 140px); overflow-y: scroll\"\r\n >\r\n <div class=\"tab-pane\" ngIf=\"currentTab === 'tab1'\" style=\"height: 100%\">\r\n <rs-field-filter\r\n [portlet]=\"portlet\"\r\n [dashboard]=\"dashboard\"\r\n [portlets]=\"portlets\"\r\n (updatePorletConfig)=\"_updatePorletConfig($event)\"\r\n ></rs-field-filter>\r\n </div>\r\n <div class=\"tab-pane\" ngIf=\"currentTab === 'tab2'\">\r\n <div>\r\n <div (click)=\"nextWizard(0)\" class=\"wizard\">\r\n <span class=\"wizard-name\">\r\n {{\r\n translation.DATA_TABLE ? translation.DATA_TABLE : \"Data Table\"\r\n }}\r\n </span>\r\n <mat-icon style=\"position: absolute; right: 0\">\r\n {{ !expandArray[0] ? \"expand_more\" : \"expand_less\" }}\r\n </mat-icon>\r\n </div>\r\n <div\r\n [ngStyle]=\"{ height: expandArray[0] ? '100px' : '0' }\"\r\n [ngClass]=\"{ collapsed: !expandArray[0] }\"\r\n class=\"wizard-expanded\"\r\n >\r\n <div class=\"data-source add-pdding\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{\r\n translation.FIRST_CHOOSE_THE_DATA_TABLE_TO_CUSTOMIZE_YOUR_DASHBOARD\r\n ? translation.FIRST_CHOOSE_THE_DATA_TABLE_TO_CUSTOMIZE_YOUR_DASHBOARD\r\n : \"Firstly, choose the data table to customize your dashboard\"\r\n }}\r\n </div>\r\n <div class=\"twelvepx\">\r\n <mat-select\r\n class=\"datamart-select\"\r\n [(ngModel)]=\"selectedDatamart\"\r\n (selectionChange)=\"changeDataTable($event.value)\"\r\n >\r\n <ng-container ngFor=\"let datatable of dataMartTableList\">\r\n <!-- ngIf=\"!datatable.isHide\" -->\r\n <mat-option [value]=\"datatable.datamartCode\">\r\n {{\r\n translation[datatable.langCode] \|\| datatable.langCode\r\n }}\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div ngIf=\"getFigurecode()\" (click)=\"nextWizard(2)\" class=\"wizard\">\r\n <span class=\"wizard-name\"\r\n >{{\r\n translation.PORTLET_TYPE\r\n ? translation.PORTLET_TYPE\r\n : \".PORTLET_TYPE\"\r\n }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[2] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n <!-- 图表类型选择 -->\r\n <div\r\n ngIf=\"getFigurecode()\"\r\n [ngClass]=\"{ collapsed: !expandArray[2] }\"\r\n class=\"wizard-expanded portlets\"\r\n >\r\n <rs-portlet-type-new\r\n [portlet]=\"portlet\"\r\n [dashboard]=\"dashboard\"\r\n [dataMartCode]=\"selectedDatamart\"\r\n (portletType)=\"getPortletType($event)\"\r\n >\r\n </rs-portlet-type-new>\r\n </div>\r\n\r\n <!-- new dashboard 并且选择图标类型才有的供三个图表选择的X轴Y轴 -->\r\n <ng-container\r\n ngIf=\"\r\n ['newcolumn', 'newline', 'newcolumnline'].includes(portletType)\r\n \"\r\n >\r\n <div class=\"wizard\" (click)=\"nextWizard(7)\">\r\n <span class=\"wizard-name\"\r\n >{{ translation.CONFIGURATIONS \|\| \".CONFIGURATIONS\" }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[7] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n\r\n <!-- 图标配置项 configuration -->\r\n <div\r\n [ngClass]=\"{ collapsed: !expandArray[7] }\"\r\n class=\"wizard-expanded config\"\r\n >\r\n <div style=\"padding-left: 18px\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.COLORS \|\| \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n style=\"margin-bottom: 10px\"\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"changeTheme($event, 'theme')\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.X_AXIS \|\| \".X-AXIS\" }}\r\n </div>\r\n\r\n <mat-select\r\n [(value)]=\"selectedX\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <ng-container ngFor=\"let i of yList\">\r\n <mat-option\r\n ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <ng-container ngIf=\"selectedX\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.FREQUENCY \|\| \".FREQUENCY\" }}\r\n </div>\r\n\r\n <mat-select\r\n [(value)]=\"selectedMultiples\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let i of multiplesList\"\r\n [value]=\"i.langCode\"\r\n >{{\r\n i.addtionName\r\n ? i.addtionName + \"\" + translation[i.langCode]\r\n : translation[i.langCode]\r\n }}</mat-option\r\n >\r\n </mat-select>\r\n </ng-container>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{\r\n portletType === \"newcolumnline\"\r\n ? (translation.COLUMN ? translation.COLUMN + \" \" : \"\") +\r\n (translation.Y_AXIS \|\| \".COLUMN Y-AXIS\")\r\n : translation.Y_AXIS \|\| \".Y-AXIS\"\r\n }}\r\n </div>\r\n\r\n <mat-select\r\n multiple\r\n [(value)]=\"selectedY\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <ng-container ngFor=\"let i of yList\">\r\n <mat-option\r\n ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <div\r\n style=\"margin-bottom: 10px\"\r\n class=\"twelvepx\"\r\n ngIf=\"portletType == 'newcolumnline'\"\r\n >\r\n {{\r\n (translation.LINE ? translation.LINE + \" \" : \"\") +\r\n (translation.Y_AXIS \|\| \".LINE Y-AXIS\")\r\n }}\r\n </div>\r\n\r\n <mat-select\r\n multiple\r\n class=\"datamart-select\"\r\n [(value)]=\"selectedSecondY\"\r\n (openedChange)=\"xyChange($event)\"\r\n panelClass=\"mat-select-multi-panel\"\r\n ngIf=\"portletType == 'newcolumnline'\"\r\n >\r\n <ng-container ngFor=\"let i of yList\">\r\n <mat-option\r\n ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <div class=\"data-label-content\">\r\n <div class=\"label\">\r\n {{ translation.DATA_LABEL \|\| \".Data labels\" }}\r\n </div>\r\n <ejs-switch\r\n [(ngModel)]=\"hasMarker\"\r\n (ngModelChange)=\"labelConfigChange($event)\"\r\n ></ejs-switch>\r\n </div>\r\n\r\n <div style=\"margin: 10px 0\" class=\"twelvepx\">\r\n {{ translation.DISPLAY_UNITS \|\| \".Display Units\" }}\r\n </div>\r\n\r\n <mat-select\r\n class=\"datamart-select\"\r\n [(ngModel)]=\"markerFormat\"\r\n (ngModelChange)=\"onChangeFormat()\"\r\n >\r\n <ng-container ngFor=\"let format of markerFormatList\">\r\n <mat-option [value]=\"format.value\">{{\r\n format.label\r\n }}</mat-option>\r\n </ng-container>\r\n </mat-select>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- historical IRR 专用 -->\r\n <ng-container ngIf=\"['historicalIRR'].includes(portletType)\">\r\n <div class=\"wizard\" (click)=\"nextWizard(7)\">\r\n <span class=\"wizard-name\"\r\n >{{ translation.CONFIGURATIONS \|\| \"CONFIGURATIONS\" }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[7] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n\r\n <!-- 图标配置项 configuration -->\r\n <div\r\n [ngClass]=\"{ collapsed: !expandArray[7] }\"\r\n class=\"wizard-expanded config\"\r\n >\r\n <div style=\"padding-left: 18px\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.COLORS \|\| \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n style=\"margin-bottom: 10px\"\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"changeTheme($event, 'theme')\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.FREQUENCY \|\| \".FREQUENCY\" }}\r\n </div>\r\n\r\n <!-- Frequency: Yearly/Quarterly(default)/Monthly -->\r\n <mat-select\r\n [(value)]=\"selectedMultiples\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let i of frequencyOptions\"\r\n [value]=\"i.langCode\"\r\n >\r\n {{ (i.addtionName \|\| \"\") + translation[i.langCode] }}\r\n </mat-option>\r\n </mat-select>\r\n\r\n <!-- Fund cashflow IRR ( fund ops settlement) 可选择 -->\r\n <ng-container\r\n ngIf=\"\r\n ['FundHistoricalCashflowIRR'].includes(selectedDatamart)\r\n \"\r\n >\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n Investors\r\n </div>\r\n <!-- Investors: All/exclude GP&SLP -->\r\n <mat-select\r\n [(value)]=\"selectedInvestor\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let item of investorList\"\r\n [value]=\"item.code\"\r\n >\r\n {{ item.text }}\r\n </mat-option>\r\n </mat-select>\r\n </ng-container>\r\n\r\n <!-- line 和 bar 图 x 轴为 date，y 轴为 IRR 百分数 -->\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.VISUAL_TYPE \|\| \".VISUAL_TYPE\" }}\r\n </div>\r\n <!-- Visual Type: Line(default)/Column Chart/Table -->\r\n <mat-select\r\n [(value)]=\"selectedVisualType\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let item of visualTypeList\"\r\n [value]=\"item.code\"\r\n >\r\n {{ item.text }}\r\n </mat-option>\r\n </mat-select>\r\n <div\r\n class=\"data-label-content\"\r\n ngIf=\"selectedVisualType !== 'table'\"\r\n >\r\n <div class=\"label\">\r\n {{ translation.DATA_LABEL \|\| \".Data labels\" }}\r\n </div>\r\n <ejs-switch\r\n [checked]=\"true\"\r\n [(ngModel)]=\"hasMarker\"\r\n (ngModelChange)=\"labelConfigChange($event)\"\r\n ></ejs-switch>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"wizard\" (click)=\"nextWizard(3)\">\r\n <span class=\"wizard-name\"\r\n >{{\r\n translation.GENERAL_OPTIONS\r\n ? translation.GENERAL_OPTIONS\r\n : \".GENERAL_OPTIONS\"\r\n }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[3] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n <div\r\n class=\"dialog-content\"\r\n [ngClass]=\"{ collapsed: !expandArray[3] }\"\r\n ngIf=\"portletType !== 'newchart'\"\r\n >\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.GADGET_TITLE \|\| \".GADGET_TITLE\" }}\r\n </div>\r\n <input\r\n matInput\r\n #message\r\n maxlength=\"256\"\r\n (ngModelChange)=\"gadgetTitleChange($event)\"\r\n [(ngModel)]=\"config.gadgetTitle\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n </div>\r\n <div\r\n class=\"dialog-content\"\r\n [ngClass]=\"{ collapsed: !expandArray[3] }\"\r\n ngIf=\"portletType === 'newchart'\"\r\n >\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.GADGET_TITLE \|\| \".GADGET_TITLE\" }}\r\n </div>\r\n <input\r\n matInput\r\n #message\r\n maxlength=\"256\"\r\n (ngModelChange)=\"gadgetTitleChange($event)\"\r\n [(ngModel)]=\"config.gadgetTitle\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.CHARTTYPE \|\| \".CHARTTYPE\" }}\r\n </div>\r\n <mat-select\r\n [placeholder]=\"translation.SELECT_A_TYPE \|\| 'Select a type'\"\r\n [(ngModel)]=\"chartSettings.chartSeries.type\"\r\n (selectionChange)=\"setChartType()\"\r\n >\r\n <mat-option ngFor=\"let item of chartTypeList\" [value]=\"item\">\r\n {{ translation[\"chart_\" + item] \|\| item }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <div class=\"condition-item flex\">\r\n <ejs-checkbox\r\n [label]=\"translation.MULTIPLE_AXIS \|\| '.MULTIPLE_AXIS'\"\r\n [(ngModel)]=\"chartSettings.enableMultipleAxis\"\r\n (change)=\"setMultipleAxis($event)\"\r\n ></ejs-checkbox>\r\n <ejs-checkbox\r\n [disabled]=\"!chartSettings.enableMultipleAxis\"\r\n [label]=\"translation.SHOW_LEGEND \|\| '.SHOW_LEGEND'\"\r\n (change)=\"setMultipleAxis($event)\"\r\n [(ngModel)]=\"chartSettings.legendSettings.visible\"\r\n ></ejs-checkbox>\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.MULTIPLE_AXIS_MODE \|\| \".MULTIPLE_AXIS_MODE\" }}\r\n </div>\r\n <mat-select\r\n [placeholder]=\"translation.SELECT_A_MODE \|\| '.SELECT_A_MODE'\"\r\n (selectionChange)=\"setMultipleAxis($event.value)\"\r\n [(ngModel)]=\"chartSettings.multipleAxisMode\"\r\n [disabled]=\"!chartSettings.enableMultipleAxis\"\r\n >\r\n <mat-option\r\n ngFor=\"let item of multipleAxisModeList\"\r\n [value]=\"item\"\r\n >\r\n {{ translation[\"chart_\" + item] \|\| item }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.COLORS \|\| \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"getThemeData($event)\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- </form> -->\r\n <div class=\"footer-btn\">\r\n <button type=\"button\" mat-flat-button class=\"btn-close\" (click)=\"clear()\">\r\n {{ translation.CLEAR ? translation.CLEAR : \"Clear\" }}\r\n </button>\r\n <button type=\"button\" mat-flat-button class=\"btn-save\" (click)=\"close()\">\r\n {{ translation.CLOSE ? translation.CLOSE : \".CLOSE\" }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.sidebar-iconlist{display:flex;flex-direction:column;height:100%}.sidebar-iconlist .nav-tabs{width:100%;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item{width:40%;padding:15px 10px 0}.sidebar-iconlist .nav-tabs .nav-item .nav-link{padding:12px 0;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item .tab-name{font-size:13px;font-weight:700;color:#48465a}.sidebar-iconlist .sidebar-iconlist-content{background-color:#fff;flex:1;height:0}.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{border-bottom:2px solid #5d78ff}.wizard{position:relative;width:100%;height:40px;background-color:#f7f9fb;padding:12px;margin-bottom:10px;cursor:pointer}.wizard .wizard-name{font-size:16px;color:#6c7293;font-weight:600}.wizard .wizard-icon{position:absolute;right:0}.wizard.slide-out{transform:translateX(100%);transition:transform .5s}.wizard.slide-out.slide-in{transform:translateX(0);transition:transform .5s}.wizard.chart{margin-top:-50px}.edit-dashboard-container{height:250px;transition:height .5s;overflow-y:hidden}.edit-dashboard-container.collapsed{height:0;transition:height .5s}.wizard-expanded{background-color:#fff;font-size:15px;overflow-y:auto}.wizard-expanded::-webkit-scrollbar{display:none}.wizard-expanded.datasource{height:500px;transition:height .5s}.wizard-expanded.datasource.extended{height:225px;transition:height .5s}.wizard-expanded.datasource.collapsed{height:0;transition:height .5s}.wizard-expanded.portlets{height:370px;transition:height .5s}.wizard-expanded.portlets.collapsed{height:0;transition:height .5s}.wizard-expanded.general{height:100px;transition:height .5s}.wizard-expanded.general.collapsed{height:0;transition:height .5s}.wizard-expanded.config{height:436px;transition:height .5s}.wizard-expanded.config.collapsed{height:0;transition:height .5s}.wizard-expanded.fields{height:300px;overflow-y:scroll;display:flex;flex-direction:column;transition:height .5s;transform:translateX(0);padding-bottom:50px}.wizard-expanded.fields.collapsed{height:0;transition:height .5s;transform:translateX(16px)}.wizard-expanded.fields.extended{height:400px;transition:height .5s}.wizard-expanded.series{height:auto;display:flex;flex-direction:column;transition:height .5s}.wizard-expanded.series.collapsed{height:0;transition:height .5s}.wizard-expanded.series .series-card{border:.33px solid #6c7293;margin-top:5px;margin-bottom:5px;width:98%}.wizard-expanded.series .series-card .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.xaxis{height:auto;transition:height .5s}.wizard-expanded.xaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.xaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.yaxis{height:auto;transition:height .5s}.wizard-expanded.yaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.yaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded .datamart-type-btn{border-radius:20px;height:40px;border:2px solid #606ede;background-color:#fff;color:#606ede;margin-right:10px;padding-left:10px;padding-right:10px;margin-bottom:10px}.wizard-expanded .datamart-type-btn.selected{color:#fff;background-color:#606ede}.wizard-expanded .datamart-select{height:40px;background-color:rgba(239,241,254,.5);width:95%;padding-left:10px;padding-top:10px;margin-bottom:10px}.wizard-expanded .twelvepx{font-size:12px}.footer-btn{z-index:998;background:#fff;padding-top:15px;position:absolute;bottom:30px}.btn-save{width:150px;height:40px;border-radius:5px;color:#5d78ff;background-color:#eff1fe;border-style:none;font-size:15px;font-weight:700;font-family:Arial;margin-left:13px}.btn-save:hover{color:#fff;background:#606ede}.btn-close{width:150px;height:40px;border-radius:5px;background-color:#f2f3f7;border-style:none;font-size:15px;font-weight:700;font-family:Arial;color:#979cb4;margin-left:44px}.scroll-body::-webkit-scrollbar{display:none}::ng-deep kt-sidebar-iconlist .fields-title{margin-bottom:0!important;background:#f7f8fa!important;padding-left:0!important}::ng-deep kt-sidebar-iconlist .fields-data{background:#f7f8fa!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-frame{background:#fff!important;border:1px solid #d6d6d6!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-inner-container{margin-right:10px!important}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.add-pdding{padding:0 16px}.data-source{background:#fff}.wizard-expanded.datasource{background:#f7f8fa}button.btn.prompt-btn{display:inline-block;width:20px!important;height:22px;margin-top:-6px;margin-left:3px}.prompt-btn{background-image:url(../../assets/img/dashboard_icon/information-1.png);background-position:0 0;background-size:20px;background-repeat:no-repeat}.prompt-btn ngb-tooltip-window .tooltip{width:189px!important;height:58px!important;border-radius:2px!important;box-shadow:0 8px 16px 0 rgba(169,194,209,.25)!important;background-color:rgba(169,194,209,.25)!important;font-family:Arial!important;font-size:13px!important;color:#fff!important}.content-title{font-size:10px;font-weight:400;color:#a2a3b5}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.data-label-content{margin-top:8px;display:flex;align-items:center}.data-label-content .label{margin-right:8px}input.field-name{border-bottom:1px solid #eaedf0}.display-total{color:#fdbf5e}.scroll-body{padding-bottom:1vh}::ng-deep kt-sidebar-iconlist input,::ng-deep kt-sidebar-iconlist mat-select{color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist span.mat-slide-toggle-content{font-family:Arial!important;font-size:15px!important;font-weight:700!important;color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist .mat-form-field-flex{border-bottom:1px solid #e9edef;border-radius:0!important}.footer-btn{margin:0}.state-selector{width:360px;height:36px;border:2px solid #5867dd;border-radius:5px;display:inline-block;margin-left:15px;margin-bottom:20px}.state-selector .state{display:inline-block;width:33.3%;padding-top:1px;text-align:center;background-color:#fff;height:32px;line-height:32px;font-size:15px;cursor:pointer;color:#606ede}.state-selector .state.investment{border-left:2px solid #5867dd;border-right:2px solid #5867dd}.state-selector .state.selected{background-color:#5867dd;color:#fff}:host ::ng-deep.kt-margin-bottom-10-mobile{height:40px;margin-bottom:20px}:host ::ng-deep.kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep.field-icon-filter .filter .kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep .box{position:absolute;top:364px;background:#fff;width:100%;z-index:999;height:auto}:host ::ng-deep .box .mat-checkbox-inner-container{background:#f8fafb}:host ::ng-deep .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}:host ::ng-deep .box .box-header .title-icon{position:absolute;top:10px;left:10px}:host ::ng-deep .box .box-header .close-icon{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}:host ::ng-deep .box .box-header .close{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-content{display:flex;flex-direction:column;padding:10px;max-height:210px;overflow:auto!important}:host ::ng-deep .box .buttons{font-family:Arial;display:flex;width:100%;justify-content:center;margin-bottom:10px;margin-top:15px}:host ::ng-deep .box .buttons .noki-btn{width:110px;border-radius:6px;color:#5d78ff;background-color:#eff1fe;box-shadow:none;border:none;font-size:1.25rem;font-weight:400;margin-left:15px;margin-right:15px;height:40px;line-height:40px}:host ::ng-deep .box .buttons .noki-btn:hover{color:#fff;background-color:#5d78ff}.format .box-content{max-height:150px}:host::ng-deep .datamart-select .mat-select-value-text{font-size:15px!important;font-weight:400!important;color:#44566c!important}.fields-row{height:40px!important;line-height:40px;position:relative}.fields-row mat-checkbox.fields-{display:inline-block}.fields-row .field-icon-filter,.fields-row .field-icon-format{cursor:pointer;margin:0 6px}.fields-row .field-icon-filter mat-icon,.fields-row .field-icon-format mat-icon{transform:translateY(2px)!important}.fields-row .field-icon-filter .box,.fields-row .field-icon-format .box{position:absolute;top:40px;z-index:99;border:1px solid #eaedf0;border-radius:5px;height:auto;width:367px;cursor:default;background-color:#fff}.fields-row .field-icon-filter .box .mat-checkbox-inner-container,.fields-row .field-icon-format .box .mat-checkbox-inner-container{cursor:pointer}.fields-row .field-icon-filter .box .box-header,.fields-row .field-icon-format .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}.fields-row .field-icon-filter .box .box-header .title-icon,.fields-row .field-icon-format .box .box-header .title-icon{position:absolute;top:10px;left:10px}.fields-row .field-icon-filter .box .box-header .close-icon,.fields-row .field-icon-format .box .box-header .close-icon{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-header .title,.fields-row .field-icon-format .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}.fields-row .field-icon-filter .box .box-header .close,.fields-row .field-icon-format .box .box-header .close{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-content,.fields-row .field-icon-format .box .box-content{display:flex;flex-direction:column;padding:10px;overflow-y:hidden}.fields-row .field-icon-filter .box{transform:translateX(-302px)}.fields-row .field-icon-format .box{transform:translateX(-338px)}.fields-row .field-icon-total{width:36px;text-align:center;font-weight:500;cursor:pointer;margin:0 5px}:host::ng-deep .fields-row mat-checkbox.fields- label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row mat-checkbox.fields- span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .fields-row .box-content label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row .box-content span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .search-select-all{position:absolute;background:#fff;top:40px;z-index:9;width:calc(100% - 10px)}:host::ng-deep .search-select-all .search- .mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:calc(100% - 10px);border:1px solid #e9edef;border-radius:5px!important}.tab-content{padding:0!important}ul.nav.nav-tabs.nav-tabs-line{width:100%;padding-right:0;margin-bottom:25px}ul.nav.nav-tabs.nav-tabs-line li{width:40%;padding:15px 10px 0}ul.nav.nav-tabs.nav-tabs-line li .tab-name{display:inline-block;font-size:13px;font-weight:700;color:#48465a}.color-ipt{width:95%}.color-ipt .e-list-item{background-color:#fff!important}.color-ipt .e-input-group{background-color:rgba(239,241,254,.5)!important}::ng-deep .e-dropdownlist .e-list-item.e-active{background:red!important}.color-box{width:100%;display:flex;height:40px;align-items:center;justify-content:center}.color-box .color-item{width:10%;height:16px}.dialog-content{padding:16px 24px}.dialog-content .condition-item{margin-bottom:18px}.dialog-content .condition-item.flex{display:flex}.dialog-content .condition-item.flex .e-checkbox-wrapper{flex:1;height:20px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons{height:18px;width:18px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons:before{font-size:12px}.dialog-content .condition-item .title{margin-bottom:6px;font-size:13px;color:#646c9a}.dialog-content .condition-item .mat-input-element,.dialog-content .condition-item .mat-select{border-bottom:1px solid rgba(0,0,0,.42);height:30px;line-height:30px;width:100%}.dialog-content .condition-item .mat-input-element.mat-select-disabled,.dialog-content .condition-item .mat-select.mat-select-disabled{opacity:.3}::ng-deep .cdk-overlay-pane{transform:translateX(-16px)!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap{max-width:380px!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel{min-width:calc(100% + 32px)!important}"]}]}],"members":{"dashboard_sidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"activeTabId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"activeTabLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"tabactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"figureCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"_selectedX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"_selectedY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"_selectedMultiples":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"_selectedSecondY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"_selectTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"appCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"closeSidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"updatePorletConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"onToggleTabactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"updatePorlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"updatePushBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"chartUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"updateTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":369,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":369,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":370,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":370,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":368,"character":17},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initDataMartTableList":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"nextWizard":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"getFigurecode":[{"__symbolic":"method"}],"getPortletType":[{"__symbolic":"method"}],"changeDataTable":[{"__symbolic":"method"}],"_updatePorletConfig":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"setMultipleAxis":[{"__symbolic":"method"}],"setChartType":[{"__symbolic":"method"}],"getThemeData":[{"__symbolic":"method"}],"AddOrEditPortlet":[{"__symbolic":"method"}],"editPortlet":[{"__symbolic":"method"}],"switchTab":[{"__symbolic":"method"}],"gadgetTitleChange":[{"__symbolic":"method"}],"setDatabind":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}],"initHistoricalIRROptions":[{"__symbolic":"method"}],"onSelectedHistoricalIRRPortlet":[{"__symbolic":"method"}],"setHistoricalIRRChart":[{"__symbolic":"method"}],"labelConfigChange":[{"__symbolic":"method"}],"xyChange":[{"__symbolic":"method"}],"showEdit":[{"__symbolic":"method"}],"getmultiplesList":[{"__symbolic":"method"}],"capitalize":[{"__symbolic":"method"}],"getSelectDatamartId":[{"__symbolic":"method"}],"getTrueSelectedDatamart":[{"__symbolic":"method"}],"getSelectDatamartCode":[{"__symbolic":"method"}],"changeTheme":[{"__symbolic":"method"}],"sortDataMartTables":[{"__symbolic":"method"}],"onChangeFormat":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-empty-icon-prompt","template":"<div class=\"content\">\r\n\t<div class=\"card-body d-flex flex-column\">\r\n\t\t<div class=\"flex-grow-1\" style=\"position: relative\">\r\n\t\t\t<img src=\"../../../../assets/img/dashboard_icon/customize.png\" />\r\n\t\t</div>\r\n\t\t<div class=\"pt-5\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'portlet'\"\r\n\t\t\t>\r\n\t\t\t\tThe chart you created will be shown here…\r\n\t\t\t</p>\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'dashboard'\"\r\n\t\t\t>\r\n\t\t\t\tCustomize the dashboard by\r\n\t\t\t\t<span class=\"createChart\" (click)=\"editProperties()\"\r\n\t\t\t\t\t>Editing dashboard properties</span\r\n\t\t\t\t>\r\n\t\t\t</p>\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'dashboardGroup'\"\r\n\t\t\t>\r\n\t\t\t\tAdd new dashboard group by\r\n\t\t\t\t<span class=\"createChart\" (click)=\"createNewDashboard()\"\r\n\t\t\t\t\t>Creating new dashboard</span\r\n\t\t\t\t>\r\n\t\t\t</p>\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'customize'\"\r\n\t\t\t>\r\n\t\t\t\tClick\r\n\t\t\t\t<span class=\"createChart\" (click)=\"customize()\">Customize</span>\r\n\t\t\t\tto edit your dashboard\r\n\t\t\t</p>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","styles":["::ng-deep rs-empty-icon-prompt{height:100%!important}.content{width:100%;height:inherit;align-items:center;display:flex}.card-body.d-flex.flex-column{width:60%}.flex-grow-1{width:100%;text-align:center;justify-content:center!important;align-content:center}span.createChart{color:#5d78ff;cursor:pointer}p.text-center.font-weight-normal.font-size-lg.pb-7.ng-star-inserted{font-family:Arial;font-size:16px;color:rgba(0,0,0,.5)}"]}]}],"members":{"displayCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"editProperties":[{"__symbolic":"method"}],"createNewDashboard":[{"__symbolic":"method"}],"customize":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"rs-gadget-table","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ExcelExportService","line":40,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnChooserService","line":41,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"VirtualScrollService","line":42,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"FilterService","line":43,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ResizeService","line":44,"character":2}],"template":"<div class=\"control-section gadget-table\" style=\"height: 100%\" ngIf=\"data && data.length\">\r\n\t<ejs-grid\r\n\t\tngIf=\"!hideTable\"\r\n\t\t#grid\r\n\t\t[dataSource]=\"data\"\r\n\t\t[allowSorting]=\"true\"\r\n\t\twidth=\"100%\"\r\n\t\t[pageSettings]=\"options\"\r\n\t\t[resizeSettings]=\"{ mode: 'Auto' }\"\r\n\t\t[allowExcelExport]=\"true\"\r\n\t\t[filterSettings]=\"filterSettings\"\r\n\t\t[allowResizing]=\"true\"\r\n\t\tshowColumnChooser=\"true\"\r\n\t\t[columnChooserSettings]=\"ColumnChooserSettings\"\r\n\t\t[aggregates]=\"aggregates\"\r\n\t\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t\t(resizeStop)=\"resizeStop($event)\"\r\n\t\t(rowDataBound)=\"rowDataBound($event)\"\r\n\t\t(created)=\"created($event)\"\r\n\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t(excelQueryCellInfo)=\"exportQueryCellInfo($event)\"\r\n\t>\r\n\t\t<e-columns>\r\n\t\t\t<e-column\r\n\t\t\t\tngIf=\"getLogoInfo('logoDocId', 'langValue')\"\r\n\t\t\t\t[headerText]=\"getLogoInfo('logoDocId', 'langValue')\"\r\n\t\t\t\twidth=\"120\"\r\n\t\t\t\ttextAlign=\"Center\"\r\n\t\t\t\t[visible]=\"!getLogoInfo('logoDocId', 'isHidden')\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template #template let-data>\r\n\t\t\t\t\t<div class=\"image-\">\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t[src]=\"getLogoImage(data.logoDocId)\"\r\n\t\t\t\t\t\t\t[alt]=\"data.companyName\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</e-column>\r\n\t\t\t<e-column\r\n\t\t\t\tngFor=\"let table of tableList\"\r\n\t\t\t\t[field]=\"table.colName\"\r\n\t\t\t\t[filter]=\"filter\"\r\n\t\t\t\t[headerText]=\"\r\n\t\t\t\t\t(table.displayName\r\n\t\t\t\t\t\t? table.displayName\r\n\t\t\t\t\t\t: translation[table.langCode]\r\n\t\t\t\t\t\t? translation[table.langCode]\r\n\t\t\t\t\t\t: table.langValue) +\r\n\t\t\t\t\t(table.addtionName ? ' ' + table.addtionName : '')\r\n\t\t\t\t\"\r\n\t\t\t\t[width]=\"table.width ? table.width : 200\"\r\n\t\t\t\tclipMode=\"EllipsisWithTooltip\"\r\n\t\t\t\t[visible]=\"table.visible\"\r\n\t\t\t\t[type]=\"\r\n\t\t\t\t\t['number', 'percentNum', 'percent'].includes(table.dataType)\r\n\t\t\t\t\t\t? 'number'\r\n\t\t\t\t\t\t: ['date', 'datetime'].includes(table.dataType)\r\n\t\t\t\t\t\t? 'date'\r\n\t\t\t\t\t\t: null\r\n\t\t\t\t\"\r\n\t\t\t\t[format]=\"getFormatOptions(table.colName)\"\r\n\t\t\t\t[textAlign]=\"getAlign(table)\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t#template\r\n\t\t\t\t\tlet-data\r\n\t\t\t\t\tngIf=\"millionFields.includes(table.colName); else elseBlock\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ data[table.colName] / 1000000 }}\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template #elseBlock>\r\n\t\t\t\t\t{{ data[table.colName] }}\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<!-- terms列显示换行符 -->\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t#template\r\n\t\t\t\t\tlet-data\r\n\t\t\t\t\tngIf=\"table.colName == 'terms'\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle=\"white-space: pre-line\"\r\n\t\t\t\t\t\t[innerHTML]=\"data[table.colName]\"\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</e-column>\r\n\t\t</e-columns>\r\n\t</ejs-grid>\r\n\t<ejs-pager\r\n\t\t#pager\r\n\t\t[currentPage]=\"currentPage\"\r\n\t\t[pageCount]=\"5\"\r\n\t\t[pageSize]=\"pageSize\"\r\n\t\t[pageSizes]=\"[10, 50, 100]\"\r\n\t\t[totalRecordsCount]=\"totalRecordsCount\"\r\n\t\t(click)=\"pageChanged($event)\"\r\n\t>\r\n\t</ejs-pager>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":[":host{display:block;height:100%}.gadget-table{display:flex;flex-direction:column;padding:0 12px}.gadget-table .e-grid{height:0;flex:1}.gadget-table .e-grid .e-gridheader{border-top:1px solid!important;border-bottom:1px solid!important;border-color:#eaedf0!important;padding-right:0!important}.gadget-table .e-grid .e-gridheader .e-headercontent{border:none!important}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell{padding:0!important;height:22px!important}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell:last-child .e-headercelldiv{border-right:none}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell:first-child .e-headercelldiv{border-right:none;padding-left:0!important}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell .e-headercelldiv{height:22px!important;padding:4px 8px!important;border-right:1px solid #eaedf0;border-radius:unset}.gadget-table .e-grid .e-gridcontent{margin-right:-5px}.gadget-table .e-grid .e-gridcontent .e-content{overflow:overlay!important}.gadget-table .e-grid .e-gridcontent .e-rowcell{padding:0 8px!important;height:22px!important;line-height:20px!important;border-right:1px solid #eaedf0}.gadget-table .e-grid .e-gridcontent .e-rowcell:first-child{padding-left:0!important}.gadget-table .e-grid .e-gridcontent .e-rowcell:last-child{border-right:none}.gadget-table .e-pager{padding:12px 0!important}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":2}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":2},"arguments":["grid",{"static":false}]}]}],"pager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":2},"arguments":["pager",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":90,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":91,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":91,"character":15},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":87,"character":15},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":89,"character":14},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"cellAddStyle":[{"__symbolic":"method"}],"getTableData":[{"__symbolic":"method"}],"getFormatOptions":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"actionBegin":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"rowDataBound":[{"__symbolic":"method"}],"created":[{"__symbolic":"method"}],"exportQueryCellInfo":[{"__symbolic":"method"}],"cellAddStyleExcel":[{"__symbolic":"method"}],"getLogoInfo":[{"__symbolic":"method"}],"getLogoImage":[{"__symbolic":"method"}],"setQuarterFormat":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}],"getNumFormat":[{"__symbolic":"method"}],"millionData":[{"__symbolic":"method"}],"getAlign":[{"__symbolic":"method"}],"pageChanged":[{"__symbolic":"method"}],"reloadTableData":[{"__symbolic":"method"}],"getXTxt":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"rs-gadget-pivot","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"ToolbarService","line":72,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"FieldListService","line":73,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"NumberFormattingService","line":74,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"CalculatedFieldService","line":75,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"GroupingBarService","line":76,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"VirtualScrollService","line":77,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"DrillThroughService","line":78,"character":2}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":80,"character":18},"member":"OnPush"},"template":"<div class=\"control-section\" style=\"overflow: hidden; height: 100%\">\r\n\t<ejs-pivotview\r\n\t\twidth=\"100%\"\r\n\t\theight=\"100%\"\r\n\t\tstyle=\"display: block\"\r\n\t\t[dataSourceSettings]=\"dataSourceSettings\"\r\n\t\t#pivotview\r\n\t\t(dataBound)=\"dataBound($event)\"\r\n\t\tenableValueSorting=\"true\"\r\n\t\tallowConditionalFormatting=\"true\"\r\n\t\t[allowDeferLayoutUpdate]=\"true\"\r\n\t\t[gridSettings]=\"gridSettings\"\r\n\t\tallowExcelExport=\"true\"\r\n\t\tallowGrouping=\"true\"\r\n\t\t[zoomSettings]=\"zoomSettings\"\r\n\t\tenableVirtualization=\"true\"\r\n\t\t(enginePopulated)=\"afterEnginePopulate($event)\"\r\n\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t(cellClick)=\"cellClick($event)\"\r\n\t\tallowDrillThrough=\"true\"\r\n\t\t(actionFailure)=\"actionFailure($event)\"\r\n\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t(fieldListRefreshed)=\"fieldListRefreshed($event)\"\r\n\t\t(drillThrough)=\"drillThrough($event)\"\r\n\t\t[showTooltip]=\"false\"\r\n\t\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t\t(beforeExport)=\"beforeExport($event)\"\r\n\t>\r\n\t</ejs-pivotview>\r\n\r\n\t<div class=\"pivotfieldlist-control\">\r\n\t\t<ejs-pivotfieldlist\r\n\t\t\t[id]=\"portlet.newId\"\r\n\t\t\t#pivotfieldlist\r\n\t\t\t[allowDeferLayoutUpdate]=\"true\"\r\n\t\t\trenderMode=\"Popup\"\r\n\t\t\t(enginePopulated)=\"afterPopulate($event)\"\r\n\t\t\t(memberEditorOpen)=\"onMemberEditorOpen($event)\"\r\n\t\t\t(enginePopulating)=\"enginePopulating($event)\"\r\n\t\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t\t(fieldDrop)=\"onFieldDrop($event)\"\r\n\t\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t\t(calculatedFieldCreate)=\"calculatedFieldCreate($event)\"\r\n\t\t\t(load)=\"onLoad()\"\r\n\t\t\t(created)=\"created($event)\"\r\n\t\t\t(dataBound)='ondataBound()'\r\n\t\t>\r\n\t\t</ejs-pivotfieldlist>\r\n\t</div>\r\n\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":["::ng-deep.e-pivotview .e-gridcontent tr:nth-child(even) .e-leftfreeze.e-freezeleftborder:not(.e-gtot){background-color:#fff}.gadgetBar ul{margin:0;padding:0;list-style:none;display:inline-block;background:#fff;border-radius:5px}.gadgetBar ul li{display:inline-block;width:45px;height:39px;line-height:39px;text-align:center;cursor:pointer}:host::ng-deep .e-cellvalue{color:unset!important}:host ::ng-deep .e-pivotview .e-gtot{font-weight:400!important}:host ::ng-deep .e-pivotview .grand-class{background-color:#fff!important}:host ::ng-deep .e-pivotview .grand-class .e-cellvalue{font-size:12px;font-weight:700!important}:host ::ng-deep .e-headercell{background-color:#eaedf0!important}:host ::ng-deep .e-headercell .e-headertext{font-size:12px!important}:host ::ng-deep .e-columnsheader{background-color:#f8fafb!important}.logoImg{position:absolute!important;left:10px!important}:host ::ng-deep .image-{height:55px;width:55px;border-radius:50px;overflow:hidden;margin:5px 5px 5px 0;display:inline-flex;justify-content:center;align-items:center}:host ::ng-deep .image- img{width:55px}:host::ng-deep .e-pivotview .e-customclass .e-cellvalue{font-weight:700!important}:host::ng-deep .e-gridcontent .e-rowcell .e-cellvalue{background-color:transparent!important}::ng-deep .e-pivotfieldlist-container #AccountTypeCode .e-sort{opacity:0;pointer-events:none}::ng-deep .e-pivotfieldlist-container .e-footer-content .e-checkbox-layout{display:none}:host ::ng-deep .control-section .e-spin-show,:host ::ng-deep .control-section .e-spinner-pane{display:none!important}:host ::ng-deep .control-section .e-grid .e-gridheader .e-headercell .e-sortfilterdiv,:host ::ng-deep .control-section .e-treegrid .e-gridheader .e-headercell .e-sortfilterdiv{right:0}:host ::ng-deep .control-section .header-align-right .e-headercelldiv{text-align:right!important;justify-content:flex-end!important;padding-right:28px!important}:host ::ng-deep .control-section .header-align-right .e-headercelldiv .e-pivotcell-container{width:100%}:host ::ng-deep .control-section .e-pivotview{border:none!important}:host ::ng-deep .control-section .e-pivotview tr{height:32px!important}:host ::ng-deep .control-section .e-pivotview tr th{height:40px!important;background:#fff!important}:host ::ng-deep .control-section .e-pivotview .e-grid.e-default.e-bothlines .e-headercell{border-right:none!important;border-left:none!important}:host ::ng-deep .control-section .e-pivotview .e-table{border-right:none!important}:host ::ng-deep .control-section .e-pivotview svg{outline:0!important}:host ::ng-deep .control-section .e-pivotview svg>g>rect{stroke-width:0!important}:host ::ng-deep .control-section .e-pivotview .e-gridcontent .e-rowcell{border-right:none!important;border-left:none!important;border-color:#eff1f3!important}:host ::ng-deep .control-section .e-gridheader{border-top:none!important;border-color:#eff1f3!important;background-color:#fff!important}:host ::ng-deep .control-section .e-headertext{font-weight:400!important;color:#43566c!important}::ng-deep .e-pivot-treeview-outer li .e-text-content .e-list-text{margin-bottom:0!important}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":2}}]}],"pivotObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":94,"character":2},"arguments":["pivotview",{"static":false}]}]}],"fieldlistObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":96,"character":2},"arguments":["pivotfieldlist",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":152,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":152,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":151,"character":15},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMemberEditorOpen":[{"__symbolic":"method"}],"setGridSettings":[{"__symbolic":"method"}],"beforeExport":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getCaptionByName":[{"__symbolic":"method"}],"afterPopulate":[{"__symbolic":"method"}],"afterEnginePopulate":[{"__symbolic":"method"}],"getDataSourceSettingsProp":[{"__symbolic":"method"}],"enginePopulating":[{"__symbolic":"method"}],"cellClick":[{"__symbolic":"method"}],"queryCell":[{"__symbolic":"method"}],"headerCell":[{"__symbolic":"method"}],"dataBound":[{"__symbolic":"method"}],"setValueItemData":[{"__symbolic":"method"}],"calculatedCellSets":[{"__symbolic":"method"}],"actionFailure":[{"__symbolic":"method"}],"getCalcHeader":[{"__symbolic":"method"}],"updateTempSubtotals":[{"__symbolic":"method"}],"calculatedValues":[{"__symbolic":"method"}],"aggregateCellInfo":[{"__symbolic":"method"}],"calculatedFistLast":[{"__symbolic":"method"}],"formatVal":[{"__symbolic":"method"}],"getexcludeFields":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"onFieldDrop":[{"__symbolic":"method"}],"calculatedFieldCreate":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"actionBegin":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"setColumnsRender":[{"__symbolic":"method"}],"onLoad":[{"__symbolic":"method"}],"ondataBound":[{"__symbolic":"method"}],"enginePopulated":[{"__symbolic":"method"}],"getClonedPivotValues":[{"__symbolic":"method"}],"getClonedPivotValueObj":[{"__symbolic":"method"}],"searchNodes":[{"__symbolic":"method"}],"getFilterItems":[{"__symbolic":"method"}],"created":[{"__symbolic":"method"}],"fieldListRefreshed":[{"__symbolic":"method"}],"changeDataSource":[{"__symbolic":"method"}],"drillThrough":[{"__symbolic":"method"}],"setFontSettingConditional":[{"__symbolic":"method"}],"setCompareConditional":[{"__symbolic":"method"}],"getQuarterValue":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"getTimeRanges":[{"__symbolic":"method"}],"calculateGrowthRate":[{"__symbolic":"method"}],"nthroot":[{"__symbolic":"method"}],"calculateStandardDeviation":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":66,"character":1},"arguments":[{"selector":"rs-gadget-pivot-chart","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"ToolbarService","line":71,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"FieldListService","line":72,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"NumberFormattingService","line":73,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"CalculatedFieldService","line":74,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"GroupingBarService","line":75,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"VirtualScrollService","line":76,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"DrillThroughService","line":77,"character":2}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":79,"character":18},"member":"OnPush"},"template":"<div class=\"control-section\" style=\"overflow: hidden; height: 100%\">\r\n\t<ejs-pivotview\r\n\t\twidth=\"100%\"\r\n\t\theight=\"100%\"\r\n\t\tstyle=\"display: block\"\r\n\t\t[dataSourceSettings]=\"dataSourceSettings\"\r\n\t\t#pivotview\r\n\t\t(dataBound)=\"dataBound($event)\"\r\n\t\tenableValueSorting=\"true\"\r\n\t\tallowConditionalFormatting=\"true\"\r\n\t\tallowExcelExport=\"true\"\r\n\t\tallowGrouping=\"true\"\r\n\t\t[zoomSettings]=\"zoomSettings\"\r\n\t\tenableVirtualization=\"true\"\r\n\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t(cellClick)=\"cellClick($event)\"\r\n\t\tallowDrillThrough=\"true\"\r\n\t\t(actionFailure)=\"actionFailure($event)\"\r\n\t\t(fieldListRefreshed)=\"fieldListRefreshed($event)\"\r\n\t\t(drillThrough)=\"drillThrough($event)\"\r\n\t\t[chartSettings]=\"chartSettings\"\r\n\t\t(chartSeriesCreated)=\"chartSeriesCreated($event)\"\r\n\t\t[displayOption]=\"displayOption\"\r\n\t\t[showTooltip]=\"false\"\r\n\t\t(enginePopulated)=\"afterEnginePopulate($event)\"\r\n\t\t(beforeExport)=\"beforeExport($event)\"\r\n\t>\r\n\t</ejs-pivotview>\r\n\r\n\t<div class=\"pivotfieldlist-control\">\r\n\t\t<ejs-pivotfieldlist\r\n\t\t\t[id]=\"portlet.newId\"\r\n\t\t\t#pivotfieldlist\r\n\t\t\thidden=\"true\"\r\n\t\t\tenableValueSorting=\"true\"\r\n\t\t\tshowFieldList=\"true\"\r\n\t\t\tallowCalculatedField=\"true\"\r\n\t\t\tallowDeferLayoutUpdate=\"true\"\r\n\t\t\trenderMode=\"Popup\"\r\n\t\t\t(enginePopulated)=\"afterPopulate($event)\"\r\n\t\t\t(memberEditorOpen)=\"onMemberEditorOpen($event)\"\r\n\t\t\t(enginePopulating)=\"enginePopulating($event)\"\r\n\t\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t\t(fieldDrop)=\"onFieldDrop($event)\"\r\n\t\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t\t(calculatedFieldCreate)=\"calculatedFieldCreate($event)\"\r\n\t\t\t(load)=\"onLoad()\"\r\n\t\t\t(created)=\"created($event)\"\r\n\t\t>\r\n\t\t</ejs-pivotfieldlist>\r\n\t</div>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":[".pivotview{width:100%;height:100%}.gadgetBar ul{margin:0;padding:0;list-style:none;display:inline-block;background:#fff;border-radius:5px}.gadgetBar ul li{display:inline-block;width:45px;height:39px;line-height:39px;text-align:center;cursor:pointer}:host::ng-deep .e-cellvalue{color:unset!important}:host ::ng-deep .e-pivotview .e-gtot{font-weight:400!important}:host ::ng-deep .e-pivotview .odd-class{background-color:#f8fafb!important}:host ::ng-deep .e-pivotview .odd-class .e-cellvalue{font-size:13px;font-weight:400!important}:host ::ng-deep .e-pivotview .even-class{background-color:#fff!important}:host ::ng-deep .e-pivotview .even-class .e-cellvalue{font-size:13px;font-weight:400!important}:host ::ng-deep .e-pivotview .grand-class{background-color:#eaedf0!important}:host ::ng-deep .e-pivotview .grand-class .e-cellvalue{font-size:13px;font-weight:700!important}:host ::ng-deep .e-headercell{background-color:#eaedf0!important}:host ::ng-deep .e-headercell .e-headertext{font-size:12px!important}:host ::ng-deep .e-columnsheader{background-color:#f8fafb!important}.logoImg{position:absolute!important;left:10px!important}:host ::ng-deep .image-{height:55px;width:55px;border-radius:50px;overflow:hidden;margin:5px 5px 5px 0;display:inline-flex;justify-content:center;align-items:center}:host ::ng-deep .image- img{width:55px}:host::ng-deep .e-pivotview .e-customclass .e-cellvalue{font-weight:700!important}:host::ng-deep .e-gridcontent .e-rowcell .e-cellvalue{background-color:transparent!important}:host ::ng-deep .control-section .e-spin-show,:host ::ng-deep .control-section .e-spinner-pane{display:none!important}:host ::ng-deep .control-section .e-control.e-grid,:host ::ng-deep .control-section .e-control.e-pivotchart{height:100%!important}:host ::ng-deep .control-section .e-pivotview{border:none!important}:host ::ng-deep .control-section .e-pivotview tr{height:32px!important}:host ::ng-deep .control-section .e-pivotview tr th{height:40px!important;background:#eaedf0!important}:host ::ng-deep .control-section .e-pivotview .e-grid.e-default.e-bothlines .e-headercell{border-right:none!important;border-left:none!important}:host ::ng-deep .control-section .e-pivotview .e-table{border-right:none!important}:host ::ng-deep .control-section .e-pivotview svg{outline:0!important}:host ::ng-deep .control-section .e-pivotview svg>g>rect{stroke-width:0!important}:host ::ng-deep .control-section .e-pivotview .e-gridcontent .e-rowcell{border-right:none!important;border-left:none!important}::ng-deep .e-pivotfieldlist-container #AccountTypeCode .e-sort{opacity:0;pointer-events:none}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"updatePorletConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":2}}]}],"pivotObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":2},"arguments":["pivotview",{"static":false}]}]}],"fieldlistObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":2},"arguments":["pivotfieldlist",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":156,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":156,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":155,"character":15},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"findMostFrequent":[{"__symbolic":"method"}],"loaded":[{"__symbolic":"method"}],"setConfigToPorlet":[{"__symbolic":"method"}],"chartSeriesCreated":[{"__symbolic":"method"}],"initChartSetting":[{"__symbolic":"method"}],"onMemberEditorOpen":[{"__symbolic":"method"}],"beforeExport":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"afterPopulate":[{"__symbolic":"method"}],"afterEnginePopulate":[{"__symbolic":"method"}],"getDataSourceSettingsProp":[{"__symbolic":"method"}],"enginePopulating":[{"__symbolic":"method"}],"cellClick":[{"__symbolic":"method"}],"dataBound":[{"__symbolic":"method"}],"calculatedCellSets":[{"__symbolic":"method"}],"actionFailure":[{"__symbolic":"method"}],"getCalcHeader":[{"__symbolic":"method"}],"updateTempSubtotals":[{"__symbolic":"method"}],"calculatedValues":[{"__symbolic":"method"}],"getIrrHeader":[{"__symbolic":"method"}],"aggregateCellInfo":[{"__symbolic":"method"}],"calculatedFistLast":[{"__symbolic":"method"}],"formatVal":[{"__symbolic":"method"}],"getexcludeFields":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"onFieldDrop":[{"__symbolic":"method"}],"createButtonText":[{"__symbolic":"method"}],"calculatedFieldCreate":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"actionBegin":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"onLoad":[{"__symbolic":"method"}],"enginePopulated":[{"__symbolic":"method"}],"getClonedPivotValues":[{"__symbolic":"method"}],"getClonedPivotValueObj":[{"__symbolic":"method"}],"searchNodes":[{"__symbolic":"method"}],"getFilterItems":[{"__symbolic":"method"}],"created":[{"__symbolic":"method"}],"fieldListRefreshed":[{"__symbolic":"method"}],"changeDataSource":[{"__symbolic":"method"}],"drillThrough":[{"__symbolic":"method"}],"setFontSettingConditional":[{"__symbolic":"method"}],"setCompareConditional":[{"__symbolic":"method"}],"getTimeRanges":[{"__symbolic":"method"}],"calculateGrowthRate":[{"__symbolic":"method"}],"nthroot":[{"__symbolic":"method"}],"calculateStandardDeviation":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"rs-gadget-transpose","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ExcelExportService","line":30,"character":13},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnChooserService","line":30,"character":33},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"VirtualScrollService","line":30,"character":55}],"template":"<div class=\"e-bigger transpose-grid\">\r\n\t<!-- 虚拟滚动会引起不显示的bug -->\r\n\t<!-- [enableVirtualization]=\"true\" -->\r\n\t<ejs-grid\r\n\t\t#grid\r\n\t\t[dataSource]=\"data\"\r\n\t\t[rowRenderingMode]=\"rowMode\"\r\n\t\t[allowExcelExport]=\"true\"\r\n\t\tshowColumnChooser=\"true\"\r\n\t\tenableAdaptiveUI=\"true\"\r\n\t\twidth=\"100%\"\r\n\t\theight=\"100%\"\r\n\t\t[columnChooserSettings]=\"ColumnChooserSettings\"\r\n\t\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t[allowPdfExport]=\"true\"\r\n\t\t[allowExcelExport]=\"true\"\r\n\t\t(excelQueryCellInfo)=\"exportQueryCellInfo($event)\"\r\n\t>\r\n\t\t<e-columns>\r\n\t\t\t<e-column\r\n\t\t\t\tngFor=\"let item of fields\"\r\n\t\t\t\t[field]=\"item.colName\"\r\n\t\t\t\t[headerText]=\"\r\n\t\t\t\t\titem.displayName\r\n\t\t\t\t\t\t? item.displayName\r\n\t\t\t\t\t\t: item.addtionName\r\n\t\t\t\t\t\t? item.langValue + ' ' + item.addtionName\r\n\t\t\t\t\t\t: item.langValue\r\n\t\t\t\t\"\r\n\t\t\t\t[visible]=\"item.visible\"\r\n\t\t\t\twidth=\"200\"\r\n\t\t\t\t[type]=\"\r\n\t\t\t\t\titem.dataType === 'number' \|\|\r\n\t\t\t\t\titem.dataType === 'percentNum' \|\|\r\n\t\t\t\t\titem.dataType === 'percent'\r\n\t\t\t\t\t\t? 'number'\r\n\t\t\t\t\t\t: item.dataType == 'date' \|\| item.dataType == 'datetime'\r\n\t\t\t\t\t\t? 'date'\r\n\t\t\t\t\t\t: null\r\n\t\t\t\t\"\r\n\t\t\t\tclipMode=\"EllipsisWithTooltip\"\r\n\t\t\t\t[format]=\"getFormatOptions(item.colName)\"\r\n\t\t\t>\r\n\t\t\t</e-column>\r\n\t\t</e-columns>\r\n\t</ejs-grid>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":[".e-bigger{height:100%}.transpose-grid{padding:0 12px 12px}.transpose-grid .e-gridcontent{border:0}.transpose-grid .e-gridcontent .e-content{width:100%!important}.transpose-grid .e-gridcontent .e-content .e-rowcell{padding:0 12px 0 55%!important;font-family:Arial;font-size:11px!important;font-weight:400;line-height:14px;background-color:#fff!important}td{border-bottom:1px solid #eff1f3!important;display:inline-block;height:35px!important;font-size:13px!important;text-align:right}td::before{color:#0b5496!important;text-align:left}:host::ng-deep .e-bigger ejs-grid{height:100%!important}:host::ng-deep .e-ccdlg.e-cc.e-control.e-dialog.e-lib.e-popup.e-popup-open{max-height:300px!important;z-index:100000!important;top:14px!important;left:200px!important}:host::ng-deep .e-bigger .e-dialog .e-dlg-header-content,:host::ng-deep .e-bigger.e-dialog .e-dlg-header-content{padding:14px!important}:host::ng-deep .e-bigger .e-dialog .e-dlg-header,:host::ng-deep .e-bigger.e-dialog .e-dlg-header{font-size:16px!important}:host::ng-deep .e-grid .e-ccdlg li.e-cclist{padding:7px 0!important;height:37px!important}:host::ng-deep .e-checkbox-wrapper .e-label,:host::ng-deep .e-css.e-checkbox-wrapper .e-label{font-size:14px!important}:host::ng-deep .e-btn,:host::ng-deep .e-css.e-btn{font-size:14px!important;padding:4px 8px!important}:host::ng-deep .e-dialog .e-footer-content{padding:14px!important}:host::ng-deep .e-bigger .e-float-input input,:host::ng-deep .e-bigger .e-float-input input.e-input,:host::ng-deep .e-bigger .e-float-input.e-control-wrapper input,:host::ng-deep .e-bigger .e-float-input.e-control-wrapper input.e-input,:host::ng-deep .e-bigger .e-input-group input,:host::ng-deep .e-bigger .e-input-group input.e-input,:host::ng-deep .e-bigger .e-input-group.e-control-wrapper input,:host::ng-deep .e-bigger .e-input-group.e-control-wrapper input.e-input,:host::ng-deep .e-float-input.e-bigger input,:host::ng-deep .e-float-input.e-bigger input.e-input,:host::ng-deep .e-float-input.e-control-wrapper.e-bigger input,:host::ng-deep .e-float-input.e-control-wrapper.e-bigger input.e-input,:host::ng-deep .e-input-group.e-bigger input,:host::ng-deep .e-input-group.e-bigger input.e-input,:host::ng-deep .e-input-group.e-control-wrapper.e-bigger input,:host::ng-deep .e-input-group.e-control-wrapper.e-bigger input.e-input,:host::ng-deep input.e-input.e-bigger{height:29px!important}:host::ng-deep .e-label{margin-left:7px!important}:host::ng-deep .e-grid .e-ccdlg .e-cc-contentdiv{height:121px!important}::ng-deep rs-gadget-transpose .e-grid .e-dialog.e-ccdlg{width:300px!important}::ng-deep rs-gadget-transpose .e-checkbox-wrapper.e-css{width:100%!important}::ng-deep rs-gadget-transpose .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).odd{background:#f8fafb!important}::ng-deep rs-gadget-transpose .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).even{background:#fff!important}::ng-deep rs-gadget-transpose .e-spin-show,::ng-deep rs-gadget-transpose .e-spinner-pane{display:none!important}::ng-deep rs-gadget-transpose .e-label{display:inline-block!important;width:calc(100% - 30px)!important;overflow:hidden!important;white-space:nowrap!important;height:16px!important;line-height:16px!important}::ng-deep rs-gadget-transpose .e-table .e-row{height:auto!important}::ng-deep rs-gadget-transpose .e-table .e-row td{height:22px!important;line-height:22px!important;color:#44566c!important;border-color:#eff1f3!important}::ng-deep rs-gadget-transpose .e-table .e-row td.first-cell{border-top:1px solid #eff1f3!important}::ng-deep rs-gadget-transpose .e-table .e-row td::before{top:0!important;left:0!important;color:#44566c!important}::ng-deep rs-gadget-transpose .e-table .odd{background:#f8fafb!important}::ng-deep rs-gadget-transpose .e-table .even{background:#fff!important}::ng-deep rs-gadget-transpose .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-row,::ng-deep rs-gadget-transpose .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-row,::ng-deep rs-gadget-transpose .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-row,::ng-deep rs-gadget-transpose .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-row{border-color:#eff1f3!important}::ng-deep rs-gadget-transpose .full-screen-mask{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:9999}::ng-deep rs-gadget-transpose mat-spinner.mat-spinner.mat-progress-spinner.mat-primary.mat-progress-spinner-indeterminate-animation{position:absolute;top:45%;left:47.5%!important;transform:translate(-25%,-25%)}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":2},"arguments":["grid",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":67,"character":15},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getTableData":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getFormatOptions":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"cellAddStyle":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"exportQueryCellInfo":[{"__symbolic":"method"}],"getNumFormat":[{"__symbolic":"method"}],"millionData":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"rs-portlet-type-new","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":18},"member":"OnPush"},"template":"<div class=\"portlet-row row\">\r\n\t<ng-container ngFor=\"let item of portletList\">\r\n\t\t<div\r\n\t\t\tclass=\"portlet-wrapper\"\r\n\t\t\tngIf=\"\r\n\t\t\t\titem.portletCode == 'financialTable' ? getFinancialType() : true\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"portlet\"\r\n\t\t\t\t[class]=\"item.portletCode + '-type'\"\r\n\t\t\t\tmatTooltip=\"{{ setTooltip(item) }}\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\tenabled: item.portletCode !== type,\r\n\t\t\t\t\tselected: item.portletCode === type,\r\n\t\t\t\t\tdisabled:\r\n\t\t\t\t\t\tdisabledHistoricalIRR &&\r\n\t\t\t\t\t\titem.portletCode === 'historicalIRR'\r\n\t\t\t\t}\"\r\n\t\t\t\t(click)=\"selectPortletType(item.portletCode)\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\tngIf=\"item.portletCode === 'newchart'\"\r\n\t\t\t\tstyle=\"position: relative; top: -4px\"\r\n\t\t\t\tclass=\"portlet-label\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</ng-container>\r\n</div>\r\n","styles":[".portlet-row{display:flex;margin-bottom:10px;justify-content:left;padding:0 16px}.portlet-row .portlet-wrapper{width:20%;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-bottom:10px;margin-top:5px}.portlet-row .portlet-wrapper .portlet{width:32px;height:32px;background-color:#44566c}.portlet-row .portlet-wrapper .portlet.enabled{background-color:#fff}.portlet-row .portlet-wrapper .portlet.disabled{background-color:#fff;opacity:.4;pointer-events:none}.portlet-row .portlet-wrapper .portlet.selected{background-color:#5867dd;border:5px solid rgba(80,102,181,.5);border-radius:2px}.portlet-row .portlet-wrapper .portlet.selected.table-type{background-image:url(../../assets/img/dashboard_icon/table-3-white.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.selected.transpose-type{background-image:url(../../assets/img/dashboard_icon/transpose-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pivot-type{background-image:url(../../assets/img/dashboard_icon/pivot-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newchart-type{background-image:url(../../assets/img/dashboard_icon/pivot-chart-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.geo-type{background-image:url(../../assets/img/dashboard_icon/geo-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pie-type{background-image:url(../../assets/img/dashboard_icon/pie-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.bar-type{background-image:url(../../assets/img/dashboard_icon/bar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.column-type{background-image:url(../../assets/img/dashboard_icon/pivot_column_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumn-type{background-image:url(../../assets/img/dashboard_icon/column-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.line-type{background-image:url(../../assets/img/dashboard_icon/pivot_line_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newline-type{background-image:url(../../assets/img/dashboard_icon/trade-up-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.area-type{background-image:url(../../assets/img/dashboard_icon/area-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.multiSeries-type{background-image:url(../../assets/img/dashboard_icon/multi-series-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.radar-type{background-image:url(../../assets/img/dashboard_icon/radar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.financialTable-type{background-image:url(../../assets/img/dashboard_icon/ftable-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumnline-type{background-image:url(../../assets/img/dashboard_icon/chart-combined-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.historicalIRR-type{background-image:url(../../assets/img/dashboard_icon/historic-IRR-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.table-type{background-image:url(../../assets/img/dashboard_icon/table-3.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.transpose-type{background-image:url(../../assets/img/dashboard_icon/transpose.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pivot-type{background-image:url(../../assets/img/dashboard_icon/pivot.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.newchart-type{background-image:url(../../assets/img/dashboard_icon/pivot-chart.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.geo-type{background-image:url(../../assets/img/dashboard_icon/geo.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pie-type{background-image:url(../../assets/img/dashboard_icon/pie.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.bar-type{background-image:url(../../assets/img/dashboard_icon/bar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.column-type{background-image:url(../../assets/img/dashboard_icon/pivot_column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newcolumn-type{background-image:url(../../assets/img/dashboard_icon/column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.line-type{background-image:url(../../assets/img/dashboard_icon/pivot_line.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newline-type{background-image:url(../../assets/img/dashboard_icon/trade-up.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.area-type{background-image:url(../../assets/img/dashboard_icon/area.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.multiSeries-type{background-image:url(../../assets/img/dashboard_icon/multi-series.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.radar-type{background-image:url(../../assets/img/dashboard_icon/radar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.financialTable-type{background-image:url(../../assets/img/dashboard_icon/ftable.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.newcolumnline-type{background-image:url(../../assets/img/dashboard_icon/chart-combined.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.historicalIRR-type{background-image:url(../../assets/img/dashboard_icon/historic-IRR.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet-label{width:100%;text-align:center;font-weight:500;color:#44566c;font-size:12px}"]}]}],"members":{"dataMartCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":2},"arguments":["dataMartCode"]}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"portletType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setTooltip":[{"__symbolic":"method"}],"selectPortletType":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getFinancialType":[{"__symbolic":"method"}],"getFPPType":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"rs-field-filter","template":"<div class=\"content\">\r\n\t<div class=\"search\">\r\n\t\t<mat-form-field appearance=\"outline\" class=\"search-box\">\r\n\t\t\t<span matPrefix>\r\n\t\t\t\t<mat-icon\r\n\t\t\t\t\tmatSuffix\r\n\t\t\t\t\tstyle=\"transform: scale(1.25); line-height: 1.8\"\r\n\t\t\t\t\t>search</mat-icon\r\n\t\t\t\t>\r\n\t\t\t</span>\r\n\t\t\t<input\r\n\t\t\t\ttype=\"search\"\r\n\t\t\t\tmatInput\r\n\t\t\t\t[placeholder]=\"\r\n\t\t\t\t\ttranslation.SEARCH ? translation.SEARCH : 'SEARCH' + '...'\r\n\t\t\t\t\"\r\n\t\t\t\t(keyup)=\"filter($event.target.value)\"\r\n\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t[(ngModel)]=\"searchText\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n\t<div class=\"fields\">\r\n\t\t<div\r\n\t\t\tclass=\"field clearfix\"\r\n\t\t\tngFor=\"let item of fields; let i = index\"\r\n\t\t\t[hidden]=\"item.isHidden\"\r\n\t\t>\r\n\t\t\t<p class=\"field-name fl\">\r\n\t\t\t\t{{\r\n\t\t\t\t\titem.displayName\r\n\t\t\t\t\t\t? item.displayName\r\n\t\t\t\t\t\t: item.addtionName\r\n\t\t\t\t\t\t? item.langValue + \" \" + item.addtionName\r\n\t\t\t\t\t\t: item.langValue\r\n\t\t\t\t}}\r\n\t\t\t</p>\r\n\t\t\t<img\r\n\t\t\t\tclass=\"icon-filter fr\"\r\n\t\t\t\t(click)=\"openfilter(i, item)\"\r\n\t\t\t\tsrc=\"../../../../assets/img/dashboard_icon/{{\r\n\t\t\t\t\titem.selectAll ? 'gadget-filters' : 'gadget-filters-light'\r\n\t\t\t\t}}.svg\"\r\n\t\t\t/>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclass=\"filter-pop fl\"\r\n\t\t\t\tngIf=\"showFilter_i === i && showPop_filter\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"search-bar\">\r\n\t\t\t\t\t<mat-form-field\r\n\t\t\t\t\t\tappearance=\"outline\"\r\n\t\t\t\t\t\tclass=\"search-\"\r\n\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span matPrefix>\r\n\t\t\t\t\t\t\t<mat-icon matSuffix style=\"transform: scale(1.25)\"\r\n\t\t\t\t\t\t\t\t>search\r\n\t\t\t\t\t\t\t</mat-icon>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"search\"\r\n\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t[placeholder]=\"\r\n\t\t\t\t\t\t\t\ttranslation.SEARCH\r\n\t\t\t\t\t\t\t\t\t? translation.SEARCH\r\n\t\t\t\t\t\t\t\t\t: 'SEARCH' + '...'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tstyle=\"font-size: 1.25rem\"\r\n\t\t\t\t\t\t\tclass=\"mat-form-field mat-form-field-fluid\"\r\n\t\t\t\t\t\t\t[(ngModel)]=\"childFilterSearchText\"\r\n\t\t\t\t\t\t\t(input)=\"searchFilter($event.target.value, item)\"\r\n\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\tclass=\"select-all\"\r\n\t\t\t\t\t\t[(ngModel)]=\"item.selectAll\"\r\n\t\t\t\t\t\t(change)=\"filterSelectAll($event.checked, item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\ttranslation.SELECT_ALL\r\n\t\t\t\t\t\t\t\t? translation.SELECT_ALL\r\n\t\t\t\t\t\t\t\t: \".SELECT_ALL\"\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t</mat-checkbox>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"filter-content\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"filter-\"\r\n\t\t\t\t\t\tngFor=\"let obj of item.dataList ? item.dataList : []\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t\t[checked]=\"obj.checked\"\r\n\t\t\t\t\t\t\t(change)=\"\r\n\t\t\t\t\t\t\t\tfilterChecked($event.checked, item, obj.value)\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\tobj.value \|\| obj.value === 0\r\n\t\t\t\t\t\t\t\t\t? item.dataType === \"date\" \|\|\r\n\t\t\t\t\t\t\t\t\t item.dataType === \"dataTime\"\r\n\t\t\t\t\t\t\t\t\t\t? pbf.formatFilterDate(obj.value)\r\n\t\t\t\t\t\t\t\t\t\t: item.dataType === \"string\"\r\n\t\t\t\t\t\t\t\t\t\t? obj.value\r\n\t\t\t\t\t\t\t\t\t\t: (obj.value \| number : \"1.2-2\")\r\n\t\t\t\t\t\t\t\t\t: \"Empty\"\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t</mat-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.content{width:100%;height:100%;padding:10px 20px 10px 10px;background-color:#f7f8fa}.content .search-box{background:#fff;width:calc(100% - 8px);height:40px;margin-left:8px}.content .fields{height:calc(100% - 50px);overflow:auto;margin-top:5px}.content .fields::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.content .fields::-webkit-scrollbar-thumb{background:#eaedf0}.content .fields .field{display:flex;align-items:center;justify-content:space-between;position:relative;height:30px}.content .fields .field p.field-name{display:block;margin:0;padding-left:8px;line-height:30px;font-size:13px;color:#44566c;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .fields .field img{display:block;margin:0 8px;cursor:pointer}.content .fields .field .filter-pop{width:100%;height:300px;padding:12px;background:#fff!important;z-index:99;overflow:hidden;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#212529;position:absolute;top:30px;border-radius:5px;border:1px solid #eaedf0}.content .fields .field .filter-pop .search-bar{margin-bottom:5px}.content .fields .field .filter-pop .filter-content{height:calc(100% - 89px);overflow:auto}.content .fields .field .filter-pop .filter-content::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.content .fields .field .filter-pop .filter-content::-webkit-scrollbar-thumb{background:#eaedf0}.content .fields .field .filter-pop .filter-content .filter-{height:30px;line-height:30px}.content .fields .field .type-pop{padding:10px;min-width:140px;background:#fff!important;z-index:99;overflow:hidden;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#212529;position:absolute;top:30px;right:22px;border-radius:5px;border:1px solid #eaedf0}.content .fields .field .type-pop .filter-{height:30px;line-height:30px}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(216,220,230,.12)}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-end{border:none!important}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix{padding-top:.09em!important}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix .mat-input-element{font-family:Arial!important;font-size:11px!important;font-weight:400!important;color:#44566c!important}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{margin:0!important}:host::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,:host::ng-deep .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#0081ff}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-prefix{color:#646c9a}:host::ng-deep .mat-form-field-flex{border:none!important}:host::ng-deep .mat-checkbox-inner-container{border:1px solid #d6d6d6;border-radius:3px}:host::ng-deep .search-bar .mat-form-field-flex{background-color:#f8fafb}"]}]}],"members":{"figureCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":2}}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":2}}]}],"updatePorletConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":54,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":15},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":51,"character":15},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initTableData":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"openfilter":[{"__symbolic":"method"}],"searchFilter":[{"__symbolic":"method"}],"filterSelectAll":[{"__symbolic":"method"}],"filterChecked":[{"__symbolic":"method"}],"checkSelectAll":[{"__symbolic":"method"}],"getFilterData":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"isValidDate":[{"__symbolic":"method"}],"getNumberPoint":[{"__symbolic":"method"}],"getNumberDp":[{"__symbolic":"method"}],"getPercentPoint":[{"__symbolic":"method"}],"getPercentDp":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"rs-field-format","template":"<div class=\"container dashboard-format-container\">\r\n\t<div class=\"header\">\r\n\t\t<mat-icon\r\n\t\t\tclass=\"icon-previous\"\r\n\t\t\tngIf=\"!Conditional\"\r\n\t\t\t(click)=\"Conditional = true\"\r\n\t\t>\r\n\t\t\tkeyboard_arrow_left</mat-icon\r\n\t\t>\r\n\t\t<p class=\"format-title\">\r\n\t\t\t{{\r\n\t\t\t\tConditional\r\n\t\t\t\t\t? translation.CONDITIONAL_SETTING \|\| \"Conditional Setting\"\r\n\t\t\t\t\t: translation.FORMATTING_AND_HIDE_SUBTOTAL \|\|\r\n\t\t\t\t\t \"Formatting and hide sub total\"\r\n\t\t\t}}\r\n\t\t</p>\r\n\t\t<mat-icon class=\"close\" (click)=\"close()\">close</mat-icon>\r\n\t</div>\r\n\t<div class=\"content\">\r\n\t\t<!--Conditional Setting start 第一页：field list-->\r\n\t\t<div ngIf=\"Conditional\">\r\n\t\t\t<div class=\"notice\">\r\n\t\t\t\t{{\r\n\t\t\t\t\ttranslation.CONDITIONAL_SETTING_TIPS \|\|\r\n\t\t\t\t\t\t\"The fields you have selected are shown below, you can apply formatting,sub totals or grand totals. Sub totals are only available for pivot tables.\"\r\n\t\t\t\t}}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"all-fields\">\r\n\t\t\t\t<div class=\"fields-group\" ngFor=\"let field of fieldslist\">\r\n\t\t\t\t\t<p class=\"fl\">{{ field.langValue }}</p>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\topacity: field.showGrandTotals\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-basic-total{{\r\n\t\t\t\t\t\t\tfield.showGrandTotals ? '' : '-1'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr format-icon\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-sub-total{{\r\n\t\t\t\t\t\t\tfield.showSubTotals ? '-0' : '-1'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr format-icon\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-format{{\r\n\t\t\t\t\t\t\tfield.format && field.format.length ? '-1' : '-0'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!--Conditional Setting end 第一页：field list-->\r\n\r\n\t\t<!--Formatting and hide sub total start 第二页：format setting-->\r\n\t\t<div ngIf=\"!Conditional\">\r\n\t\t\t<div class=\"format-group format-field\">\r\n\t\t\t\t<div class=\"field-name\">\r\n\t\t\t\t\t<label>{{ translation.FIELD \|\| \".FIELD\" }}</label>\r\n\t\t\t\t\t<p>{{ currentField?.langValue }}</p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"format-checkbox\">\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.formatChecked\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ translation.FORMAT \|\| \"Format\" }}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Format part start -->\r\n\t\t\t<div class=\"format-group format-box\">\r\n\t\t\t\t<!-- compare 部分 start -->\r\n\t\t\t\t<div class=\"group-style\">\r\n\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\t\tcurrentField.dataType !== 'string' &&\r\n\t\t\t\t\t\t\tcurrentField.dataType !== 'date'\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 50%\">\r\n\t\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\t\tselectOption($event.value, 'compare')\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t\tngFor=\"let item of compareList\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"item.code\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t\t\t\twidth:\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t\t'Between' \|\|\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t\t'NotBetween'\r\n\t\t\t\t\t\t\t\t\t\t? '15%'\r\n\t\t\t\t\t\t\t\t\t\t: '36%'\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-form-field class=\"marging-top-style\">\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareValue1\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t'Between' \|\|\r\n\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t'NotBetween'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tstyle=\"width: 15%; display: flex\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\tline-height: 60px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateX(8px);\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t-\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<mat-form-field\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\tstyle=\"margin-left: 15px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareValue2\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- compare 部分 end -->\r\n\r\n\t\t\t\t<!-- Field Title & align start -->\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 40%\">\r\n\t\t\t\t\t\t<mat-form-field class=\"marging-top-style\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{\r\n\t\t\t\t\t\t\t\t\ttranslation.EDIT_FIELD_TITLE \|\|\r\n\t\t\t\t\t\t\t\t\t\t'.EDIT_FIELD_TITLE'\r\n\t\t\t\t\t\t\t\t}}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.displayName\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.formatChecked = true\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"transform: translateY(-9px)\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"box-content\"\r\n\t\t\t\t\t\t\tngIf=\"config.portletType == 'table'\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"content-title\">\r\n\t\t\t\t\t\t\t\t{{ translation.ALIGNMENT \|\| \".ALIGNMENT\" }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"icon-list\">\r\n\t\t\t\t\t\t\t\t<mat-icon\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of alignList\"\r\n\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\tselected:\r\n\t\t\t\t\t\t\t\t\t\t\titem.code ==\r\n\t\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.align\r\n\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"changeAligh(item.code)\"\r\n\t\t\t\t\t\t\t\t\t>{{ item.name }}</mat-icon\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Field Title & align end -->\r\n\r\n\t\t\t\t<!-- Number/percent format start -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"group-style marging-top-style\"\r\n\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\tcurrentField.dataType !== 'string' &&\r\n\t\t\t\t\t\tcurrentField.dataType !== 'date'\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div style=\"width: 96%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style format-font\"\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{\r\n\t\t\t\t\t\t\t\t\ttranslation.NUMBER_FORMAT \|\|\r\n\t\t\t\t\t\t\t\t\t\t'.NUMBER_FORMAT'\r\n\t\t\t\t\t\t\t\t}}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.selectedFormatDisplay\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'number')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"\r\n\t\t\t\t\t\t\t\t\t\tlet format of currentFieldFormatInfo.formatList\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"format.key\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tclass=\"format-select-checkbox\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"format.val\"\r\n\t\t\t\t\t\t\t\t\t\t[name]=\"format.key\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t/>{{ format.key }}\r\n\t\t\t\t\t\t\t\t\t<!-- <mat-checkbox\r\n\t\t\t\t\t\t\t\t\t\tstyle=\"margin-left: 15px\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ format.key }}\r\n\t\t\t\t\t\t\t\t\t</mat-checkbox> -->\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Number/percent format end -->\r\n\r\n\t\t\t\t<!-- date format start -->\r\n\t\t\t\t<div ngIf=\"currentField.dataType === 'date'\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"marging-right-style\"\r\n\t\t\t\t\t\tstyle=\"display: inline-block; width: 26%\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.dateType\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption(\r\n\t\t\t\t\t\t\t\t\t\t$event.value,\r\n\t\t\t\t\t\t\t\t\t\t'selectdDateType'\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option value=\"Quarter\">Quarter</mat-option>\r\n\t\t\t\t\t\t\t\t<mat-option value=\"Date\">Date</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: inline-block; width: 60%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption(\r\n\t\t\t\t\t\t\t\t\t\t$event.value,\r\n\t\t\t\t\t\t\t\t\t\t'selectdDateformat'\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.selectedFormatDisplay\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"\r\n\t\t\t\t\t\t\t\t\t\tlet date of currentFieldFormatInfo.formatList\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"date.key\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tclass=\"format-select-checkbox\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"date.val\"\r\n\t\t\t\t\t\t\t\t\t\t[name]=\"date.key\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t/>{{ date.key }}\r\n\r\n\t\t\t\t\t\t\t\t\t<!-- <mat-checkbox\r\n\t\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 15px;\r\n\t\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t\t[checked]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ date.key }}\r\n\t\t\t\t\t\t\t\t\t</mat-checkbox> -->\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- date format end -->\r\n\t\t\t</div>\r\n\t\t\t<!-- Format part end -->\r\n\r\n\t\t\t<!-- font setting start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"format-checkbox\"\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\t!['string', 'nvarchar', 'date', 'datetime'].includes(\r\n\t\t\t\t\t\tcurrentField.dataType\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.fontSettingChecked\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.FONT_SETTINGS \|\| \".FONT_SETTINGS\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"format-group format-box\"\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\t!['string', 'nvarchar', 'date', 'datetime'].includes(\r\n\t\t\t\t\t\tcurrentField.dataType\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<!-- Number Format 字体大小、字体颜色、单元格背景色 start -->\r\n\t\t\t\t<span class=\"format-number\">\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.POSITIVE_NUMBER_FORMAT \|\|\r\n\t\t\t\t\t\t\t\"Positive Number Format\"\r\n\t\t\t\t\t}}\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 35%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'fontFamily')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.fontFamilyValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontFamilyList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 15%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'fontSize')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.fontSizeValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontSizeList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: flex; line-height: 54px\">\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerFont\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerFontElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'font')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpicker\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event)\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div #previewColor>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"preview\"\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\twidth: 62px;\r\n\t\t\t\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateY(12px);\r\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t123.45\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span class=\"format-number\">{{\r\n\t\t\t\t\ttranslation.NEGATIVE_NUMBER_FORMAT \|\|\r\n\t\t\t\t\t\t\"Negative Number Format\"\r\n\t\t\t\t}}</span>\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 35%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'negaFontFamily')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.negaFontFamilyValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontFamilyList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 15%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'negaFontSize')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.negaFontSizeValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontSizeList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: flex; line-height: 54px\">\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerFontBurden\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerFontElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'ngeaFont')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerBurden\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'ngeaBgColor')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div #previewColorBurden>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"preview\"\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\twidth: 62px;\r\n\t\t\t\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateY(12px);\r\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t123.45\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Number Format 字体大小、字体颜色、单元格背景色 end -->\r\n\t\t\t</div>\r\n\t\t\t<!-- font setting end -->\r\n\r\n\t\t\t<!-- hide subtotal start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"subtotal-checkbox\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\topacity:\r\n\t\t\t\t\t\tconfig.portletType !== 'pivot' \|\| !currentField?.isValue\r\n\t\t\t\t}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"!currentField.showSubTotals\"\r\n\t\t\t\t\t(ngModelChange)=\"changeHideStatus('showSubTotals')\"\r\n\t\t\t\t\t[disabled]=\"\r\n\t\t\t\t\t\tconfig.portletType !== 'pivot' \|\| !currentField?.isValue\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.HIDE_SUB_TOTAL \|\| \"Hide Sub total\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<!-- hide subtotal end -->\r\n\r\n\t\t\t<!-- hide grandtotal start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"subtotal-checkbox\"\r\n\t\t\t\t[ngClass]=\"{ opacity: disabledGrandTotal() }\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"!currentField.showGrandTotals\"\r\n\t\t\t\t\t(ngModelChange)=\"changeHideStatus('showGrandTotals')\"\r\n\t\t\t\t\t[disabled]=\"disabledGrandTotal()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.HIDE_GRAND_TOTAL \|\| \"Hide Grand total\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<!-- hide grandtotal end -->\r\n\t\t</div>\r\n\t\t<!--Formatting and hide sub total end 第二页：format setting-->\r\n\t</div>\r\n\t<div class=\"button-group\" ngIf=\"!Conditional\">\r\n\t\t<button (click)=\"clearFormat_Current()\" class=\"btn clear-button\">\r\n\t\t\t{{ translation.CLEAR \|\| \".CLEAR\" }}\r\n\t\t</button>\r\n\t\t<button (click)=\"saveFormat()\" class=\"btn save-button\">\r\n\t\t\t{{ translation.SAVE \|\| \".SAVE\" }}\r\n\t\t</button>\r\n\t</div>\r\n\t<div class=\"button-group\" ngIf=\"Conditional\">\r\n\t\t<button (click)=\"clearFormat_All()\" class=\"btn clear-button\">\r\n\t\t\t{{ translation.CLEAR \|\| \".CLEAR\" }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.container{font-size:13px;font-weight:400}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn{--rs-primary-btn-hover-bg:#f8fafb!important;--rs-primary-btn-bg:#f8fafb!important;max-width:18px!important;min-width:unset!important;width:18px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn .e-btn-icon{font-size:8px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-split-btn .e-btn-icon{font-size:14px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn.e-icon-btn .e-btn-icon::before{width:8px!important;height:8px!important;content:\"\"!important;color:#495057!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn{--rs-primary-btn-hover:#f8fafb!important;--rs-primary-btn:#f8fafb!important}.container .header{width:109%;display:flex;border-bottom:1px solid #e9ecef;transform:translateX(-25px);height:41px}.container .header .icon-previous{transform:translate(20px,5px);cursor:pointer}.container .header .close{margin-right:30px;padding-left:3px;padding-top:3px;border-radius:18px;transform:scale(1.1);cursor:pointer;background-color:#eaedf0;float:right;font-size:18px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.container .header .format-title{width:91%;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;color:#212529;margin-left:28px}.container .content .all-fields{height:543px;overflow:auto}.container .content .all-fields::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.container .content .all-fields::-webkit-scrollbar-thumb{background:#eaedf0}.container .content .all-fields .fields-group{width:calc(100% - 9px);height:30px;border-radius:4px;border:1px solid #efeff3;padding:4px 9px 0 11px;margin:0 0 11px 4px}.container .content .all-fields .fields-group p{color:#44566c}.container .content .all-fields .fields-group img:hover{cursor:pointer}.container .content .all-fields .fields-group .format-icon{margin-right:10px}.container .content .format-group{width:535px;border-radius:5px;border:1px solid #b3c0ce;padding:15px 0 0 10px;margin:0 0 20px 4px}.container .content .format-group .group-style{display:flex;width:100%}.container .content .format-group .group-style .format-font{color:#4a4a4a!important;font-weight:400!important}.container .content .format-group .marging-right-style{margin-right:16px}.container .content .format-group .marging-top-style{margin-top:10px}.container .content .format-field{margin-top:36px}.container .content .format-field .field-name label{font-family:Arial;font-size:10px;font-weight:700;color:#a2a3b5}.container .content .format-field .field-name p{font-family:Arial;font-size:15px;color:#4a4a4a;margin-bottom:12px}.container .content .format-checkbox,.container .content .subtotal-checkbox{font-family:Arial;font-size:15px;font-weight:700;color:#4a4a4a;margin-bottom:10px;margin-left:4px}.container .content .format-box{width:512px;margin-left:25px}.container .button-group{text-align:right;position:absolute;right:0;bottom:0;margin:0 20px 20px 0}.container .button-group .btn{width:117px;height:36px;border:none;border-radius:5px;font-family:Arial;font-size:14px;font-weight:700}.container .button-group .clear-button{color:#979cb4;background-color:#f2f3f7;margin-right:20px}.container .button-group .save-button{color:#0081ff;background-color:#d9edff}.container .fl{float:left}.container .fr{float:right}.add-format-button{width:36px;height:39px;background:0 0;border:none}.add-format-button img{width:36px;height:39px;transform:translateX(-10px)}.add-format-font{font-family:Arial;font-size:15px;font-weight:700;color:#09b66d;transform:translateY(5px)}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.wrap{margin-right:10px}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color{background:0 0;border-bottom-style:solid;border-bottom-width:5px;width:25px;height:20px;border-radius:unset}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview{display:none}.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../assets/img/dashboard_icon/print-A2.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-wrapper #pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../assets/img/dashboard_icon/paint-bucket.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn{padding:5px;background-color:#f8fafb;border:none!important}.e-dropdown-btn .e-caret,.e-dropdown-btn.e-btn .e-caret{transform:translateX(-2px)}.e-colorpicker-container .e-icon-btn,.e-colorpicker-wrapper .e-icon-btnr{background-color:#f8fafb!important;color:unset!important}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn{padding:0 10px!important;background-color:#f8fafb!important;border:none!important}.e-btn.e-active,.e-css.e-btn.e-active{box-shadow:unset!important}::ng-deep .mat-checkbox-frame{background-color:#fff!important;border:1px solid #d6d6d6!important}.select-chip{transform:translateY(20px);height:24px;border-radius:5px;min-height:24px}.delete-group{margin-left:468px;cursor:pointer;transform:translateY(-10px);padding-left:3px;padding-top:3px}.format-number{font-family:Arial;font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#a2a3b5}.notice{margin:15px 0 20px;width:529px;font-family:Arial;font-size:13px;color:#212529}.opacity{opacity:30%}input[type=checkbox].format-select-checkbox{transform:translateY(1px);margin-right:12px;width:14px;height:14px;border:1px solid #d6d6d6!important;background-color:#fff;line-height:14px;border-radius:4px;text-align:center;cursor:pointer}::ng-deep .e-colorpicker-popup{padding:0!important;border-radius:unset!important}::ng-deep .e-colorpicker-popup .e-switch-ctrl-btn{padding:14px!important}::ng-deep .e-colorpicker-popup .e-ctrl-btn{display:flex;justify-content:right}::ng-deep .e-colorpicker-popup .e-selected-value .e-value-switch-btn{border:unset!important;width:28px!important;max-width:28px!important}"]}]}],"members":{"colorPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":27,"character":2},"arguments":["colorpicker"]}]}],"colorPickerFont":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":28,"character":2},"arguments":["colorpickerFont"]}]}],"PreviewColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":30,"character":2},"arguments":["previewColor"]}]}],"colorpickerBurden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":31,"character":2},"arguments":["colorpickerBurden"]}]}],"colorpickerFontBurden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":2},"arguments":["colorpickerFontBurden"]}]}],"previewColorBurden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":35,"character":2},"arguments":["previewColorBurden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":57,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":57,"character":10}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":58,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵr"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"getConditionalData":[{"__symbolic":"method"}],"openFormat":[{"__symbolic":"method"}],"selectOption":[{"__symbolic":"method"}],"getFiledFormat":[{"__symbolic":"method"}],"optionFilter":[{"__symbolic":"method"}],"changeAligh":[{"__symbolic":"method"}],"addColorPickerStyle":[{"__symbolic":"method"}],"colorOnChange":[{"__symbolic":"method"}],"changeHideStatus":[{"__symbolic":"method"}],"saveFormat":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"clearFormat_All":[{"__symbolic":"method"}],"clearFormat_Current":[{"__symbolic":"method"}],"disabledGrandTotal":[{"__symbolic":"method"}],"setAlignList":[{"__symbolic":"method"}],"setFontSizeList":[{"__symbolic":"method"}],"setCompareList":[{"__symbolic":"method"}],"setStringAndDateCompareList":[{"__symbolic":"method"}],"setFontFamilyList":[{"__symbolic":"method"}],"setFormatGroupDefaultData":[{"__symbolic":"method"}],"setQuarterFormat":[{"__symbolic":"method"}],"setDateFormat":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rs-data-mart-new","template":"<div class=\"new_mart_data_popup\">\r\n\t<div class=\"close_box\" (click)=\"closePopup()\">\r\n\t\t<img src=\"../../../../assets/img/dialog-close.svg\" class=\"deleteIcon\" />\r\n\t</div>\r\n\t<div class=\"popup_header\">\r\n\t\t<p class=\"popup_title\">{{ translation.DATA_MART \|\| \".DATA_MART\" }}</p>\r\n\t\t<p class=\"popup_sub_title\">\r\n\t\t\t{{\r\n\t\t\t\ttranslation.PLS_SELECT_DATA_TABLES \|\|\r\n\t\t\t\t\t\".Please select data tables for this dashboard\"\r\n\t\t\t}}\r\n\t\t</p>\r\n\t</div>\r\n\t<div class=\"popup_main_container\">\r\n\t\t<div class=\"left_menu_container\" id=\"info-step-2\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"menu_item\"\r\n\t\t\t\tngFor=\"let item of fatherList\"\r\n\t\t\t\t[ngClass]=\"{ selectItem: fatherId === item.id }\"\r\n\t\t\t\t(click)=\"getdataMart(item, true)\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"activeLine\" ngIf=\"fatherId === item.id\"></span>\r\n\t\t\t\t{{\r\n\t\t\t\t\titem.FromQB\r\n\t\t\t\t\t\t? item.langCode\r\n\t\t\t\t\t\t: translation[item.langCode] \|\| \".\" + item.langCode\r\n\t\t\t\t}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"table_container\" id=\"info-step-3\" (click)=\"nextStep()\">\r\n\t\t\t<div class=\"table_content\">\r\n\t\t\t\t<div class=\"group_data\">\r\n\t\t\t\t\t<div class=\"table_header\">\r\n\t\t\t\t\t\t<div class=\"div_group\">\r\n\t\t\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t\t\t[disabled]=\"isSelectAllDisabled\"\r\n\t\t\t\t\t\t\t\t[color]=\"'primary'\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"selectedAll\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"selectAll($event)\"\r\n\t\t\t\t\t\t\t\t>{{\r\n\t\t\t\t\t\t\t\t\ttranslation[\"GROUP\"] \|\| \".group\"\r\n\t\t\t\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"group_item__box\" ngFor=\"let item of sonList\">\r\n\t\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t\t[disabled]=\"item.disabled\"\r\n\t\t\t\t\t\t\t[color]=\"'primary'\"\r\n\t\t\t\t\t\t\t[(ngModel)]=\"item.checked\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"handleItemChange(item, $event)\"\r\n\t\t\t\t\t\t\t>{{\r\n\t\t\t\t\t\t\t\titem.FromQB\r\n\t\t\t\t\t\t\t\t\t? item.langCode\r\n\t\t\t\t\t\t\t\t\t: translation[item.langCode] \|\|\r\n\t\t\t\t\t\t\t\t\t \".\" + item.langCode\r\n\t\t\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t<ejs-tooltip\r\n\t\t\t\t\t\t\tngIf=\"item.langCode === 'FINANCIAL_FIGURES'\"\r\n\t\t\t\t\t\t\tid=\"tooltip\"\r\n\t\t\t\t\t\t\tcssClass=\"figures-tooltip\"\r\n\t\t\t\t\t\t\t[content]=\"\r\n\t\t\t\t\t\t\t\ttranslation.DASHBOARD_FINANCIAL_FIGURES_TOOLTIPS \|\|\r\n\t\t\t\t\t\t\t\t'Financial Figures can’t be selected together with other groups.'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t</ejs-tooltip>\r\n\t\t\t\t\t\t<!-- <ejs-tooltip\r\n\t\t\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\t\t\tDashboardPorletsService.checkIsQ2Q(item.tables)\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tcssClass=\"figures-tooltip\"\r\n\t\t\t\t\t\t\tcontent=\"Q2Q\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t</ejs-tooltip> -->\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"table_data\">\r\n\t\t\t\t\t<div class=\"table_header\">\r\n\t\t\t\t\t\t<div class=\"data_table_box\">\r\n\t\t\t\t\t\t\t<div class=\"table_title\">\r\n\t\t\t\t\t\t\t\t{{ translation[\"DATA_TABLE\"] \|\| \".Data Table\" }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"search_container\">\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[placeholder]=\"translation['SEARCH']\"\r\n\t\t\t\t\t\t\t\t\tclass=\"search_input\"\r\n\t\t\t\t\t\t\t\t\t(keyup)=\"doFilter($event.target.value)\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t\t(keydown)=\"\r\n\t\t\t\t\t\t\t\t\t\tpbf.disabledInputEnterEvent($event)\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"table_main_content\" style=\"overflow: auto\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tngFor=\"let item of grandsonList\"\r\n\t\t\t\t\t\t\t[ngClass]=\"{ maxBox: grandsonList.length >= 11 }\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div ngIf=\"!item.isHide\" class=\"table_data_item\">\r\n\t\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\t\titem.FromQB\r\n\t\t\t\t\t\t\t\t\t\t? item.langCode\r\n\t\t\t\t\t\t\t\t\t\t: translation[item.langCode] \|\|\r\n\t\t\t\t\t\t\t\t\t\t \".\" + item.langCode\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"popup_footer\">\r\n\t\t<button class=\"cancle_btn popup_btn\" (click)=\"closePopup()\">\r\n\t\t\t{{ translation[\"CANCEL\"] \|\| \".CANCEL\" }}\r\n\t\t</button>\r\n\t\t<button\r\n\t\t\tclass=\"sure_btn popup_btn\"\r\n\t\t\tid=\"info-step-5\"\r\n\t\t\t(click)=\"saveData()\"\r\n\t\t\t[disabled]=\"disabled \|\| !entityType \|\| grandsonList.length == 0\"\r\n\t\t>\r\n\t\t\t{{ translation[\"SAVE\"] \|\| \".SAVE\" }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n","styles":[".new_mart_data_popup{width:100%;position:relative;height:100%;padding:60px 74px;font-family:Arial;display:flex;flex-direction:column;overflow:hidden}.new_mart_data_popup .close_box{position:absolute;right:12px;top:12px;padding:10px;cursor:pointer}.new_mart_data_popup .close_box .deleteIcon{width:24px;height:24px}.new_mart_data_popup .popup_header{margin-bottom:32px}.new_mart_data_popup .popup_header .popup_title{font-size:24px;font-weight:700;text-align:center;color:#44566c;line-height:28px;margin-bottom:12px}.new_mart_data_popup .popup_header .popup_sub_title{font-size:13px;line-height:15px;color:#44566c;text-align:center}.new_mart_data_popup .popup_main_container{flex:1;width:100%;margin-bottom:40px;display:flex;overflow:hidden}.new_mart_data_popup .popup_main_container .left_menu_container{margin-right:30px;text-align:left}.new_mart_data_popup .popup_main_container .left_menu_container .menu_item{line-height:16px;margin-bottom:22px;color:#002c4f;font-size:13px;position:relative;max-width:160px;word-wrap:break-word;cursor:pointer;padding-left:15px}.new_mart_data_popup .popup_main_container .left_menu_container .menu_item.selectItem{font-weight:700}.new_mart_data_popup .popup_main_container .left_menu_container .menu_item .activeLine{display:block;position:absolute;left:0;top:0;width:2px;height:17px;background-color:#0081ff}.new_mart_data_popup .popup_main_container .table_container{flex:1;height:100%;overflow:hidden;border:1px solid #eaedf0;display:flex;flex-direction:column}.new_mart_data_popup .popup_main_container .table_container .table_header{height:40px;background-color:#f8fafb;display:flex;align-items:center}.new_mart_data_popup .popup_main_container .table_container .table_header::ng-deep .mat-checkbox .mat-checkbox-layout{color:#44566c;font-size:13px;font-weight:700}.new_mart_data_popup .popup_main_container .table_container .table_header .div_group{min-width:200px;padding-left:20px}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box{flex:1;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:5px}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .table_title{font-size:13px;font-weight:700;color:#44566c}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container{width:190px;height:30px;position:relative}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input{background-image:url(../../assets/img/search.svg);background-size:16px;background-repeat:no-repeat;background-position-y:center;background-position-x:10px;width:190px;height:30px;padding:7px 7px 6px 38px;border-radius:5px;background-color:#fff;transform:translateY(0);outline:0;border:none;font-weight:400!important;color:#44566c;font-size:12px!important}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::-webkit-input-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::-moz-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input:-ms-input-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::-ms-input-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_content{display:flex;flex:1;overflow:hidden}.new_mart_data_popup .popup_main_container .table_container .table_content::ng-deep .mat-checkbox .mat-checkbox-layout{color:#44566c;font-size:13px;font-weight:400}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data{height:100%;border-right:1px solid #eaedf0}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data .group_item__box{display:flex;align-items:center;padding-left:20px;height:40px;border-bottom:1px solid #eaedf0;padding-right:10px}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data .group_item__box .e-tooltip{margin-left:5px}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data .group_item__box .e-tooltip span{display:inline-block;width:14px;height:14px;background-image:url(../../assets/img/dashboard_icon/information-grey.svg);background-size:contain;margin-top:5px;cursor:pointer}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data{flex:1;display:flex;height:100%;flex-direction:column;overflow:hidden}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data .table_main_content{flex:1;overflow:auto}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data .maxBox:last-child .table_data_item{border-bottom:none}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data .table_data_item{padding-right:5px;padding-left:20px;height:40px;line-height:40px;font-size:13px;color:#44566c;border-bottom:1px solid #eaedf0}.new_mart_data_popup .popup_main_container::ng-deep .mat-checkbox .mat-checkbox-background{border:1px solid #d1d1d1}.new_mart_data_popup .popup_main_container::ng-deep .mat-checkbox.mat-checkbox-checked .mat-checkbox-background{border:none}.new_mart_data_popup .disabled-button{pointer-events:none;opacity:.5}.new_mart_data_popup .popup_footer{height:40px;display:flex;align-items:center;justify-content:center}.new_mart_data_popup .popup_footer .popup_btn{width:200px;height:40px;line-height:40px;border:none;border-radius:5px;text-align:center;font-size:13px;font-weight:700}.new_mart_data_popup .popup_footer .popup_btn.cancle_btn{background-color:#eaedf0;color:#979797;margin-right:20px}.new_mart_data_popup .popup_footer .popup_btn.sure_btn{color:#fff;background-color:#1364b3}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":40,"character":12}]}],null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵs"}]},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":43,"character":19},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":17},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getSources":[{"__symbolic":"method"}],"getSelectedAllStatus":[{"__symbolic":"method"}],"nextStep":[{"__symbolic":"method"}],"getdataMart":[{"__symbolic":"method"}],"setFatherId":[{"__symbolic":"method"}],"handleItemChange":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"doSearch":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}],"showToast":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"rs-bar-charts","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"providers":[{"__symbolic":"reference","module":"@angular/common","name":"DecimalPipe","line":28,"character":14}],"template":"<div\r\n\tclass=\"content\"\r\n\t#chartContent\r\n\tid=\"chartContent\"\r\n\tngIf=\"dataColumn \|\| dataLine\"\r\n>\r\n\t<ejs-chart\r\n\t\t#chart\r\n\t\tstyle=\"display: block\"\r\n\t\talign=\"center\"\r\n\t\t[title]=\"title\"\r\n\t\t[primaryXAxis]=\"primaryXAxis\"\r\n\t\t[primaryYAxis]=\"primaryYAxis\"\r\n\t\t[tooltip]=\"tooltip\"\r\n\t\t(load)=\"load($event)\"\r\n\t\t[chartArea]=\"chartArea\"\r\n\t\twidth=\"100%\"\r\n\t\t[height]=\"height\"\r\n\t\t[width]=\"width\"\r\n\t\t[zoomSettings]=\"zoomSettings\"\r\n\t\t[legendSettings]=\"legend\"\r\n\t\t[palettes]=\"customPalette\"\r\n\t\t(pointRender)=\"onPointRender($event)\"\r\n\t\t[enableAnimation]=\"false\"\r\n\t\t(textRender)=\"textRender($event)\"\r\n\t\t(tooltipRender)=\"tooltipRender($event)\"\r\n\t\t(axisLabelRender)=\"OnChartAxisLabeRender($event)\"\r\n\t>\r\n\t\t<e-series-collection>\r\n\t\t\t<ng-container ngIf=\"dataColumn && dataColumn.length > 0\">\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of column\"\r\n\t\t\t\t\t[dataSource]=\"dataColumn\"\r\n\t\t\t\t\ttype=\"Column\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\tcolumnSpacing=\"0.1\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- 只选第二个Y轴时，显示折线图 -->\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0 &&\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length <= 0\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of columnLine\"\r\n\t\t\t\t\t[dataSource]=\"dataLine\"\r\n\t\t\t\t\ttype=\"Spline\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\tcolumnSpacing=\"0.1\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- 如果两个Y轴是同类型数据，共用一个Y轴 -->\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length > 0 &&\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0 &&\r\n\t\t\t\t\tcolumnType == lineType\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of columnLine\"\r\n\t\t\t\t\t[dataSource]=\"dataLine\"\r\n\t\t\t\t\ttype=\"Spline\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\tcolumnSpacing=\"0.1\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- 如果两个Y轴是不同类型数据，就用两个Y轴 -->\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length > 0 &&\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0 &&\r\n\t\t\t\t\tcolumnType != lineType\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of columnLine\"\r\n\t\t\t\t\t[dataSource]=\"dataLine\"\r\n\t\t\t\t\ttype=\"Spline\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t\tyAxisName=\"yAxis2\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\t\t</e-series-collection>\r\n\r\n\t\t<e-axes>\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length > 0 &&\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-axis\r\n\t\t\t\t\topposedPosition=\"true\"\r\n\t\t\t\t\trowIndex=\"0\"\r\n\t\t\t\t\tname=\"yAxis2\"\r\n\t\t\t\t\t[majorGridLines]=\"{ width: 0 }\"\r\n\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t[lineStyle]=\"{ width: 0 }\"\r\n\t\t\t\t\t[majorTickLines]=\"{ width: 0 }\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-axis>\r\n\t\t\t</ng-container>\r\n\t\t</e-axes>\r\n\t</ejs-chart>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":["#chartContent{width:100%;height:100%;padding-top:10px}#chartContent .full-screen-mask{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:9999}#chartContent mat-spinner.mat-spinner.mat-progress-spinner.mat-primary.mat-progress-spinner-indeterminate-animation{position:absolute;top:45%;left:47.5%!important;transform:translate(-25%,-25%)}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["chartContent",{"static":false}]}]}],"chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["chart",{"static":false}]}]}],"dataColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"dataLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"dataStackingColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"columnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"lineType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"load":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":124,"character":17},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/common","name":"DecimalPipe","line":126,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"initMarkerConfig":[{"__symbolic":"method"}],"textRender":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"refreshChart":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeSize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[100]}]}],"exportChart":[{"__symbolic":"method"}],"OnChartAxisLabeRender":[{"__symbolic":"method"}],"getT":[{"__symbolic":"method"}],"formatPercentage":[{"__symbolic":"method"}],"arraysAreEqual":[{"__symbolic":"method"}],"objectsAreEqual":[{"__symbolic":"method"}],"onPointRender":[{"__symbolic":"method"}],"tooltipRender":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"rs-pane-download","template":"<div class=\"container dashboard-download-container\">\r\n\t<div class=\"header\">\r\n\t\t<div class=\"header-label\">\r\n\t\t\t{{ translation.DOWNLOAD_PREVIEW \|\| \".DOWNLOAD_PREVIEW\" }}\r\n\t\t</div>\r\n\t\t<mat-icon class=\"close\" (click)=\"close()\">close</mat-icon>\r\n\t</div>\r\n\t<div class=\"body\">\r\n\t\t<div class=\"portlet\" ngFor=\"let item of portlets\">\r\n\t\t\t<rs-gadget-table\r\n\t\t\t\t#dtable\r\n\t\t\t\tngIf=\"getPortletType(item) == 'table'\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t>\r\n\t\t\t</rs-gadget-table>\r\n\t\t\t<rs-gadget-pivot\r\n\t\t\t\t#dpivot\r\n\t\t\t\tngIf=\"getPortletType(item) == 'pivot'\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[themeColor]=\"item.themeColor\"\r\n\t\t\t>\r\n\t\t\t</rs-gadget-pivot>\r\n\t\t\t<rs-gadget-pivot-chart\r\n\t\t\t\t#dpivot\r\n\t\t\t\tngIf=\"getPortletType(item) == 'newchart'\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[themeColor]=\"item.themeColor\"\r\n\t\t\t\t(updatePorletConfig)=\"updatePorletConfig($event)\"\r\n\t\t\t>\r\n\t\t\t</rs-gadget-pivot-chart>\r\n\t\t\t<rs-gadget-transpose\r\n\t\t\t\t#dtranspose\r\n\t\t\t\tngIf=\"getPortletType(item) == 'transpose'\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t>\r\n\t\t\t</rs-gadget-transpose>\r\n\t\t\t<rs-bar-charts\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\t['newcolumn', 'newline', 'newcolumnline'].includes(\r\n\t\t\t\t\t\tgetPortletType(item)\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t\t#dnewChart\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[dataColumn]=\"item.dataColumn\"\r\n\t\t\t\t[dataLine]=\"item.dataLine\"\r\n\t\t\t\t[columnType]=\"item.columnType\"\r\n\t\t\t\t[lineType]=\"item.lineType\"\r\n\t\t\t\t[themeColor]=\"item.themeColor\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t></rs-bar-charts>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"footer\">\r\n\t\t<div class=\"btn btn-cancle\" (click)=\"close()\">\r\n\t\t\t{{ translation.CLOSE \|\| \".CLOSE\" }}\r\n\t\t</div>\r\n\t\t<div class=\"btn btn-primary\" (click)=\"downloadAll()\">\r\n\t\t\t{{ translation.DOWNLOAD \|\| \".DOWNLOAD\" }}\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","styles":[".dashboard-download-container.container{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.dashboard-download-container .header{display:flex;justify-content:space-between;align-items:center;height:24px}.dashboard-download-container .header .header-label{font-size:18px;font-weight:600;color:#44566c}.dashboard-download-container .body{flex:1;display:flex;overflow:auto;flex-direction:column;gap:20px;padding-right:12px}.dashboard-download-container .body .portlet{height:300px;min-height:300px}.dashboard-download-container .footer{width:100%;height:40px;display:flex;justify-content:center;gap:20px}.dashboard-download-container .footer .btn{width:calc((100% - 20px)/ 2);height:40px;border-radius:5px;font-size:13px;font-weight:700;text-align:center;cursor:pointer}.dashboard-download-container .footer .btn-cancle{background:#f2f3f7;color:#979797}.dashboard-download-container .footer .btn-primary{background:#1364b3;color:#fff}"]}]}],"members":{"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":31,"character":2},"arguments":["dtable"]}]}],"pivot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":2},"arguments":["dpivot"]}]}],"newChart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":35,"character":2},"arguments":["dnewChart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":39,"character":10}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵu"}]},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":46,"character":22},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":48,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"downloadAll":[{"__symbolic":"method"}],"GetgadgetTitle":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"getChartIndexInAll":[{"__symbolic":"method"}],"downloadTable":[{"__symbolic":"method"}],"updateFormat":[{"__symbolic":"method"}],"getPortletType":[{"__symbolic":"method"}],"updatePorletConfig":[{"__symbolic":"method"}]}}},"origins":{"CommonGridComponent":"./lib/common-grid/index.component","GridActionItem":"./lib/common-grid/grid-action/grid-action.component","GridActionComponent":"./lib/common-grid/grid-action/grid-action.component","GridActionItemComponent":"./lib/common-grid/grid-action/grid-action-item/grid-action-item.component","FloatBoxComponent":"./lib/float-box/index.component","RsCommentaryComponent":"./lib/commentary/index.component","TruncatedTextToggleComponent":"./lib/truncated-text-toggle/index.component","RsPageListComponent":"./lib/layout/page-list/index.component","RsPageTabComponent":"./lib/layout/page-tab/index.component","GridBoxComponent":"./lib/layout/grid-box/index.component","MultiTabComponent":"./lib/layout/multi-tab/index.component","DrawerComponent":"./lib/layout/drawer/index.component","RSNavCardGroupComponent":"./lib/layout/nav-card-group/index.component","RSToolbarComponent":"./lib/actions/toolbar/index.component","ToolbarItemComponent":"./lib/actions/toolbar-item/index.component","MainContainerComponent":"./lib/layout/main-container/index.component","RSHeaderComponent":"./lib/layout/rs-header/index.component","RSFooterComponent":"./lib/layout/rs-footer/index.component","RSAsideComponent":"./lib/layout/rs-aside/index.component","RSStepperComponent":"./lib/layout/rs-stepper/index.component","StepItem":"./lib/layout/rs-stepper/constants","TagInputComponent":"./lib/form/tag-input/index.component","RadioGroupComponent":"./lib/form/radio-group/index.component","CheckboxGroupComponent":"./lib/form/checkbox-group/index.component","SwitchInputComponent":"./lib/form/switch-input/index.component","EncryptedInputComponent":"./lib/form/encrypted-input/index.component","SearchInputComponent":"./lib/form/search-input/index.component","DrawerFormComponent":"./lib/form/drawer-form/drawer-form.component","FieldItem":"./lib/form/drawer-form/constants","SectionItem":"./lib/form/drawer-form/constants","filterShowSection":"./lib/form/drawer-form/constants","EmailPattern":"./lib/form/drawer-form/constants","CommonDialogComponent":"./lib/dialog/common-dialog/index.component","PaneGroupNewComponent":"./lib/dashboard/pane-group-new.component","CommonFunctionService":"./lib/service/common-function.service","IconLoaderService":"./lib/service/icon-loader.service","MessageType":"./lib/service/dialog.service","DialogService":"./lib/service/dialog.service","KeepAliveService":"./lib/service/keep-alive.service","DrawerConfig":"./lib/service/drawer.service","DefaultDrawerConfig":"./lib/service/drawer.service","DrawerShowInstance":"./lib/service/drawer.service","DrawerChangeEvent":"./lib/service/drawer.service","DrawerChangeListener":"./lib/service/drawer.service","DrawerService":"./lib/service/drawer.service","TranslationService":"./lib/service/translation.service","RaiseCommonLibModule":"./lib/raise-common-lib.module","PBF_TOKEN":"./lib/service/InjectionToken","API_SERVICE_TOKEN":"./lib/service/InjectionToken","ROLE_SERVICE_TOKEN":"./lib/service/InjectionToken","ɵa":"./lib/utils/decorator","ɵb":"./lib/dashboard/dashboard.service","ɵc":"./lib/dashboard/api","ɵd":"./lib/dashboard/dashboardPorlets.service","ɵe":"./lib/dashboard/bar-charts/utils","ɵf":"./lib/form/richtexteditor/index.component","ɵg":"./lib/form/confirm-select/index.component","ɵh":"./lib/dialog/new-action-notification/new-action-notification.component","ɵi":"./lib/dialog/common-delete-dialog/index.component","ɵj":"./lib/dashboard/sidebar-iconlist/sidebar-iconlist-new.component","ɵk":"./lib/dashboard/dialog-group/empty-icon-prompt/empty-icon-prompt.component","ɵl":"./lib/dashboard/gadget-group/gadget-table/gadget-table.component","ɵm":"./lib/dashboard/gadget-group/gadget-pivot/gadget-pivot.component","ɵn":"./lib/dashboard/gadget-group/gadget-pivot-chart/gadget-pivot.component","ɵo":"./lib/dashboard/gadget-group/gadget-transpose/gadget-transpose.component","ɵp":"./lib/dashboard/sidebar-iconlist/portlet-type-new/portlet-type-new.component","ɵq":"./lib/dashboard/sidebar-iconlist/field-filter/field-filter.component","ɵr":"./lib/dashboard/sidebar-iconlist/field-format/field-format.component","ɵs":"./lib/dashboard/dashboard-properties/data-mart-new/data-mart-new.component","ɵt":"./lib/dashboard/bar-charts/bar-charts.component","ɵu":"./lib/dashboard/dialog-group/download/index.component"},"importAs":"raise-common-lib"}
1	+ {"__symbolic":"module","version":4,"metadata":{"CommonGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"rs-common-grid","template":"<ejs-grid\r\n #grid\r\n [id]=\"gridId\"\r\n [ngClass]=\"{\r\n 'hide-Check-box': !alwaysShowCheckbox,\r\n 'grid-loading': className === 'grid-loading'\r\n }\"\r\n [dataSource]=\"dataSource\"\r\n [allowPaging]=\"allowPaging && pageSettings\"\r\n [allowResizing]=\"true\"\r\n [pageSettings]=\"pageSettings\"\r\n [showColumnMenu]=\"true\"\r\n [allowSorting]=\"true\"\r\n [allowFiltering]=\"true\"\r\n [allowExcelExport]=\"true\"\r\n [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n [filterSettings]=\"filterSettings\"\r\n [resizeSettings]=\"resizeSettings\"\r\n [allowSelection]=\"true\"\r\n [editSettings]=\"editSettings\"\r\n [childGrid]=\"childGrid\"\r\n [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n [selectionSettings]=\"selectionSettings\"\r\n (recordClick)=\"_recordClick($event)\"\r\n (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n (actionBegin)=\"_actionBegin($event)\"\r\n (actionComplete)=\"_actionHandler($event)\"\r\n (rowSelected)=\"_rowSelected($event)\"\r\n (rowDeselecting)=\"_rowDeselecting($event)\"\r\n (rowDeselected)=\"_rowDeselected($event)\"\r\n style=\"border: none\"\r\n (contextMenuClick)=\"_onContextMenu($event)\"\r\n (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n (queryCellInfo)=\"customiseCell($event)\"\r\n (dataBound)=\"_dataBound($event)\"\r\n (rowDataBound)=\"_rowDataBound($event)\"\r\n (rowSelecting)=\"_rowSelecting($event)\"\r\n (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n (rowDrop)=\"onRowDrop($event)\"\r\n (rowDragStart)=\"_rowDragStart($event)\"\r\n (rowDrag)=\"_rowDrag($event)\"\r\n (load)=\"_load()\"\r\n [frozenColumns]=\"frozenColumns\"\r\n [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n <e-columns>\r\n <e-column\r\n ngIf=\"showCheckBox\"\r\n type=\"checkbox\"\r\n [width]=\"checkBoxWidth\"\r\n [minWidth]=\"checkBoxWidth\"\r\n [showColumnMenu]=\"false\"\r\n [allowResizing]=\"false\"\r\n ></e-column>\r\n <e-column\r\n ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n [field]=\"item.columnName\"\r\n [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n [customAttributes]=\"\r\n item.colName === 'entityUserList' \|\| item.colName === 'kycProgress'\r\n ? { class: 'hideColumnFilterClass' }\r\n : {}\r\n \"\r\n [headerText]=\"item.columnDisplayName\"\r\n [textAlign]=\"item.textAlign\"\r\n [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n [showInColumnChooser]=\"\r\n item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n \"\r\n [editType]=\"item.editType\"\r\n [validationRules]=\"item.validationRules\"\r\n [type]=\"item.dataType \|\| 'string'\"\r\n [width]=\"item.width\"\r\n [minWidth]=\"item.minWidth\"\r\n [format]=\"item.format\"\r\n [visible]=\"item.visible\"\r\n [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n [clipMode]=\"\r\n item.clipMode ? item.clipMode : clipMode \|\| 'EllipsisWithTooltip'\r\n \"\r\n [sortComparer]=\"item.dateComparer \|\| null\"\r\n [allowResizing]=\"!last\"\r\n [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n >\r\n </e-column>\r\n </e-columns>\r\n</ejs-grid>\r\n","styles":[""]}]}],"members":{"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["grid",{"static":false}]}]}],"showCheckBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"loaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"hiddenLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"authorized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"selectedDiffKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"gridHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"gridId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"resizeSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"filterSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"editSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"columnTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"pageSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"allowPaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"allowRowDragAndDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"clipMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"checkBoxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"childGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"frozenColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"columnChooserSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"contextMenuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"selectionSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"alwaysShowCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"defaultRecord":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"disableSystemRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"recordDoubleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"actionComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"rowSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"rowDeselected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"rowDeselecting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"onContextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"actionHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"queryCellInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"recordClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"actionBegin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"rowDataBound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"dataBound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"exportQueryCellInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"rowSelecting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"rowDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"rowDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"rowDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":103,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_load":[{"__symbolic":"method"}],"_dataBound":[{"__symbolic":"method"}],"_exportQueryCellInfo":[{"__symbolic":"method"}],"_rowDrag":[{"__symbolic":"method"}],"_rowDragStart":[{"__symbolic":"method"}],"_recordDoubleClick":[{"__symbolic":"method"}],"_rowDeselecting":[{"__symbolic":"method"}],"_rowSelected":[{"__symbolic":"method"}],"_rowDeselected":[{"__symbolic":"method"}],"_onContextMenu":[{"__symbolic":"method"}],"_actionBegin":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"selectRows":[{"__symbolic":"method"}],"selectRow":[{"__symbolic":"method"}],"getCurrentViewRecords":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"contextMenuOpen":[{"__symbolic":"method"}],"_actionHandler":[{"__symbolic":"method"}],"chooseRecords":[{"__symbolic":"method"}],"_recordClick":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"_rowSelecting":[{"__symbolic":"method"}],"refreshColumns":[{"__symbolic":"method"}],"refreshHeader":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"getSelectedRecords":[{"__symbolic":"method"}],"onRowDrop":[{"__symbolic":"method"}],"_rowDataBound":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"excelExport":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"saveItem":[{"__symbolic":"method"}],"editItem":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"cancelItem":[{"__symbolic":"method"}],"showLoading":[{"__symbolic":"method"}],"hideLoading":[{"__symbolic":"method"}]}},"GridActionItem":{"__symbolic":"interface"},"GridActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"rs-grid-action","template":"<button\r\n\tclass=\"grid-action-toggle\"\r\n\tmat-button\r\n\ttype=\"button\"\r\n\t[matMenuTriggerFor]=\"menu\"\r\n\tmatTooltip=\"{{ translation.ACTIONS }}\"\r\n>\r\n\t<mat-icon svgIcon=\"more\"></mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"grid-action-menu-content\">\r\n\t<ng-content></ng-content>\r\n</mat-menu>\r\n","styles":[":host{flex:none;display:block;margin-left:auto}.grid-action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.grid-action-toggle:hover{background:rgba(214,227,245,.2)}.grid-action-toggle .mat-button-wrapper{max-height:24px;height:24px}.grid-action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}::ng-deep .grid-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);overflow:visible}::ng-deep .grid-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled{pointer-events:none}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled button.grid-action-item{opacity:.4}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item{min-width:100px;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start!important;gap:6px;height:28px!important;padding:0 8px;border-radius:4px;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item:hover{background-color:rgba(0,0,0,.04)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item:hover .mat-menu-ripple{background:0 0!important}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image::before{display:block;width:16px;height:16px;line-height:16px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Detail]::before{content:url(/assets/img/grid-action-detail.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Delete]::before{content:url(/assets/img/grid-action-delete.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Send]::before{content:url(/assets/img/grid-action-send.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Copy]::before{content:url(/assets/img/grid-action-copy.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Edit]::before{content:url(/assets/img/grid-action-edit.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Note]::before{content:url(/assets/img/grid-action-note.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Download]::before{content:url(/assets/img/grid-action-download.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Preview]::before{content:url(/assets/img/grid-action-preview.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Export]::before{content:url(/assets/img/grid-action-export.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Move]::before{content:url(/assets/img/grid-action-move.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Duplicate]::before{content:url(/assets/img/grid-action-duplicate.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Refresh]::before{content:url(/assets/img/grid-action-refresh.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ViewStatus]::before{content:url(/assets/img/grid-action-viewStatus.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Verify]::before{content:url(/assets/img/grid-action-verify.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image img{height:16px;display:block}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow{vertical-align:middle;position:absolute;right:4px;top:6px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow img{vertical-align:middle}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"GridActionItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"rs-grid-action-item","template":"<button\r\n ngIf=\"!children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n type=\"button\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"grid-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<rs-float-box placement=\"right\" position=\"start\">\r\n <button\r\n ngIf=\"children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n [disabled]=\"!!disabled\"\r\n >\r\n <span class=\"grid-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"grid-action-arrow\" ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/grid-menu-arrow-right.svg\" />\r\n </span>\r\n </button>\r\n <div float-content>\r\n <ng-container ngFor=\"let button of children\">\r\n <button\r\n class=\"grid-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) \|\| false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"grid-action-image\"\r\n ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</rs-float-box>\r\n"}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3},"arguments":["image"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3},"arguments":["text"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["disabled"]}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["children"]}]}],"hideArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["hideArrow"]}]}],"disabledOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"hostDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class.disabled"]}]}]}},"FloatBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"rs-float-box","template":"<div\r\n #element\r\n class=\"float-box-container\"\r\n [attr.data-trigger]=\"trigger\"\r\n (click)=\"onClickContainer()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <ng-content></ng-content>\r\n <div\r\n #content\r\n class=\"float-box-content\"\r\n [attr.data-placement]=\"placement\"\r\n [attr.data-position]=\"position\"\r\n [attr.data-animation]=\"animation\"\r\n [attr.data-fixed]=\"fixed\"\r\n [attr.data-opened]=\"opened\"\r\n >\r\n <div class=\"float-box-show-content\">\r\n <ng-content select=\"[float-content]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".float-box-container{position:relative}.float-box-container[data-trigger=click]>.float-box-content[data-opened=no],.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top:0;--left:0;--translate-x:0;--translate-y:0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{-webkit-animation:.25s ease-in-out;animation:.25s ease-in-out}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{-webkit-animation-name:open-from-top;animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start]{--left:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center]{--left:50%;--translate-x:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end]{--left:calc(100% + 8px);--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top:50%;--translate-y:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top:calc(100% + 8px);--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{-webkit-animation-name:open-from-top;animation-name:open-from-top}@-webkit-keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@-webkit-keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}"]}]}],"members":{"_placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":2},"arguments":["placement"]}]}],"_position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":2},"arguments":["position"]}]}],"_trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2},"arguments":["trigger"]}]}],"_animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":2},"arguments":["animation"]}]}],"_fixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2},"arguments":["fixed"]}]}],"openChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":2},"arguments":["openChange"]}]}],"rootElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":2},"arguments":["element",{"static":false}]}]}],"contentElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":2},"arguments":["content",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getFixedContainer":[{"__symbolic":"method"}],"setFixedContentPosition":[{"__symbolic":"method"}],"onClickContainer":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"RsCommentaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"rs-commentary","template":"<div class=\"rs-commentary-wrap\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment' }\"\r\n ></ng-container>\r\n <div class=\"reply-box\">\r\n <div ngFor=\"let item of commentData\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment', item: item }\"\r\n ></ng-container>\r\n <div class=\"sub-reply-list\">\r\n <ng-container\r\n ngFor=\"\r\n let sub of item.isExpanded\r\n ? item[filedsKey.commentaries]\r\n : item[filedsKey.commentaries].slice(0, 3)\r\n \"\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'sub', item: sub }\"\r\n ></ng-container>\r\n </div>\r\n <button\r\n class=\"e-btn text\"\r\n ngIf=\"item[filedsKey.commentaries].length > 3\"\r\n (click)=\"item.isExpanded = !item.isExpanded\"\r\n style=\"margin-bottom: 8px\"\r\n >\r\n {{\r\n item.isExpanded\r\n ? \"Collapse\"\r\n : \"View All \" + item[filedsKey.commentaries].length + \" Replies\"\r\n }}\r\n <img\r\n class=\"arrow\"\r\n [ngClass]=\"{ collapse: item.isExpanded }\"\r\n src=\"../../assets/img/dropdown-arrow.svg\"\r\n alt=\"\"\r\n />\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #commentBoxTemplate let-type=\"type\" let-item=\"item\">\r\n <div class=\"comment-box\">\r\n <div class=\"comment-input-wrap\">\r\n <div class=\"avatar\" ngIf=\"type !== 'editComment'\">\r\n {{ cf.rtn(displayName) }}\r\n </div>\r\n <textarea\r\n ngIf=\"type === 'comment'\"\r\n class=\"e-input\"\r\n rows=\"3\"\r\n [(ngModel)]=\"commentVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n (focus)=\"adjustTextareaHeight($event)\"\r\n [disabled]=\"isReadOnly \|\| !editPermission\"\r\n [placeholder]=\"translation.WRITE_YOUR_COMMENT \|\| '.WRITE_YOUR_COMMENT'\"\r\n ></textarea>\r\n <textarea\r\n ngIf=\"type === 'reply'\"\r\n class=\"e-input\"\r\n rows=\"3\"\r\n [(ngModel)]=\"replyVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n (focus)=\"adjustTextareaHeight($event)\"\r\n [placeholder]=\"translation.WRITE_YOUR_COMMENT \|\| '.WRITE_YOUR_COMMENT'\"\r\n ></textarea>\r\n <textarea\r\n ngIf=\"type === 'editComment'\"\r\n class=\"e-input\"\r\n rows=\"3\"\r\n [(ngModel)]=\"editCommentVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n (focus)=\"adjustTextareaHeight($event)\"\r\n [placeholder]=\"translation.WRITE_YOUR_COMMENT \|\| '.WRITE_YOUR_COMMENT'\"\r\n ></textarea>\r\n </div>\r\n <div class=\"btn-wrap\">\r\n <button\r\n ngIf=\"type === 'comment'\"\r\n class=\"e-btn e-primary small\"\r\n [disabled]=\"commentVal === '' \|\| isReadOnly \|\| !editPermission\"\r\n (click)=\"addComment()\"\r\n >\r\n {{ translation.COMMENT \|\| \".COMMENT\" }}\r\n </button>\r\n <ng-container ngIf=\"type === 'reply'\">\r\n <button\r\n class=\"e-btn small\"\r\n (click)=\"item.showReplyInput = false; replyVal = ''\"\r\n >\r\n {{ translation.CANCEL \|\| \".CANCEL\" }}\r\n </button>\r\n <button\r\n class=\"e-btn e-primary small\"\r\n [disabled]=\"replyVal === ''\"\r\n (click)=\"addReply(item)\"\r\n >\r\n {{ translation.REPLY \|\| \".REPLY\" }}\r\n </button>\r\n </ng-container>\r\n <ng-container ngIf=\"type === 'editComment'\">\r\n <button class=\"e-btn text\" (click)=\"item.showCommentEdit = false\">\r\n <img src=\"../../assets/img/comment-cancel.svg\" alt=\"\" />\r\n </button>\r\n <button\r\n class=\"e-btn text\"\r\n [disabled]=\"editCommentVal === ''\"\r\n (click)=\"updateComment(item)\"\r\n >\r\n <img src=\"../../assets/img/comment-check.svg\" alt=\"\" />\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n<ng-template #replyItemTemplate let-type=\"type\" let-item=\"item\">\r\n <div class=\"reply-item\" [ngClass]=\"{ comment: type === 'comment' }\">\r\n <div class=\"avatar\">\r\n {{ cf.rtn(item[filedsKey.ownerName]) }}\r\n </div>\r\n <div class=\"owner-wrap\">\r\n <div class=\"owner-info\">\r\n <div class=\"name\">\r\n {{ item[filedsKey.ownerName] }}\r\n </div>\r\n <div class=\"time\">\r\n {{ item[filedsKey.lastModifiedOn] \| date : dateTimePipeFormat }}\r\n </div>\r\n </div>\r\n <div class=\"message-wrap\">\r\n <div class=\"message\" ngIf=\"!item.showCommentEdit\">\r\n <!-- {{ item[filedsKey.messageBody] }} -->\r\n <truncated-text-toggle\r\n [maximum]=\"1050\"\r\n [data]=\"item[filedsKey.messageBody]\"\r\n >\r\n </truncated-text-toggle>\r\n </div>\r\n <ng-container\r\n ngIf=\"item.showCommentEdit\"\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'editComment', item: item }\"\r\n ></ng-container>\r\n </div>\r\n\r\n <button\r\n ngIf=\"\r\n type === 'comment' && !item.showReplyInput && !item.showCommentEdit\r\n \"\r\n class=\"e-btn text\"\r\n (click)=\"item.showReplyInput = true\"\r\n [disabled]=\"isReadOnly \|\| !editPermission\"\r\n >\r\n {{ translation.REPLY \|\| \".REPLY\" }}\r\n </button>\r\n <ng-container\r\n ngIf=\"item.showReplyInput\"\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'reply', item: item }\"\r\n ></ng-container>\r\n\r\n <rs-grid-action ngIf=\"type === 'comment'\">\r\n <rs-grid-action-item\r\n image=\"Edit\"\r\n [text]=\"translation.EDIT\"\r\n [disabled]=\"isReadOnly \|\| !editPermission\"\r\n (click)=\"editComment(item)\"\r\n ></rs-grid-action-item>\r\n <rs-grid-action-item\r\n image=\"Delete\"\r\n [text]=\"translation.DELETE\"\r\n [disabled]=\"isReadOnly \|\| !deletePermission\"\r\n (click)=\"deleteComment(item)\"\r\n ></rs-grid-action-item>\r\n </rs-grid-action>\r\n </div>\r\n </div>\r\n</ng-template>\r\n","styles":[".rs-commentary-wrap{width:100%;height:100%;padding:32px;display:flex;flex-direction:column}.rs-commentary-wrap .comment-box{width:100%}.rs-commentary-wrap .comment-box .comment-input-wrap{margin-bottom:12px;display:flex;gap:12px}.rs-commentary-wrap .comment-box .comment-input-wrap .e-input{flex:1;width:0;height:62px}.rs-commentary-wrap .comment-box .btn-wrap{display:flex;justify-content:flex-end;gap:12px}.rs-commentary-wrap .comment-box .btn-wrap .e-btn.text{padding:4px}.rs-commentary-wrap .reply-box{height:0;flex:1;overflow:auto;margin-top:16px;margin-right:-32px;padding-right:32px}.rs-commentary-wrap .reply-box .sub-reply-list{padding-left:40px}.rs-commentary-wrap .reply-box .e-btn.text{padding:0!important;min-width:auto;height:auto;color:#6c7c90!important}.rs-commentary-wrap .reply-box .e-btn.text:hover{background:0 0!important;color:#1364b3!important}.rs-commentary-wrap .reply-box .e-btn.text:focus{background:0 0!important;color:#6c7c90!important}.rs-commentary-wrap .reply-box .arrow.collapse{transform:rotate(180deg)}.rs-commentary-wrap .reply-box .reply-item{display:flex;gap:12px;padding:12px 0}.rs-commentary-wrap .reply-box .reply-item.comment{border-top:1px solid #eaedf0}.rs-commentary-wrap .reply-box .reply-item.comment:hover{background-color:#f6faff}.rs-commentary-wrap .reply-box .reply-item.comment:hover rs-grid-action{display:block}.rs-commentary-wrap .reply-box .reply-item rs-grid-action{display:none;position:absolute;cursor:pointer;top:-4px;right:8px}.rs-commentary-wrap .reply-box .owner-wrap{flex:1;width:0;position:relative}.rs-commentary-wrap .reply-box .owner-wrap .owner-info{display:flex;align-items:center;gap:8px;height:28px}.rs-commentary-wrap .reply-box .owner-wrap .owner-info .name{color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.rs-commentary-wrap .reply-box .owner-wrap .owner-info .time{color:#6c7c90;font-family:Arial;font-size:10px;font-style:normal;font-weight:400;line-height:12px}.rs-commentary-wrap .reply-box .owner-wrap .message-wrap{padding:12px 0}.rs-commentary-wrap .reply-box .owner-wrap .message-wrap .message{color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px;padding-right:8px;white-space:pre-wrap}.rs-commentary-wrap .avatar{width:32px;height:32px;border-radius:100%;border:1px solid rgba(108,124,144,.4);color:#44566c;display:flex;align-items:center;justify-content:center;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":17}]}],"displayName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"commentData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"editPermission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"deletePermission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"filedsKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"dateTimePipeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"actionComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"addComment":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[300]}]}],"editComment":[{"__symbolic":"method"}],"updateComment":[{"__symbolic":"method"}],"deleteComment":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[300]}]}],"addReply":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[300]}]}],"adjustTextareaHeight":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[100]}]}]}},"TruncatedTextToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"truncated-text-toggle","template":"<div class=\"click-show-more-content\">\r\n <span>{{ showData }}</span>\r\n <span ngIf=\"showExpandMoreBtn\" class=\"show-more\" (click)=\"showAll()\">\r\n Read More\r\n <img src=\"./assets/img/click_show_more_icon.svg\" alt=\"\" />\r\n </span>\r\n <div\r\n class=\"show-more collapse-btn\"\r\n (click)=\"collapse()\"\r\n ngIf=\"showCollapseBtn\"\r\n >\r\n Collapse\r\n <img src=\"./assets/img/click_show_more_icon.svg\" alt=\"\" />\r\n </div>\r\n</div>\r\n","styles":[".click-show-more-content{word-wrap:break-word}.click-show-more-content .show-more{cursor:pointer;color:#1364b3;font-size:11px;margin-left:4px;vertical-align:middle}.click-show-more-content .show-more img{margin-left:2px;vertical-align:middle}.click-show-more-content .collapse-btn{display:flex;align-items:center;justify-content:flex-end}.click-show-more-content .collapse-btn img{transform:rotate(-180deg)}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":2}}]}],"maximum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"showAll":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}]}},"RsPageListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rs-page-list","template":"<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <h1 class=\"rs-page-title\" ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n </ng-template>\r\n <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"rs-content-wrap\"\r\n [ngClass]=\"{ 'has-left-content': hasLeftContentSlot }\"\r\n >\r\n <div class=\"rs-left-content\" ngIf=\"hasLeftContentSlot\">\r\n <ng-content select=\"[leftContentSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-content\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <rs-search-input\r\n #searchInput\r\n ngIf=\"!hideSearch\"\r\n [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n (hanleSearch)=\"onSeach($event)\"\r\n ></rs-search-input>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-left-content{height:100%}.rs-page-list-wrap .rs-content-wrap .rs-right-content{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-content-wrap.has-left-content{flex-direction:row}.rs-page-list-wrap .rs-content-wrap.has-left-content .rs-right-content{height:auto;width:0}"]}]}],"members":{"gridContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"CommonGridComponent"},{"static":false}]}]}],"orignGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridComponent","line":23,"character":16},{"static":false}]}]}],"treeGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-treegrid","name":"TreeGridComponent","line":24,"character":16},{"static":false}]}]}],"wholeToolbarSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":["wholeToolbarSlot",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["searchInput",{"static":false}]}]}],"leftContentSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":28,"character":3},"arguments":["leftContentSlot",{"static":false}]}]}],"pageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"customPageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"hideSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"isInner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"onGridSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setSearchValue":[{"__symbolic":"method"}],"onSeach":[{"__symbolic":"method"}]}},"RsPageTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"rs-page-tab","template":"<div class=\"rs-page-list-wrap\">\r\n <ng-container ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <ejs-tab\r\n class=\"rs-tab\"\r\n #tabObj\r\n (selected)=\"onTabClick($event)\"\r\n [animation]=\"animation\"\r\n\t overflowMode=\"Popup\"\r\n heightAdjustMode=\"None\"\r\n [selectedItem]=\"selectedItemIndex\"\r\n >\r\n <e-tabitems>\r\n <e-tabitem ngFor=\"let item of tabList\">\r\n <ng-template #headerText>\r\n <div>{{ item.title }}</div>\r\n </ng-template>\r\n </e-tabitem>\r\n </e-tabitems>\r\n </ejs-tab>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n","styles":[".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]}]}],"members":{"tabObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["tabObj",{"static":false}]}]}],"pageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"customPageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"tabList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"currentTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"tabChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onTabClick":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}]}},"GridBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rs-grid-box","template":"<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <rs-search-input\r\n #searchInput\r\n ngIf=\"!hideSearch\"\r\n [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n (hanleSearch)=\"onSeach($event)\"\r\n ></rs-search-input>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n","styles":[":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-grid-box .rs-toolbar-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}"]}]}],"members":{"gridContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"CommonGridComponent"},{"static":false}]}]}],"orignGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridComponent","line":23,"character":16},{"static":false}]}]}],"treeGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-treegrid","name":"TreeGridComponent","line":24,"character":16},{"static":false}]}]}],"wholeToolbarSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":["wholeToolbarSlot",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["searchInput",{"static":false}]}]}],"hideSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"isInner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"onGridSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setSearchValue":[{"__symbolic":"method"}],"onSeach":[{"__symbolic":"method"}]}},"MultiTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"rs-multi-tab","template":"<div class=\"rs-multi-tab\" [ngClass]=\"{ 'b-line': tabList.length > 0 }\">\r\n <ul\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"onTabDrop($event)\"\r\n >\r\n <li\r\n class=\"tab-item\"\r\n ngFor=\"let tab of tabList; let i = index\"\r\n [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n [cdkDragDisabled]=\"i === 0\"\r\n cdkDrag\r\n (click)=\"changeTab(tab, i)\"\r\n >\r\n <ng-template cdkDragPlaceholder let-item>\r\n <div class=\"placeholder\"></div>\r\n </ng-template>\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n ngIf=\"tab.displayTitle !== (translation[tab.title] \|\| tab.title) ; else originText\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ translation[tab.title] \|\| tab.title }}\r\n </div>\r\n </ng-template>\r\n <span class=\"tabTitle\">{{ translation[tab.displayTitle] \|\| tab.displayTitle }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"tabTitle\">\r\n {{ tab.displayTitle }}\r\n </span>\r\n </ng-template>\r\n <span class=\"img-block\" ngIf=\"selectedTab !== i && i !== 0\"></span>\r\n <img\r\n ngIf=\"i !== 0\"\r\n src=\"../../../assets/img/close-url.svg\"\r\n (click)=\"closeTab(i)\"\r\n />\r\n </li>\r\n </ul>\r\n <div class=\"refresh-tab\" (click)=\"refreshTab()\" ngIf=\"tabList.length > 0\">\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n cssClass=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ translation.REFRESH_CURRENT_TAB \|\| \".REFRESH_CURRENT_TAB\" }}\r\n </div>\r\n </ng-template>\r\n <img\r\n id=\"loadingIcon\"\r\n alt\r\n class=\"refresh-btn\"\r\n src=\"../../../assets/img/desktop-refresh-btn.svg\"\r\n />\r\n </ejs-tooltip>\r\n </div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.rs-multi-tab{width:100%;display:flex;justify-content:space-between;margin:0 auto;max-width:1886px}.rs-multi-tab.b-line{border-bottom:1px solid #e5eaef}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul .tab-item{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.rs-multi-tab ul .tab-item .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.rs-multi-tab ul .tab-item img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul .tab-item img:hover{background:#dce8f6}.rs-multi-tab ul .tab-item:not(:last-child){border-right:none}.rs-multi-tab ul .tab-item:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul .tab-item:last-child{border-top-right-radius:8px}.rs-multi-tab ul.cdk-drop-list-dragging .tab-item.cdk-drag-disabled:hover{background:#f8fafb!important;cursor:no-drop}.rs-multi-tab ul .isSelect{color:#1f3f5c;background:#fff}.rs-multi-tab ul .notSelect img{display:none}.rs-multi-tab ul .notSelect .img-block{display:inline-block;width:22px}.rs-multi-tab ul .notSelect:hover{color:#1f3f5c;background-color:rgba(31,123,255,.04)}.rs-multi-tab ul .notSelect:hover .img-block{display:none}.rs-multi-tab ul .notSelect:hover img{display:inline-block}.rs-multi-tab .refresh-tab{cursor:pointer;text-align:right;color:#6c7c90;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;padding-right:12px}.rs-multi-tab .refresh-tab img{vertical-align:middle;margin-right:4px}.refresh-tab-loading{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}.notSelectTooltip{transform:translateX(-12px)}.tab-item.cdk-drag{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.tab-item.cdk-drag .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.tab-item.cdk-drag img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.tab-item.cdk-drag img:hover{background:#dce8f6}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip-content{padding:4px;color:#f8fafb;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}@media (max-width:1400px){.refresh-tab{padding-right:0!important}.refresh-tab span{display:none!important}}@media (max-width:1100px){.rs-multi-tab ul .tab-item img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}.isSelect:not(:first-child){padding-right:20px!important}}@media (max-width:600px){.rs-multi-tab ul .tab-item{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":33,"character":19},{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":35,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":36,"character":17},{"__symbolic":"reference","name":"DrawerService"},{"__symbolic":"reference","module":"@angular/router","name":"RouteReuseStrategy","line":38,"character":32}]}],"singleReuseUrls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"noGenerateTabUrls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"flattenMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"defaultTabUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"onRefreshTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"onCloseTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":64,"character":3},"arguments":["window:resize",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setEllipsisTitle":[{"__symbolic":"method"}],"calcTabWidth":[{"__symbolic":"method"}],"initTab":[{"__symbolic":"method"}],"closeTab":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}],"addTab":[{"__symbolic":"method"}],"setTab":[{"__symbolic":"method"}],"onTabDrop":[{"__symbolic":"method"}],"refreshTab":[{"__symbolic":"method"}],"clearCache":[{"__symbolic":"method"}],"cleanAllCache":[{"__symbolic":"method"}],"urlWithoutQuery":[{"__symbolic":"method"}]}},"DrawerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"rs-drawer","template":"<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\r\n [attr.data-animation]=\"useAnimation\"\r\n [hidden]=\"hiddenDrawer\"\r\n (animationend)=\"onAnimationEnd()\"\r\n >\r\n <div class=\"drawer-header\" #header>\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #headerSlot></div>\r\n </div>\r\n <div class=\"drawer-top-slot\" #topSlot></div>\r\n <div class=\"drawer-content-box\">\r\n <div class=\"drawer-content\" #content>\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n </div>\r\n</div>\r\n","styles":[":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]}]}],"members":{"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["element",{"static":false}]}]}],"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["drawer",{"static":false}]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["header",{"static":false}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["content",{"static":false}]}]}],"toolbarSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["toolbarSlot",{"static":false}]}]}],"headerSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["headerSlot",{"static":false}]}]}],"topSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["topSlot",{"static":false}]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["dynamicComponentContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"character":10},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":54,"character":22},{"__symbolic":"reference","name":"DrawerService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":56,"character":17}]}],"createDynamicComponent":[{"__symbolic":"method"}],"destroyDynamicComponent":[{"__symbolic":"method"}],"setComponentData":[{"__symbolic":"method"}],"getSlotElement":[{"__symbolic":"method"}],"setSlotElement":[{"__symbolic":"method"}],"setCache":[{"__symbolic":"method"}],"setConfig":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"deleteCache":[{"__symbolic":"method"}],"onRouteChange":[{"__symbolic":"method"}],"toggleOpenStatus":[{"__symbolic":"method"}],"onAnimationEnd":[{"__symbolic":"method"}]}},"RSNavCardGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nav-card-group","template":"<div class=\"rs-setting\">\r\n <h1 class=\"rs-page-title\">{{ title }}</h1>\r\n <div class=\"setting-content\">\r\n <div\r\n class=\"setting-group-card\"\r\n ngFor=\"let group of navList\"\r\n [ngClass]=\"{ pointer: !group.subList }\"\r\n (click)=\"!group.subList && onNavClick(group)\"\r\n >\r\n <header class=\"setting-card-header\">\r\n <div class=\"setting-card-logo\">\r\n <img [src]=\"group.img\" alt=\"\" />\r\n </div>\r\n <h4 class=\"setting-card-title\">{{ group.title }}</h4>\r\n <div\r\n class=\"setting-card-sub-title\"\r\n ngIf=\"!group.subList\"\r\n >\r\n {{ group.subTitle }}\r\n </div>\r\n </header>\r\n <div class=\"setting-card-desc\" ngIf=\"!group.subList\">\r\n {{ group.desc }}\r\n </div>\r\n <div\r\n class=\"setting-item\"\r\n ngFor=\"let item of group.subList\"\r\n (click)=\"onNavClick(item)\"\r\n >\r\n {{ item.title }}\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-setting{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-setting .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-setting .setting-content{flex:1;height:0;overflow:auto;display:flex;flex-flow:row wrap;gap:20px;padding:4px 20px 40px}.rs-setting .setting-content .setting-group-card{width:100%;min-width:320px;padding:0 12px 16px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card.pointer{cursor:pointer}.rs-setting .setting-content .setting-group-card .setting-card-header{padding:12px 8px;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo{display:flex;flex-flow:column nowrap;gap:4px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo img{width:24px;height:24px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo::after{content:\" \";width:24px;height:3px;background-color:#ff9618;border-radius:2px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-title{padding:0;margin:12px 0 0;color:#1f3f5c;font-family:Arial;font-size:15px;font-style:normal;font-weight:700;line-height:18px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-sub-title{color:#6c7c90;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin-top:6px}.rs-setting .setting-content .setting-group-card .setting-card-desc{padding:6px 8px;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item{padding:6px 8px;border-radius:4px;cursor:pointer;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item:hover{background-color:#1364b30d}@media screen and (min-width:741px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px)/ 2)}}@media screen and (min-width:1297px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 2)/ 3)}}@media screen and (min-width:1632px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 3)/ 4)}}@media screen and (min-width:1972px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 4)/ 5)}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":11,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"navClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"navList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"customNavClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"onNavClick":[{"__symbolic":"method"}]}},"RSToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"rs-toolbar","template":"<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- 可见按钮 -->\r\n <ng-container ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) \|\| false\"\r\n (click)=\"button.action && button.action()\"\r\n [children]=\"button.children \|\| []\"\r\n [disabledOptions]=\"disabledOptions\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- 下拉菜单（如果有隐藏按钮） -->\r\n <button\r\n ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action && button.action()\"\r\n [disabled]=\"disabledOptions[button.key] \|\| false\"\r\n [children]=\"button.children \|\| []\"\r\n [disabledOptions]=\"disabledOptions\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n","styles":[":host{display:block;width:100%}.rs-toolbar-container{width:100%;display:flex;align-items:center}.rs-toolbar-container .temp-hidden{visibility:hidden;position:absolute}.rs-toolbar-container .action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.rs-toolbar-container .action-toggle:hover{background:rgba(214,227,245,.2)}.rs-toolbar-container .action-toggle .mat-button-wrapper{max-height:24px;height:24px}.rs-toolbar-container .action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}"]}]}],"members":{"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"disabledOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"toolbarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["toolbarContainer",{"static":false}]}]}],"buttonElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":30,"character":3},"arguments":["toolbarItem"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":32,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":50}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateButtonVisibility":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":76,"character":3},"arguments":["window:resize"]}]}]}},"ToolbarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"rs-toolbar-item","template":"<button\r\n ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"toolbar-action-menu-content\">\r\n <ng-container ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) \|\| false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"toolbar-action-image\"\r\n ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n","styles":["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{padding:4px 8px;font-size:11px!important;min-width:100px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}.toolbar-action-item .toolbar-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}.toolbar-action-item .toolbar-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/toolbar-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}.toolbar-action-item .toolbar-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}.toolbar-action-item .toolbar-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}.toolbar-action-item .toolbar-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/toolbar-action-preview.svg)}.toolbar-action-item .toolbar-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}.toolbar-action-item .toolbar-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}.toolbar-action-item .toolbar-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}.toolbar-action-item .toolbar-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}.toolbar-action-item .toolbar-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}.toolbar-action-item .toolbar-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}.toolbar-action-item .toolbar-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}.toolbar-action-item .toolbar-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}.toolbar-action-item .toolbar-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}.toolbar-action-item .toolbar-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}.toolbar-action-item .toolbar-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}::ng-deep .toolbar-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}::ng-deep .toolbar-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}"]}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["image"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["text"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["disabled"]}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["children"]}]}],"hideArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["hideArrow"]}]}],"disabledOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"buttonElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["buttonElement",{"static":false}]}]}],"hostDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["class.disabled"]}]}],"getWidth":[{"__symbolic":"method"}]}},"MainContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"rs-main-container","template":"<div class=\"app-main-container-wrap\">\r\n <div class=\"app-main-container\">\r\n <ng-content select=\"[headerSlot]\"></ng-content>\r\n <div class=\"main-page\">\r\n <div class=\"left-aside\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"right-aside\"\r\n [ngClass]=\"{ isCollapsed: isCollapsed }\"\r\n (click)=\"onRightAsideClick()\"\r\n >\r\n <ng-content select=\"[multiTabSlot]\"></ng-content>\r\n <!-- <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab> -->\r\n <div class=\"router-content\">\r\n <rs-drawer #drawer>\r\n <ng-content select=\"[routerSlot]\"></ng-content>\r\n </rs-drawer>\r\n </div>\r\n <rs-footer></rs-footer>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".app-main-container-wrap{width:100%;overflow:auto;height:100vh}@media (max-width:768px){.app-main-container-wrap{height:calc(100vh - 40px)}}.app-main-container{display:flex;flex-direction:column;height:100%;min-width:768px}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{height:100%}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto;max-width:1886px;width:100%;margin:0 auto}@media (max-width:992px){.app-main-container .right-aside{padding-left:12px}.app-main-container .right-aside.isCollapsed{position:relative}.app-main-container .right-aside.isCollapsed::after{content:\" \";position:absolute;z-index:5;inset:0;background-color:rgba(0,0,0,.2)}}"]}]}],"members":{"headerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"RSHeaderComponent"},{"static":true}]}]}],"multiTabRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"MultiTabComponent"},{"static":true}]}]}],"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["drawer",{"static":false}]}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"singleReuseUrls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onWidthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DrawerService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":3},"arguments":["window:resize",["$event"]]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onRightAsideClick":[{"__symbolic":"method"}]}},"RSHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"rs-header","template":"<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n <div ngIf=\"appName\" class=\"header-app-name\">{{ appName }}</div>\r\n </div>\r\n <div class=\"content-header-wrap\">\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-header-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{ currentLang && currentLang.text }}\r\n </button>\r\n </div>\r\n <!-- <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN \|\| \"Last Login\" }}:\r\n {{ lastLoginTime \| date : \"dd MMM yy h:mm a\" }}\r\n </div> -->\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px;margin-top:2px;width:24px;height:24px}.rs-header .logo-wrap .toggle-menu-wrap:hover{background:#1364b30d;border-radius:6px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .logo-wrap .header-app-name{font-size:24px;color:#15477f;margin-left:6px;margin-top:-8px}@media (max-width:1200px){.rs-header .logo-wrap{width:auto}}.rs-header .content-header-wrap{display:flex;justify-content:space-between;align-items:center;flex:1;max-width:1886px;margin:0 auto}.rs-header .bread-crumbs-wrap{padding-left:16px}.rs-header .rs-header-toolbar-wrap,.rs-header .rs-header-toolbar-wrap .quick-icon-group{display:flex;align-items:center}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin-right:8px;cursor:pointer}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:last-child{margin-right:16px}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon svg{width:24px;height:24px;color:#6c7c90;stroke:#6c7c90}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover{border-radius:4px;background:rgba(31,123,255,.04)}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover svg{color:#1f7bff;stroke:#1f7bff}.rs-header .rs-header-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-header-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-header-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-header-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TranslationService"}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"lastLoginTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"langOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"toggleMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"changeLanguage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onToggleMenu":[{"__symbolic":"method"}],"selectLanguage":[{"__symbolic":"method"}]}},"RSFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"rs-footer","template":"<div class=\"rs-footer\">\r\n <span>\r\n RAISE<sup>®</sup> © \r\n {{ today \| date : \"yyyy\" }}\r\n Linnovate Partners</span\r\n >\r\n</div>\r\n","styles":[".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px;max-width:1886px;margin:0 auto}@media (max-width:768px){.rs-footer{width:100%;position:fixed;bottom:0;left:0}}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"RSAsideComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"rs-aside","template":"<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <div class=\"nav-list\">\r\n <div\r\n class=\"nav-group\"\r\n [ngClass]=\"group.class\"\r\n ngFor=\"let group of navList\"\r\n >\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n ngFor=\"let nav of group.navItems\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\" ngIf=\"nav.menuType === 'MENU'\">\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n ngIf=\"isCollapsed; else originIcon\"\r\n position='RightCenter'\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ejs-tooltip>\r\n <ng-template #originIcon>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ng-template>\r\n <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n ngIf=\"nav.displayLabel !== nav.label; else originText\"\r\n position='RightCenter'\r\n class=\"nav-tooltip-text\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.displayLabel\r\n }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.label\r\n }}</span>\r\n </ng-template>\r\n </div>\r\n <div class=\"dividing-line\" ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n </div>\r\n</div>\r\n","styles":[".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{display:inline-block;color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px;flex:1}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item .nav-tooltip-text{flex:1;width:0}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":12,"character":29},{"__symbolic":"reference","name":"CommonFunctionService"}]}],"toggleMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"navClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"customNavClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"navList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"relationStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"initCurrentNav":[{"__symbolic":"method"}],"onNavClick":[{"__symbolic":"method"}]}},"RSStepperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"rs-stepper","template":"<div class=\"rs-stepper\">\r\n <div class=\"steps-wrap\">\r\n <div\r\n class=\"row-btn\"\r\n [class.hidden]=\"isAtStart \|\| !showBtn\"\r\n (click)=\"scrollLeft()\"\r\n >\r\n <div class=\"hover\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M10.4995 3.99955L7.24219 8.24219L10.4995 12.4848\"\r\n stroke=\"#1F7BFF\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"normal\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M10.4995 3.99955L7.24219 8.24219L10.4995 12.4848\"\r\n stroke=\"#6B6B6B\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n <div\r\n class=\"steps-content\"\r\n [ngClass]=\"{\r\n leftMask: showBtn && !isAtStart,\r\n rightMask: showBtn && !isAtEnd,\r\n bothMask: showBtn && !isAtStart && showBtn && !isAtEnd\r\n }\"\r\n #menu\r\n (scroll)=\"onScroll()\"\r\n >\r\n <ng-container ngFor=\"let item of steps; let i = index\">\r\n <div\r\n class=\"step\"\r\n [ngClass]=\"{\r\n done: item.step <= unlockedStep,\r\n active: item.step === currentStep\r\n }\"\r\n (click)=\"onStepClick(item, i)\"\r\n >\r\n <div\r\n class=\"step-label\"\r\n [matTooltip]=\"item.label !== item.displayTitle ? item.label : ''\"\r\n matTooltipPosition=\"above\"\r\n >\r\n {{ item.displayTitle }}\r\n </div>\r\n </div>\r\n <div class=\"step-arrow\" ngIf=\"i < steps.length - 1\">\r\n <img src=\"/assets/img/step-arrow.svg\" />\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div\r\n class=\"row-btn\"\r\n [class.hidden]=\"isAtEnd \|\| !showBtn\"\r\n (click)=\"scrollRight()\"\r\n >\r\n <div class=\"hover\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M7.50045 3.99955L10.7578 8.24219L7.50045 12.4848\"\r\n stroke=\"#1F7BFF\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"normal\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M7.50045 3.99955L10.7578 8.24219L7.50045 12.4848\"\r\n stroke=\"#6B6B6B\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".rs-stepper{font-family:Arial;width:100%;border-bottom:1px solid var(--rs-border-color)}.rs-stepper .steps-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto}.rs-stepper .steps-wrap .steps-content{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;gap:8px}.rs-stepper .steps-wrap .steps-content.leftMask{-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#d8d3d3 100%);mask-image:linear-gradient(90deg,transparent,#fff 10%,#d8d3d3 100%)}.rs-stepper .steps-wrap .steps-content.rightMask{-webkit-mask-image:linear-gradient(90deg,#fff 0,#fff 90%,transparent);mask-image:linear-gradient(90deg,#fff 0,#fff 90%,transparent)}.rs-stepper .steps-wrap .steps-content.bothMask{-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent)!important}.rs-stepper .steps-wrap .steps-content::-webkit-scrollbar{width:0;height:0}.rs-stepper .steps-wrap .step{flex:0 0 auto}.rs-stepper .steps-wrap .step .step-label{color:var(--rs-labels-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;white-space:nowrap;padding:0 12px 12px;display:flex;align-items:center}.rs-stepper .steps-wrap .step.done{cursor:pointer}.rs-stepper .steps-wrap .step.done .step-label{color:var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step.active .step-label{color:var(--rs-active-labels-color);font-weight:700;border-bottom:1px solid var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step-arrow{flex:0 0 auto;padding:0 12px 12px;display:flex;align-items:center}.rs-stepper .row-btn{margin-bottom:12px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:4px;border:1px solid #bdc4ca;flex-shrink:0;cursor:pointer;visibility:visible}.rs-stepper .row-btn .hover{display:none}.rs-stepper .row-btn .normal{display:flex}.rs-stepper .row-btn:hover{background-color:rgba(31,123,255,.04)}.rs-stepper .row-btn:hover .normal{display:none}.rs-stepper .row-btn:hover .hover{display:flex}.rs-stepper .row-btn.hidden{visibility:hidden}"]}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["menu",{"static":false}]}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"currentStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":17}]}],"stepClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"unlockedStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"containerRefId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"syncUnlockedStep":[{"__symbolic":"method"}],"onStepClick":[{"__symbolic":"method"}],"scrollToStep":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":112,"character":3},"arguments":["window:resize",["$event"]]}]}],"checkBtnShow":[{"__symbolic":"method"}],"scrollLeft":[{"__symbolic":"method"}],"scrollRight":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}},"StepItem":{"__symbolic":"interface"},"TagInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-tag-input","template":"<div\r\n class=\"form-tags\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n error: inputError \|\| error\r\n }\"\r\n>\r\n <div class=\"form-tags-item\" ngFor=\"let tag of value\">\r\n <span>{{ tag }}</span>\r\n <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n </div>\r\n <input\r\n class=\"form-tags-input\"\r\n (keyup.enter)=\"onAddTag($event)\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur($event)\"\r\n autocomplete=\"off\"\r\n [minLength]=\"inputMinlength\"\r\n [maxLength]=\"inputMaxlength\"\r\n />\r\n</div>\r\n","styles":[".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);background-color:#fff;cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4);border-color:var(--rs-input-hover-border-color)}.form-tags:focus-within{border-color:var(--rs-input-focus-border-color);box-shadow:none}.form-tags.error:not(:focus-within){border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:0;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove::after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["inputMinlength"]}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["inputMaxlength"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onRemoveTag":[{"__symbolic":"method"}],"onAddTag":[{"__symbolic":"method"}],"verifyInputValue":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]}},"RadioGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-radio-group","template":"<div class=\"radio-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n <div class=\"radio-item\" ngFor=\"let option of dataSource\">\r\n <ejs-radiobutton\r\n [label]=\"option[fields.text]\"\r\n [(ngModel)]=\"value\"\r\n [value]=\"option[fields.value]\"\r\n [disabled]=\"option[fields.disabled] \|\| disabled\"\r\n (change)=\"onChange($event)\"\r\n ></ejs-radiobutton>\r\n </div>\r\n</div>\r\n","styles":[".radio-group{display:flex;padding-left:4px}.radio-group.horizontal{flex-direction:row;gap:35px}.radio-group.vertical{flex-direction:column;gap:14px}.radio-group.error .e-radio+label::before{border-color:var(--rs-input-error-border-color)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}},"CheckboxGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"rs-checkbox-group","template":"<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n <ejs-checkbox\r\n [label]=\"translation.SELECT_ALL ? translation.SELECT_ALL : 'Select All'\"\r\n [indeterminate]=\"indeterminate\"\r\n [checked]=\"value.length === enabledDataSource.length ? true : false\"\r\n (change)=\"onSelectAll($event)\"\r\n ></ejs-checkbox>\r\n <div class=\"checkbox-item\" ngFor=\"let option of dataSource\">\r\n <ejs-checkbox\r\n [name]=\"name\"\r\n [label]=\"option[fields.text]\"\r\n [value]=\"option[fields.value]\"\r\n [disabled]=\"option[fields.disabled] \|\| disabled\"\r\n [checked]=\"value.includes(option[fields.value])\"\r\n (change)=\"onChange($event, option)\"\r\n ></ejs-checkbox>\r\n </div>\r\n</div>\r\n","styles":[".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:4px}.checkbox-group.error .e-checkbox-wrapper .e-frame{border-color:var(--rs-input-error-border-color)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":27}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"calculateIndeterminate":[{"__symbolic":"method"}]}},"SwitchInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-switch-input","template":"<div class=\"rs-switch\" [ngClass]=\"[orientation, error ? 'error' : '', disabled ? 'disabled' : '']\">\r\n <label class=\"switch-label\" (click)=\"onClick()\"> {{ text }} </label>\r\n <ejs-switch\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onChange($event)\"\r\n ></ejs-switch>\r\n</div>\r\n","styles":[".rs-switch{display:flex;align-items:center;gap:8px}.rs-switch.behind{flex-direction:row-reverse;justify-content:flex-end}.rs-switch .switch-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);cursor:pointer}.rs-switch.disabled .switch-label{cursor:default;pointer-events:none}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"EncryptedInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rs-encrypted-input","template":"<div class=\"rs-encrypted-input\">\r\n <input\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n error: error\r\n }\"\r\n class=\"e-input\"\r\n type=\"text\"\r\n [type]=\"encrypted ? 'password' : 'text'\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n (input)=\"onInput($event)\"\r\n />\r\n <span\r\n [ngClass]=\"{ 'right-eyes': true, 'close-eye': !encrypted }\"\r\n (click)=\"encrypted = !encrypted\"\r\n ></span>\r\n</div>\r\n","styles":[".rs-encrypted-input{position:relative}.rs-encrypted-input .e-input{padding-right:38px!important}.rs-encrypted-input .right-eyes{display:inline-block;cursor:pointer;position:absolute;top:50%;transform:translateY(-12px);right:8px;width:24px;height:24px;background-image:url(/assets/img/eye-open.svg)}.rs-encrypted-input .close-eye{background-image:url(/assets/img/eye-close.svg)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}]}},"SearchInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"rs-search-input","template":"<div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n","styles":[".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"hanleSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"handleInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSeach":[{"__symbolic":"method"}]}},"DrawerFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"rs-drawer-form","template":"<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled \|\| formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n ngIf=\"\r\n field.fieldFormType === 'Text' \|\|\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format \|\| numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format \|\| dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false \|\|\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n","styles":[":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]}]}],"members":{"_form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["form"]}]}],"_sections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["sections"]}]}],"optionsMap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["optionsMap"]}]}],"formDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["disabled"]}]}],"showAnchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["showAnchor"]}]}],"customTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3},"arguments":["customTemplate"]}]}],"customSectionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["customSectionTemplate"]}]}],"optionFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["optionFields"]}]}],"showFilterNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["showFilterNumber"]}]}],"numberFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["numberFormat"]}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["dateFormat"]}]}],"formChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3},"arguments":["formChange"]}]}],"fieldChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3},"arguments":["fieldChange"]}]}],"rootEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":3},"arguments":["drawerFormEl",{"static":false}]}]}],"containers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":68,"character":3},"arguments":["customTemplateContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":68,"character":51}}]}]}],"sectionContainers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":70,"character":3},"arguments":["customSectionContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":70,"character":50}}]}]}],"dropdowns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":73,"character":3},"arguments":["dropdown"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":87,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"customTemplateRender":[{"__symbolic":"method"}],"customSectionRender":[{"__symbolic":"method"}],"formatFieldMap":[{"__symbolic":"method"}],"setForm":[{"__symbolic":"method"}],"equal":[{"__symbolic":"method"}],"checkFormChange":[{"__symbolic":"method"}],"syncFormToDateForm":[{"__symbolic":"method"}],"syncFormField":[{"__symbolic":"method"}],"formatForm":[{"__symbolic":"method"}],"getFormProxy":[{"__symbolic":"method"}],"updateForm":[{"__symbolic":"method"}],"formItemValidator":[{"__symbolic":"method"}],"preCheckFormIsValid":[{"__symbolic":"method"}],"getField":[{"__symbolic":"method"}],"callFunction":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onComponentChange":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onDatePickerBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onFiltering":[{"__symbolic":"method"}],"onDropdownDataBound":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}],"getDisabled":[{"__symbolic":"method"}],"getOptionFields":[{"__symbolic":"method"}],"sectionEls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":441,"character":3},"arguments":["sectionEl"]}]}],"onClickAnchor":[{"__symbolic":"method"}],"findScrollViewEl":[{"__symbolic":"method"}],"initAnchorScrollHandler":[{"__symbolic":"method"}]}},"FieldItem":{"__symbolic":"interface"},"SectionItem":{"__symbolic":"interface"},"filterShowSection":{"__symbolic":"function","parameters":["sections"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"sections"},"member":"filter"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":46,"character":12,"module":"./lib/form/drawer-form/constants"}]},"member":"map"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":47,"character":9,"module":"./lib/form/drawer-form/constants"}]}},"EmailPattern":{"__symbolic":"error","message":"Expression form not supported","line":54,"character":2,"module":"./lib/form/drawer-form/constants"},"CommonDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"rs-common-dialog","template":"<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n <!-- 头部 -->\r\n <div ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n <div class=\"header__title\">\r\n <img\r\n src=\"../../../assets/img/notification-status-warning.svg\"\r\n alt=\"\"\r\n ngIf=\"showErrorIcon\"\r\n />\r\n {{ title }}\r\n </div>\r\n <div class=\"header__actions\">\r\n <div ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </div>\r\n <!-- 内容 -->\r\n <div class=\"dialog__content\" mat-dialog-content>\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- 底部按钮 -->\r\n <div mat-dialog-actions class=\"dialog__footer\">\r\n <ng-content select=\"[footerSlot]\"></ng-content>\r\n <!-- 默认展示保存/关闭按钮 -->\r\n <ng-container ngIf=\"!customFooter\">\r\n <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n </ng-container>\r\n <ng-template #defaultTemplate>\r\n <button\r\n ngIf=\"!hideCloseBtn\"\r\n class=\"e-btn\"\r\n (click)=\"onClose()\"\r\n >\r\n {{ cancelBtnLabel }}\r\n </button>\r\n <button\r\n ngIf=\"!hideDiscardBtn\"\r\n class=\"e-btn\"\r\n (click)=\"onDiscard()\"\r\n >\r\n {{ discardBtnLabel }}\r\n </button>\r\n <button\r\n ngIf=\"!hideSaveBtn\"\r\n class=\"e-btn e-primary\"\r\n (click)=\"onSave()\"\r\n >\r\n {{ saveBtnLabel }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <!-- loading -->\r\n <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n </div>\r\n</div>\r\n","styles":[":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]}]}],"members":{"hideHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"hideCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"hideCloseBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"hideSaveBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hideDiscardBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"saveBtnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"cancelBtnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"discardBtnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"showErrorIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"showZoomBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"customSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"onCloseRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"dialogStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"saveEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"closeEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"CommonDialogComponent"}]}]}],"footerContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":47,"character":3},"arguments":["footerSlot",{"static":false}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"onZoom":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onDiscard":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}]}},"PaneGroupNewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"rs-dashboard","providers":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":80,"character":14},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":80,"character":35},"useValue":{"parse":{"dateInput":"DD-MM-YYYY"},"display":{"dateInput":"DD-MM-YYYY","monthYearLabel":"YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"YYYY"}}}],"template":"<div id=\"kt-dashboard-container\" class=\"content-portlets\">\r\n <div\r\n ngIf=\"\r\n dashboard &&\r\n (dashboard.title \|\| dashboard.description) &&\r\n !haveFullScreen.length\r\n \"\r\n class=\"portlets-description\"\r\n >\r\n <h4 ngIf=\"dashboard && dashboard.title && !haveFullScreen.length\">\r\n {{ dashboard ? dashboard.title : \"\" }}\r\n </h4>\r\n <p ngIf=\"dashboard && dashboard.description && !haveFullScreen.length\">\r\n {{ dashboard ? dashboard.description : \"\" }}\r\n </p>\r\n </div>\r\n <div class=\"panes-list\" id=\"kt-dashboard-layout\" #panesList>\r\n <div style=\"width: 100%\">\r\n <ejs-dashboardlayout\r\n id=\"defaultLayout\"\r\n #defaultLayout\r\n [columns]=\"4\"\r\n [cellSpacing]=\"cellSpacing\"\r\n [cellAspectRatio]=\"cellAspectRatio\"\r\n [allowDragging]=\"customized\"\r\n [allowResizing]=\"customized\"\r\n [resizableHandles]=\"resizableHandles\"\r\n [draggableHandle]=\"draggableHandle\"\r\n [mediaQuery]=\"mediaQuery\"\r\n (resizeStop)=\"resizeStop($event)\"\r\n (dragStop)=\"dragStop($event)\"\r\n >\r\n <e-panels\r\n ngIf=\"ActiveDashboardPortlets && ActiveDashboardPortlets.length\"\r\n >\r\n <e-panel\r\n ngFor=\"let item of ActiveDashboardPortlets; let i = index\"\r\n [sizeX]=\"item.sizeX\"\r\n [id]=\"item.newId\"\r\n [sizeY]=\"item.sizeY\"\r\n [row]=\"item.row\"\r\n [col]=\"item.col\"\r\n >\r\n <ng-template #header>\r\n <div class=\"gadget-title\">\r\n {{ GetgadgetTitle(item.config) }}\r\n </div>\r\n <div class=\"gadgetBar pane-group-gadget\">\r\n <ul class=\"pane-gadget-container\">\r\n <li\r\n ngIf=\"customized\"\r\n [matTooltip]=\"\r\n translation.DUPLICATE\r\n ? translation.DUPLICATE\r\n : '.DUPLICATE'\r\n \"\r\n (click)=\"copyPortlet(item)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/menu-duplicate.svg\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"customized && rs.hasPermission('DELETE')\"\r\n [matTooltip]=\"\r\n translation.DELETE ? translation.DELETE : '.DELETE'\r\n \"\r\n (click)=\"delete(item)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-delete.svg\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"getPortletType(item) !== 'transpose'\"\r\n [matTooltip]=\"\r\n translation.DOWNLOAD ? translation.DOWNLOAD : '.DOWNLOAD'\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/menu-download.svg\"\r\n (click)=\"download(item)\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"\r\n customized &&\r\n !['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n [matTooltip]=\"\r\n translation.FILTER ? translation.FILTER : '.FILTER'\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-filters.svg\"\r\n (click)=\"openFilter(item)\"\r\n />\r\n </li>\r\n\r\n <li\r\n #unclick\r\n ngIf=\"customized && getPortletType(item) === 'pivot'\"\r\n style=\"margin-right: 18px\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-sub-total.svg\"\r\n (click)=\"openSubtotal(item)\"\r\n />\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-arrow-down.svg\"\r\n (click)=\"openSubtotal(item)\"\r\n />\r\n </li>\r\n <div\r\n #unclick\r\n class=\"pivotTable-sub-grand-group\"\r\n ngIf=\"\r\n showSubTotalGroup &&\r\n getPortletType(item) === 'pivot' &&\r\n Current_PortletId === item.newId\r\n \"\r\n >\r\n <ul>\r\n <li\r\n class=\"sub-grand-group\"\r\n [ngStyle]=\"{\r\n 'background-color': subtotal.selected\r\n ? '#f8fafb'\r\n : '#fff'\r\n }\"\r\n ngFor=\"\r\n let subtotal of pivotTableSubTotalList;\r\n let idx = index\r\n \"\r\n (click)=\"selectTotalGroup(idx, 'sub', item)\"\r\n >\r\n <div style=\"display: flex\">\r\n <div\r\n style=\"\r\n height: 33px;\r\n width: 34px;\r\n text-align: center;\r\n \"\r\n >\r\n <img\r\n ngIf=\"subtotal.selected\"\r\n src=\"../../assets/img/dashboard_icon/forms-checkbox-square-tick.svg\"\r\n />\r\n </div>\r\n <span>{{ subtotal.value }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <li\r\n #unclickGrand\r\n ngIf=\"\r\n customized &&\r\n (getPortletType(item) === 'pivot' \|\|\r\n getPortletType(item) === 'table')\r\n \"\r\n style=\"margin-right: 18px\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-total.svg\"\r\n (click)=\"openGrandtotal(item)\"\r\n />\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-arrow-down.svg\"\r\n (click)=\"openGrandtotal(item)\"\r\n />\r\n </li>\r\n <div\r\n #unclickGrand\r\n class=\"pivotTable-sub-grand-group\"\r\n style=\"left: 230px\"\r\n ngIf=\"\r\n showgrandTotalGroup &&\r\n getPortletType(item) === 'pivot' &&\r\n Current_PortletId === item.newId\r\n \"\r\n >\r\n <ul>\r\n <li\r\n class=\"sub-grand-group\"\r\n [ngStyle]=\"{\r\n 'background-color': grandtotal.selected\r\n ? '#f8fafb'\r\n : '#fff'\r\n }\"\r\n ngFor=\"\r\n let grandtotal of pivotTableGrandTotalList;\r\n let idx = index\r\n \"\r\n (click)=\"selectTotalGroup(idx, 'grand', item)\"\r\n >\r\n <div style=\"display: flex\">\r\n <div\r\n style=\"\r\n height: 33px;\r\n width: 34px;\r\n text-align: center;\r\n \"\r\n >\r\n <img\r\n ngIf=\"grandtotal.selected\"\r\n src=\"../../assets/img/dashboard_icon/forms-checkbox-square-tick.svg\"\r\n />\r\n </div>\r\n <span>{{ grandtotal.value }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div\r\n #unclickGrand\r\n class=\"pivotTable-sub-grand-group\"\r\n style=\"left: 210px; height: 76px\"\r\n ngIf=\"\r\n showTableGrandTotalGroup &&\r\n getPortletType(item) === 'table' &&\r\n Current_PortletId === item.newId\r\n \"\r\n >\r\n <ul>\r\n <li\r\n class=\"sub-grand-group\"\r\n [ngStyle]=\"{\r\n 'background-color': grandtotal.selected\r\n ? '#f8fafb'\r\n : '#fff'\r\n }\"\r\n ngFor=\"\r\n let grandtotal of tableGrandTotalList;\r\n let idx = index\r\n \"\r\n (click)=\"selectTotalGroup(idx, 'tableGrand', item)\"\r\n >\r\n <div style=\"display: flex\">\r\n <div\r\n style=\"\r\n height: 33px;\r\n width: 34px;\r\n text-align: center;\r\n \"\r\n >\r\n <img\r\n ngIf=\"grandtotal.selected\"\r\n src=\"../../assets/img/dashboard_icon/forms-checkbox-square-tick.svg\"\r\n />\r\n </div>\r\n <span>{{ grandtotal.value }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <li\r\n ngIf=\"\r\n customized &&\r\n !['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n [matTooltip]=\"\r\n translation.FORMAT ? translation.FORMAT : '.FORMAT'\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-basic-format.svg\"\r\n (click)=\"fieldFormat(item)\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"\r\n (customized \|\| url_type === 'sharedbeta') &&\r\n !['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n [matTooltip]=\"\r\n translation.CONFIGURATIONS \|\| '.CONFIGURATIONS'\r\n \"\r\n (click)=\"configurations(item, $event)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-settings.svg\"\r\n />\r\n </li>\r\n <li\r\n ngIf=\"customized\"\r\n [matTooltip]=\"translation.EDIT ? translation.EDIT : '.EDIT'\"\r\n (click)=\"edit(item)\"\r\n >\r\n <img\r\n src=\"../../assets/img/dashboard_icon/gadget-edit.svg\"\r\n />\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-template>\r\n <ng-template #content>\r\n <kt-gadget-table\r\n #table\r\n ngIf=\"getPortletType(item) == 'table'\"\r\n [portlets]=\"portlets\"\r\n [dashboard]=\"dashboard\"\r\n [portlet]=\"item\"\r\n >\r\n </kt-gadget-table>\r\n <kt-gadget-pivot\r\n #pivot\r\n ngIf=\"getPortletType(item) == 'pivot'\"\r\n [portlet]=\"item\"\r\n [dashboard]=\"dashboard\"\r\n [portlets]=\"portlets\"\r\n [themeColor]=\"item.themeColor\"\r\n >\r\n </kt-gadget-pivot>\r\n <kt-gadget-pivot-chart\r\n #pivot\r\n ngIf=\"getPortletType(item) == 'newchart'\"\r\n [portlet]=\"item\"\r\n [dashboard]=\"dashboard\"\r\n (updatePorletConfig)=\"updatePorletConfig($event)\"\r\n [portlets]=\"portlets\"\r\n [themeColor]=\"item.themeColor\"\r\n >\r\n </kt-gadget-pivot-chart>\r\n <kt-gadget-transpose\r\n #transpose\r\n ngIf=\"getPortletType(item) == 'transpose'\"\r\n [portlets]=\"portlets\"\r\n [dashboard]=\"dashboard\"\r\n [portlet]=\"item\"\r\n >\r\n </kt-gadget-transpose>\r\n <kt-bar-charts\r\n ngIf=\"\r\n ['newcolumn', 'newline', 'newcolumnline'].includes(\r\n getPortletType(item)\r\n )\r\n \"\r\n #newChart\r\n [dashboard]=\"dashboard\"\r\n [dataColumn]=\"item.dataColumn\"\r\n [dataLine]=\"item.dataLine\"\r\n [columnType]=\"item.columnType\"\r\n [lineType]=\"item.lineType\"\r\n [themeColor]=\"item.themeColor\"\r\n [portlet]=\"item\"\r\n ></kt-bar-charts>\r\n </ng-template>\r\n </e-panel>\r\n </e-panels>\r\n </ejs-dashboardlayout>\r\n </div>\r\n </div>\r\n <kt-empty-icon-prompt\r\n [displayCode]=\"'customize'\"\r\n [dashboard]=\"dashboard\"\r\n hidden\r\n >\r\n </kt-empty-icon-prompt>\r\n <div\r\n id=\"kt-dashboard-tabs\"\r\n class=\"dashboard-tab-list\"\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"drop($event)\"\r\n >\r\n <div\r\n class=\"tab-item\"\r\n ngFor=\"let item of tabList; let i = index\"\r\n [ngClass]=\"{\r\n active: item.id === activeTab,\r\n prev: prevId === item.id && i !== tabList.length - 1\r\n }\"\r\n (click)=\"onActiveTab(item, i)\"\r\n (dblclick)=\"onStartEdit(item.id)\"\r\n cdkDrag\r\n >\r\n <div\r\n ngIf=\"!startEdit \|\| item.id !== activeTab\"\r\n [matTooltip]=\"\r\n item.label === item.displayLabel ? null : item.displayLabel\r\n \"\r\n >\r\n {{ item.displayLabel }}\r\n <img\r\n ngIf=\"tabList.length > 1\"\r\n src=\"../../assets/img/dashboard_icon/dashboard-tab-delete.svg\"\r\n alt=\"\"\r\n (click)=\"onDeleteTab(item)\"\r\n />\r\n </div>\r\n <input\r\n ngIf=\"startEdit && item.id === activeTab\"\r\n type=\"text\"\r\n [(ngModel)]=\"item.label\"\r\n (input)=\"setTabInput($event)\"\r\n (blur)=\"saveTabInput(item)\"\r\n />\r\n </div>\r\n <img\r\n class=\"add-tab-icon\"\r\n src=\"../../assets/img/dashboard_icon/add-tab.svg\"\r\n (click)=\"onAddTab()\"\r\n />\r\n </div>\r\n</div>\r\n\r\n<div class=\"sidebar\" [ngClass]=\"{ gone: !push_btn }\" ngIf=\"dashboard_sidebar\">\r\n <span class=\"push-btn\" (click)=\"pushSlider()\" [class.left-place]=\"!push_btn\">\r\n <span\r\n class=\"sidebar-btn\"\r\n ngIf=\"push_btn\"\r\n [inlineSVG]=\"'../../assets/img/dashboard_icon/Angle-double-right.svg'\"\r\n ></span>\r\n <span\r\n class=\"sidebar-btn\"\r\n ngIf=\"!push_btn\"\r\n [inlineSVG]=\"'../../assets/img/dashboard_icon/Angle-double-left.svg'\"\r\n ></span>\r\n </span>\r\n <kt-sidebar-iconlist-new\r\n #sidebar\r\n ngIf=\"push_btn\"\r\n [dashboard_sidebar]=\"dashboard_sidebar\"\r\n [dashboard]=\"dashboard\"\r\n [dashboardId]=\"url_id\"\r\n [portlet]=\"portlet\"\r\n [portlets]=\"portlets\"\r\n [activeTabId]=\"activeTabId\"\r\n [activeTabLabel]=\"activeTabLabel\"\r\n [figureCode]=\"figureCode\"\r\n [tabactive]=\"tabactive\"\r\n [_selectedY]=\"selectedY\"\r\n [_selectedSecondY]=\"selectedSecondY\"\r\n [_selectedX]=\"selectedX\"\r\n [_selectedMultiples]=\"selectedMultiples\"\r\n [_selectTheme]=\"selectTheme\"\r\n [appCode]=\"appCode\"\r\n (updatePorlet)=\"updatePorlet($event)\"\r\n (chartUpdate)=\"chartUpdate($event)\"\r\n (closeSidebar)=\"closeSidebar($event)\"\r\n (updatePushBtn)=\"updatePushBtn($event)\"\r\n (updateTheme)=\"updateTheme($event)\"\r\n (updatePorletConfig)=\"updatePorletConfig($event)\"\r\n (onToggleTabactive)=\"onToggleTabactive($event)\"\r\n >\r\n </kt-sidebar-iconlist-new>\r\n</div>\r\n<button\r\n class=\"addPorlet\"\r\n ngIf=\"customized && !push_btn\"\r\n mat-mini-fab\r\n color=\"primary\"\r\n (click)=\"addPorlet()\"\r\n>\r\n +\r\n</button>\r\n","styles":["@charset \"UTF-8\";.kt-portlet.kt-portlet--mobile.kt-portlet--sortable{position:relative;overflow-x:auto;overflow-y:hidden;height:100%!important}.kt-portlet.kt-portlet--mobile.kt-portlet--sortable::-webkit-scrollbar{width:5px;height:8px;background:#fff}.kt-portlet.kt-portlet--mobile.kt-portlet--sortable::-webkit-scrollbar-thumb{background:#eaedf0}.kt-portlet .kt-portlet__body{height:100%;overflow:hidden;padding:0 0 30px!important}.pane{margin-bottom:30px}i.la.la-compress{font-size:20px!important}.dropdown-menu.dropdown-menu-right.dropdown-menu-md.dropdown-menu-fit{z-index:102}h3.kt-portlet__head-title{font-size:18px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .date-portlet .mat-form-field-wrapper{width:100px;margin-left:15px}.table-none-padding{padding:0}.kt-portlet__head-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-bordered{height:30px;width:40px;border-radius:5px;border:1px solid #6c757d;color:#44566c;padding:0}.btn-bordered.date{padding-top:4px;padding-left:8px;width:160px;font-size:15px}.btn-bordered .mat-datepicker-toggle{color:rgba(0,0,0,.5)}.btn-bordered svg.mat-datepicker-toggle-default-icon.ng-star-inserted{width:20px!important}:host::ng-deep button.mat-icon-button.mat-button-base{transform:translateY(-10px)!important}gridster.scrollVertical{width:auto!important;background:#f2f2f8!important;padding-left:2px!important}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px!important;padding-left:15px!important}.kt-portlet__head-group.show{position:relative!important}.dropdown-menu.dropdown-menu-right.dropdown-menu-md.dropdown-menu-fit.show{top:48px!important;left:-230px!important;transform:none!important}span.top-date{font-family:Arial;font-size:15px;color:#6c757d}svg.bi.bi-arrows-angle-contract{color:#a2a5b9;margin-right:10px}li.full-svg:hover svg.bi.bi-arrows-angle-contract{color:#0081ff}.pdf-size{width:666px;height:999px}.portlets-description{padding:12px 8px 12px 20px;display:flex;flex-flow:column;gap:12px}.portlets-description h4,.portlets-description p{margin:0;color:#44566c;font-family:Arial;font-size:11px!important;font-style:normal;font-weight:400;line-height:14px}.edit-portlet{border:2px solid #0181ff;border-radius:10px}.kt-form__path{margin-bottom:23px;font-size:13px}.kt-form__path .fa-angle-right,.kt-form__path .lastspan{color:#8697a8}::ng-deep rs-dashboard{height:100%;display:flex;flex-direction:column;position:relative}::ng-deep rs-dashboard .panes-list{width:100%!important;margin-bottom:70px!important}::ng-deep rs-dashboard .panes-list .kt-portlet{border-radius:5px;border-top:10px solid #fff}::ng-deep rs-dashboard button.addPorlet{font-size:32px;position:fixed;bottom:100px;right:20px;z-index:1003;background-color:#0081ff!important}::ng-deep rs-dashboard .sidebar{right:0;top:0;bottom:0;position:absolute;z-index:1000;width:400px;background:#fff!important;transition:width .3s}::ng-deep rs-dashboard .sidebar .push-btn{position:absolute;left:0;top:0;z-index:1}::ng-deep rs-dashboard .sidebar.gone{width:0}::ng-deep rs-dashboard .sidebar .sidebar-btn svg g polygon{fill-opacity:0}::ng-deep rs-dashboard .sidebar .sidebar-btn:hover svg g path{fill:#0081ff;transition:fill .3s}.panes-list{height:100%;width:100%;margin:0!important;overflow:auto;padding-bottom:50px;background:#f2f2f8}.panes-list ::ng-deep .e-panel{border-radius:10px;overflow:auto}.panes-list ::ng-deep .e-panel .e-panel-container{min-width:340px;min-height:340px}.panes-list-dashboard{top:-20px!important}.panes-list-desktop{left:-25px!important;top:-36px!important}:host ::ng-deep .e-panel-header{padding:0!important;height:auto!important;border:0!important}.gadgetBar{height:24px;background-color:#fff!important}.gadgetBar .pane-gadget-container{padding:0 12px}.gadgetBar .pivotTable-sub-grand-group ul{width:100%;display:block}.gadgetBar .pivotTable-sub-grand-group ul li{width:24px;height:24px;display:flex;align-items:center;cursor:pointer;padding:4px}.gadgetBar ul{margin:0;padding:0;list-style:none;display:flex;width:100%;gap:12px}.gadgetBar ul li{width:24px;height:24px;display:flex;align-items:center;cursor:pointer;padding:4px}.gadget-title{height:36px;padding:10px 12px 8px;color:#43566c;font-family:Arial;font-size:15px;font-weight:700;line-height:18px}.pivotTable-sub-grand-group{width:241px;height:142px;z-index:999;position:absolute;left:180px;top:80px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff}.sub-grand-group{width:100%!important;display:block!important;height:33px!important;margin:0!important;line-height:33px!important;text-align:left!important}.sub-grand-group span{font-family:Arial;font-size:14px;color:#44566c;font-weight:400}.sub-grand-group:hover{background-color:#f8fafb!important}::ng-deep .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list-tree-outer-div{height:278px!important}.content-portlets{height:100%;position:relative;overflow:hidden}.content-portlets .dashboard-tab-list{position:absolute;bottom:0;left:0;z-index:1000;width:100%;border-top:1px solid #dbe1e7;border-bottom:1px solid #dbe1e7;background:#f8fafb;box-shadow:0 -1px 4px 0 rgba(0,0,0,.05);display:flex;align-items:center;height:28px}.content-portlets .dashboard-tab-list img{margin-left:10px;cursor:pointer}.content-portlets .dashboard-tab-list .tab-item{cursor:pointer;padding-bottom:4px;border-left:0;color:#43566c}.content-portlets .dashboard-tab-list .tab-item:hover img{display:block!important}.content-portlets .dashboard-tab-list .tab-item div{border-right:1px solid #d0d6dd;border-left:1px solid transparent;border-bottom:1px solid transparent;font-size:11px;line-height:16px;min-height:16px;padding:5px 12px 2px;display:flex;width:114px;align-items:center;justify-content:space-between;gap:6px}.content-portlets .dashboard-tab-list .tab-item div img{display:none;cursor:pointer;margin-left:0}.content-portlets .dashboard-tab-list .tab-item:first-child div{border-left:1px solid #d0d6dd}.content-portlets .dashboard-tab-list .tab-item:first-child.active div{border-right:1px solid #d6dce2}.content-portlets .dashboard-tab-list .tab-item.active div{background-color:#fff;border-bottom-color:#d6dce2;font-weight:700;border-radius:0 0 6px 6px;border-left-color:#d6dce2}.content-portlets .dashboard-tab-list .tab-item.prev div{border-right-color:transparent}.content-portlets .dashboard-tab-list .tab-item input{border:none;text-shadow:none;border-bottom:1px solid #43566c;outline:0;height:16px;width:150px;font-size:11px!important}::ng-deep .mat-menu-content .options{padding:4px 0}::ng-deep .mat-menu-content .options .option-item{padding:4px 8px;font-size:13px;cursor:pointer}::ng-deep .mat-menu-content .options .option-item:hover{background:rgba(0,0,0,.05)}::ng-deep .mat-menu-content .options .option-checkbox{padding:8px}::ng-deep .mat-menu-content .options .option-checkbox.first{border-top:1px solid rgba(0,0,0,.1)}::ng-deep .mat-menu-content .options .option-checkbox .e-icons{height:18px;width:18px}::ng-deep .mat-menu-content .options .option-checkbox .e-icons:before{font-size:12px}::ng-deep #vegetables_popup{width:400px!important}#kt-dashboard-container{display:flex;flex-flow:column nowrap}#kt-dashboard-tabs{flex:none;position:static;height:30px;padding:0 20px;display:flex;flex-flow:row nowrap;align-items:flex-start}#kt-dashboard-tabs .tab-item.active>div{padding-bottom:4px}#kt-dashboard-tabs .tab-item>div{color:#1f3f5c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}#kt-dashboard-tabs .add-tab-icon{width:16px;height:16px;margin:5px 12px auto}#kt-dashboard-layout{flex:auto;height:0;padding:20px;background-color:rgba(68,86,108,.1)}.left-place{left:-24px!important}"]}]}],"members":{"dateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"appCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"sidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":3},"arguments":["sidebar",{"static":false}]}]}],"unclick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":86,"character":3},"arguments":["unclick"]}]}],"unclickGrand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":87,"character":3},"arguments":["unclickGrand"]}]}],"newChart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":88,"character":3},"arguments":["newChart"]}]}],"bodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":3},"arguments":["document:click",["$event"]]}]}],"dashboardLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":["defaultLayout",{"static":false}]}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":126,"character":3},"arguments":["canvas",{"static":true}]}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":146,"character":3},"arguments":["table"]}]}],"pivot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":148,"character":3},"arguments":["pivot"]}]}],"transpose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":150,"character":3},"arguments":["transpose"]}]}],"panesList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":457,"character":3},"arguments":["panesList",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":469,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":469,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":470,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":470,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":471,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":471,"character":17},"arguments":[{"__symbolic":"reference","name":"ROLE_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":459,"character":19},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":463,"character":28},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":465,"character":17},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":466,"character":20},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":467,"character":24},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":468,"character":22},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"getAllFields":[{"__symbolic":"method"}],"onCloseRight":[{"__symbolic":"method"}],"setActiveDashboardPortlets":[{"__symbolic":"method"}],"onActiveTab":[{"__symbolic":"method"}],"onDeleteTab":[{"__symbolic":"method"}],"onAddTab":[{"__symbolic":"method"}],"setTabInput":[{"__symbolic":"method"}],"saveTabInput":[{"__symbolic":"method"}],"onStartEdit":[{"__symbolic":"method"}],"initTabList":[{"__symbolic":"method"}],"initlayout":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[100]}]}],"chartUpdate":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getPorletConfig":[{"__symbolic":"method"}],"updateTheme":[{"__symbolic":"method"}],"updateDashboard":[{"__symbolic":"method"}],"updatePorletConfig":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"GetgadgetTitle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[300]}]}],"getPortletType":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"copyPortlet":[{"__symbolic":"method"}],"getAsofdate":[{"__symbolic":"method"}],"getCurrency":[{"__symbolic":"method"}],"getFigurecode":[{"__symbolic":"method"}],"getTableName":[{"__symbolic":"method"}],"pushSlider":[{"__symbolic":"method"}],"getFigureCode":[{"__symbolic":"method"}],"getDashboard":[{"__symbolic":"method"}],"routerPage":[{"__symbolic":"method"}],"displayIconPrompt":[{"__symbolic":"method"}],"configurations":[{"__symbolic":"method"}],"setPrevId":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"downloadAll":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"getChartIndexInAll":[{"__symbolic":"method"}],"downloadTable":[{"__symbolic":"method"}],"updateFormat":[{"__symbolic":"method"}],"fieldFormat":[{"__symbolic":"method"}],"openFilter":[{"__symbolic":"method"}],"updatePushBtn":[{"__symbolic":"method"}],"toggleCustomize":[{"__symbolic":"method"}],"toggleSidebar":[{"__symbolic":"method"}],"onToggleTabactive":[{"__symbolic":"method"}],"updatePorlet":[{"__symbolic":"method"}],"addPorlet":[{"__symbolic":"method"}],"closeSidebar":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"dragStop":[{"__symbolic":"method"}],"getNewPosition":[{"__symbolic":"method"}],"openSubtotal":[{"__symbolic":"method"}],"openGrandtotal":[{"__symbolic":"method"}],"selectTotalGroup":[{"__symbolic":"method"}],"getSelectTotalGroupStatus":[{"__symbolic":"method"}],"initCharData":[{"__symbolic":"method"}],"compareDates":[{"__symbolic":"method"}],"truncateText":[{"__symbolic":"method"}],"getPaddingBottom":[{"__symbolic":"method"}],"updateDashboardLastUpdateDate":[{"__symbolic":"method"}],"savedashboard":[{"__symbolic":"method"}]}},"CommonFunctionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"testMethod":[{"__symbolic":"method"}],"setMiddleEllipsis":[{"__symbolic":"method"}],"getPureUrl":[{"__symbolic":"method"}],"closeTab":[{"__symbolic":"method"}],"publish":[{"__symbolic":"method"}],"rtn":[{"__symbolic":"method"}],"Guid":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"IconLoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":7,"character":22},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":26}]}],"registerIcons":[{"__symbolic":"method"}]}},"MessageType":{"Create":0,"Read":1,"Update":2,"Delete":3},"DialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":30,"character":32},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":30,"character":61}]}],"showLoadingNotification":[{"__symbolic":"method"}],"showNotification":[{"__symbolic":"method"}],"deleteElement":[{"__symbolic":"method"}],"showCommonDilaog":[{"__symbolic":"method"}],"showUnsavedChanges":[{"__symbolic":"method"}],"showSucMsg":[{"__symbolic":"method"}],"showUpdateMsg":[{"__symbolic":"method"}],"showDelMsg":[{"__symbolic":"method"}],"showMessage":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"KeepAliveService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"setExcludeRoutes":[{"__symbolic":"method"}],"shouldDetach":[{"__symbolic":"method"}],"store":[{"__symbolic":"method"}],"shouldAttach":[{"__symbolic":"method"}],"retrieve":[{"__symbolic":"method"}],"shouldReuseRoute":[{"__symbolic":"method"}],"getRoutePath":[{"__symbolic":"method"}],"clearCache":[{"__symbolic":"method"}],"clearAllCache":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DrawerConfig":{"__symbolic":"interface"},"DefaultDrawerConfig":{"title":"Title","mode":"inner"},"DrawerShowInstance":{"__symbolic":"interface"},"DrawerChangeEvent":{"__symbolic":"interface"},"DrawerChangeListener":{"__symbolic":"interface"},"DrawerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":31,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":41,"character":30}]}],"ngOnDestroy":[{"__symbolic":"method"}],"listenRouterChange":[{"__symbolic":"method"}],"setDrawer":[{"__symbolic":"method"}],"removeDrawer":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"complete":[{"__symbolic":"method"}],"setConfig":[{"__symbolic":"method"}],"deleteCache":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"checkChange":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"TranslationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":28}]}],"getTranslation":[{"__symbolic":"method"}],"convertLangValue":[{"__symbolic":"method"}],"convertLangCode":[{"__symbolic":"method"}],"updateSyncfusionLanguage":[{"__symbolic":"method"}]}},"RaiseCommonLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":169,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CommonGridComponent"},{"__symbolic":"reference","name":"GridActionComponent"},{"__symbolic":"reference","name":"GridActionItemComponent"},{"__symbolic":"reference","name":"FloatBoxComponent"},{"__symbolic":"reference","name":"RsPageListComponent"},{"__symbolic":"reference","name":"RsPageTabComponent"},{"__symbolic":"reference","name":"GridBoxComponent"},{"__symbolic":"reference","name":"RSHeaderComponent"},{"__symbolic":"reference","name":"RSFooterComponent"},{"__symbolic":"reference","name":"RSAsideComponent"},{"__symbolic":"reference","name":"MultiTabComponent"},{"__symbolic":"reference","name":"MainContainerComponent"},{"__symbolic":"reference","name":"TagInputComponent"},{"__symbolic":"reference","name":"RadioGroupComponent"},{"__symbolic":"reference","name":"CheckboxGroupComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"SwitchInputComponent"},{"__symbolic":"reference","name":"EncryptedInputComponent"},{"__symbolic":"reference","name":"SearchInputComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"CommonDialogComponent"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"DrawerComponent"},{"__symbolic":"reference","name":"DrawerFormComponent"},{"__symbolic":"reference","name":"ToolbarItemComponent"},{"__symbolic":"reference","name":"RsCommentaryComponent"},{"__symbolic":"reference","name":"RSNavCardGroupComponent"},{"__symbolic":"reference","name":"RSToolbarComponent"},{"__symbolic":"reference","name":"TruncatedTextToggleComponent"},{"__symbolic":"reference","name":"RSStepperComponent"},{"__symbolic":"reference","name":"PaneGroupNewComponent"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":217,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":218,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":219,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":220,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":221,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":222,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":223,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":224,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":225,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":226,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":227,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":228,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":229,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":230,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":231,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridModule","line":232,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"PagerModule","line":233,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridAllModule","line":234,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"SwitchModule","line":235,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"CheckBoxModule","line":236,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"RadioButtonModule","line":237,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ButtonModule","line":238,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ChipListModule","line":239,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-diagrams","name":"DiagramModule","line":240,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"TooltipModule","line":241,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"DialogModule","line":242,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DatePickerModule","line":243,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateRangePickerModule","line":244,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateTimePickerModule","line":245,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"TextBoxModule","line":246,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"ColorPickerModule","line":247,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"UploaderModule","line":248,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"NumericTextBoxModule","line":249,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownListModule","line":250,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownTreeModule","line":251,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"MultiSelectAllModule","line":252,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"AutoCompleteModule","line":253,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"ListBoxModule","line":254,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotViewAllModule","line":255,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotFieldListAllModule","line":256,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"ChartAllModule","line":257,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartAllModule","line":258,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"RangeNavigatorAllModule","line":259,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartModule","line":260,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-layouts","name":"DashboardLayoutModule","line":261,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"CarouselAllModule","line":262,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"ToolbarModule","line":263,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TabModule","line":264,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TreeViewModule","line":265,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"PdfViewerModule","line":266,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"DropDownButtonModule","line":267,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"SplitButtonModule","line":268,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"RichTextEditorAllModule","line":269,"character":4},{"__symbolic":"reference","module":"ng-inline-svg","name":"InlineSVGModule","line":270,"character":4}],"providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"PageService","line":273,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"RowDDService","line":274,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"SortService","line":275,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"FilterService","line":276,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ExcelExportService","line":277,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"EditService","line":278,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ResizeService","line":279,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ToolbarService","line":280,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnChooserService","line":281,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"AggregateService","line":282,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnMenuService","line":283,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"DetailRowService","line":284,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"SelectionService","line":285,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GroupService","line":286,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"PieSeriesService","line":287,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationLegendService","line":288,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationTooltipService","line":289,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationAnnotationService","line":290,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationDataLabelService","line":291,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"LinkAnnotationService","line":292,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"BookmarkViewService","line":293,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"MagnificationService","line":294,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"ThumbnailViewService","line":295,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"ToolbarService","line":296,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"NavigationService","line":297,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"TextSearchService","line":298,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"TextSelectionService","line":299,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"PrintService","line":300,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"HtmlEditorService","line":301,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"ToolbarService","line":302,"character":4},{"__symbolic":"reference","name":"CommonFunctionService"},{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"TranslationService"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":310,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":311,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":312,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":313,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":314,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":315,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":316,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":317,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":318,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridModule","line":319,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"PagerModule","line":320,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"GridAllModule","line":321,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"SwitchModule","line":322,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"CheckBoxModule","line":323,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"RadioButtonModule","line":324,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ButtonModule","line":325,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ChipListModule","line":326,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-diagrams","name":"DiagramModule","line":327,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"TooltipModule","line":328,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"DialogModule","line":329,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DatePickerModule","line":330,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateRangePickerModule","line":331,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-calendars","name":"DateTimePickerModule","line":332,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"TextBoxModule","line":333,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"ColorPickerModule","line":334,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"UploaderModule","line":335,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-inputs","name":"NumericTextBoxModule","line":336,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownListModule","line":337,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownTreeModule","line":338,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"MultiSelectAllModule","line":339,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"AutoCompleteModule","line":340,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"ListBoxModule","line":341,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotViewAllModule","line":342,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"PivotFieldListAllModule","line":343,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"ChartAllModule","line":344,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartAllModule","line":345,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"RangeNavigatorAllModule","line":346,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-charts","name":"AccumulationChartModule","line":347,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-layouts","name":"DashboardLayoutModule","line":348,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"CarouselAllModule","line":349,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"ToolbarModule","line":350,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TabModule","line":351,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TreeViewModule","line":352,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pdfviewer","name":"PdfViewerModule","line":353,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"DropDownButtonModule","line":354,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"SplitButtonModule","line":355,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-richtexteditor","name":"RichTextEditorAllModule","line":356,"character":4},{"__symbolic":"reference","name":"CommonGridComponent"},{"__symbolic":"reference","name":"GridActionComponent"},{"__symbolic":"reference","name":"GridActionItemComponent"},{"__symbolic":"reference","name":"FloatBoxComponent"},{"__symbolic":"reference","name":"RsPageListComponent"},{"__symbolic":"reference","name":"RsPageTabComponent"},{"__symbolic":"reference","name":"GridBoxComponent"},{"__symbolic":"reference","name":"RSHeaderComponent"},{"__symbolic":"reference","name":"RSFooterComponent"},{"__symbolic":"reference","name":"RSAsideComponent"},{"__symbolic":"reference","name":"MultiTabComponent"},{"__symbolic":"reference","name":"MainContainerComponent"},{"__symbolic":"reference","name":"TagInputComponent"},{"__symbolic":"reference","name":"RadioGroupComponent"},{"__symbolic":"reference","name":"CheckboxGroupComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"SwitchInputComponent"},{"__symbolic":"reference","name":"EncryptedInputComponent"},{"__symbolic":"reference","name":"SearchInputComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"DrawerComponent"},{"__symbolic":"reference","name":"DrawerFormComponent"},{"__symbolic":"reference","name":"ToolbarItemComponent"},{"__symbolic":"reference","name":"RsCommentaryComponent"},{"__symbolic":"reference","name":"RSNavCardGroupComponent"},{"__symbolic":"reference","name":"RSToolbarComponent"},{"__symbolic":"reference","name":"TruncatedTextToggleComponent"},{"__symbolic":"reference","name":"CommonDialogComponent"},{"__symbolic":"reference","name":"RSStepperComponent"},{"__symbolic":"reference","name":"PaneGroupNewComponent"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"}],"entryComponents":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"CommonDialogComponent"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":407,"character":12}]}]}],"members":{}},"PBF_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":29},"arguments":["PBF_TOKEN"]},"API_SERVICE_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":37},"arguments":["API_SERVICE_TOKEN"]},"ROLE_SERVICE_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":38},"arguments":["ROLE_SERVICE_TOKEN"]},"ɵa":{"__symbolic":"function","parameters":["delay"],"defaults":[300],"value":{"__symbolic":"error","message":"Lambda not supported","line":1,"character":9,"module":"./lib/utils/decorator"}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeAddStatus":[{"__symbolic":"method"}],"getAbs":[{"__symbolic":"method"}],"dataExists":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getColorFromColorArr":[{"__symbolic":"method"}],"getPanesData":[{"__symbolic":"method"}],"getStartRefresh":[{"__symbolic":"method"}],"getSwitchConfig":[{"__symbolic":"method"}],"getColNum":[{"__symbolic":"method"}],"getAloneCol":[{"__symbolic":"method"}],"getFull_dt":[{"__symbolic":"method"}],"getDashbordGroup":[{"__symbolic":"method"}],"getportletEdit":[{"__symbolic":"method"}],"getaddportlet":[{"__symbolic":"method"}],"getCustomizeStatus":[{"__symbolic":"method"}],"getPushbtn":[{"__symbolic":"method"}],"getDownloadDashbord":[{"__symbolic":"method"}],"getLeftMenuBar":[{"__symbolic":"method"}],"createGroup":[{"__symbolic":"method"}],"getRefreshGadget":[{"__symbolic":"method"}],"getGenerateStatus":[{"__symbolic":"method"}],"changeSubheaderMode":[{"__symbolic":"method"}],"getTablesource":[{"__symbolic":"method"}],"pageLoading_obs":[{"__symbolic":"method"}],"getPvtableDisplayOptionChartChange":[{"__symbolic":"method"}],"getEnableMultipleAxisChange":[{"__symbolic":"method"}],"getShowLegendChange":[{"__symbolic":"method"}],"getMarkerFormat":[{"__symbolic":"method"}],"getTheme":[{"__symbolic":"method"}],"editProperties":[{"__symbolic":"method"}],"getDataSendToFilter":[{"__symbolic":"method"}],"getportletDownload":[{"__symbolic":"method"}],"getTableFormat":[{"__symbolic":"method"}],"getTableFilter":[{"__symbolic":"method"}],"getchangeDataTable":[{"__symbolic":"method"}],"getDashboardRename":[{"__symbolic":"method"}],"getchangeTable":[{"__symbolic":"method"}],"getchangePivot":[{"__symbolic":"method"}],"getchangeChart":[{"__symbolic":"method"}],"getchangeGeo":[{"__symbolic":"method"}],"getTagsUpdate":[{"__symbolic":"method"}],"getAllInvestee_":[{"__symbolic":"method"}],"getDataMartActive_":[{"__symbolic":"method"}],"getResetbtn":[{"__symbolic":"method"}],"getchangelayout":[{"__symbolic":"method"}],"getclearSidebar":[{"__symbolic":"method"}],"watchTranposeFilter":[{"__symbolic":"method"}],"updatePortletTitle":[{"__symbolic":"method"}],"watchUpdateDatamartEntity":[{"__symbolic":"method"}],"createDashboardObservable":[{"__symbolic":"method"}],"createDashboardObservableNew":[{"__symbolic":"method"}],"changeDashboardSharedObservable":[{"__symbolic":"method"}],"clearFieldListObservable":[{"__symbolic":"method"}],"getUpdated":[{"__symbolic":"method"}],"dashboardNavigateObservable":[{"__symbolic":"method"}],"getChartTypeChange":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ngInjectableDef":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":82,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":77,"character":19},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":80,"character":24},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"setEntityType":[{"__symbolic":"method"}],"GetDashboardV1":[{"__symbolic":"method"}],"filterTriggerGetData":[{"__symbolic":"method"}],"removeParentheses":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"GetChartTypes":[{"__symbolic":"method"}],"getCompanyDropdown":[{"__symbolic":"method"}],"getCurrencyDropdown":[{"__symbolic":"method"}],"GetTimeMeasure":[{"__symbolic":"method"}],"GetPeriods":[{"__symbolic":"method"}],"GetFollowingPeriods":[{"__symbolic":"method"}],"GetFinancialFigureCodes":[{"__symbolic":"method"}],"GetFinancialSubType":[{"__symbolic":"method"}],"GetFinancialItems":[{"__symbolic":"method"}],"GetTheme":[{"__symbolic":"method"}],"GetFollowingDataType":[{"__symbolic":"method"}],"GetFormat":[{"__symbolic":"method"}],"GetChartStyle":[{"__symbolic":"method"}],"getFundDropdown":[{"__symbolic":"method"}],"GetGrouping":[{"__symbolic":"method"}],"getFundDropdown_":[{"__symbolic":"method"}],"GetAllInvestee":[{"__symbolic":"method"}],"pivotTableformatNumber":[{"__symbolic":"method"}],"pivotTableformatInteger":[{"__symbolic":"method"}],"pivotTableformatPercent":[{"__symbolic":"method"}],"pivotTableformatPercentNum":[{"__symbolic":"method"}],"pivotTableformatMultiple":[{"__symbolic":"method"}],"formatNumber":[{"__symbolic":"method"}],"formatPercent":[{"__symbolic":"method"}],"formatPercentNum":[{"__symbolic":"method"}],"formatMultiple":[{"__symbolic":"method"}],"GetFigureFormat":[{"__symbolic":"method"}],"GetFigureFormat3":[{"__symbolic":"method"}],"GetPercentFormats":[{"__symbolic":"method"}],"GetMultipleFormats":[{"__symbolic":"method"}],"getAggregateType":[{"__symbolic":"method"}],"getCalculateMethod":[{"__symbolic":"method"}],"number_format":[{"__symbolic":"method"}],"toFixedFix":[{"__symbolic":"method"}],"getResultByDataTable":[{"__symbolic":"method"}],"getOrderByColumnsNew":[{"__symbolic":"method"}],"decompressArrayBuffer":[{"__symbolic":"method"}],"getAllFields":[{"__symbolic":"method"}],"setSchemaParams":[{"__symbolic":"method"}],"checkHasFromDate":[{"__symbolic":"method"}],"checkIsQ2Q":[{"__symbolic":"method"}],"setConfigFields":[{"__symbolic":"method"}],"getDataByPortletsNew":[{"__symbolic":"method"}],"clearFieldsObj":[{"__symbolic":"method"}],"getParamsByPortlet":[{"__symbolic":"method"}],"needGetPortletData":[{"__symbolic":"method"}],"setDataManager":[{"__symbolic":"method"}],"checkFilterSettings":[{"__symbolic":"method"}],"sortDataMartTables":[{"__symbolic":"method"}],"renameDataMartTables":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵe":{"__symbolic":"function","parameters":["delay"],"defaults":[300],"value":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":8,"module":"./lib/dashboard/bar-charts/utils"}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"rs-richtext-editor","template":"<div class=\"editor_box\" id=\"container\">\r\n <ejs-richtexteditor\r\n #editor\r\n id=\"editor\"\r\n [height]=\"height\"\r\n [saveInterval]=\"0\"\r\n [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n [toolbarSettings]=\"tools\"\r\n [fontFamily]=\"family\"\r\n [insertImageSettings]=\"insertImageSettings\"\r\n [(value)]=\"value\"\r\n (change)=\"onContentChange($event)\"\r\n (created)=\"onCreate()\"\r\n (toolbarClick)=\"_toolbarClick($event)\"\r\n >\r\n </ejs-richtexteditor>\r\n <ejs-dialog\r\n #AIdialog\r\n id=\"AIdialog\"\r\n [ngClass]=\"size\"\r\n [visible]=\"false\"\r\n [target]=\"target\"\r\n [isModal]=\"true\"\r\n [height]=\"dialogHeight\"\r\n [width]=\"dialogWidth\"\r\n maxHeight=\"80%\"\r\n cssClass=\"e-rte-elements custom-dialog-rte\"\r\n zIndex=\"1000\"\r\n (close)=\"closeDialog()\"\r\n (overlayClick)=\"onOverlayClick()\"\r\n (open)=\"dialogShow()\"\r\n >\r\n <ng-template #header>\r\n <div class=\"header-title\">AI Assist</div>\r\n <div class=\"header-buttons\">\r\n <div ngIf=\"showZoomBtn\" class=\"header-zoom\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div class=\"header-btn\" (click)=\"closeDialog()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </ng-template>\r\n <ng-template #footerTemplate>\r\n <div id=\"dialog-footer-content\">\r\n <div class=\"custom-row-0\">\r\n <div\r\n class=\"cuscol-0\"\r\n style=\"width: 100%; align-items: center; justify-content: left\"\r\n ></div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n \"\r\n >\r\n <div style=\"text-align: right; width: 100%\">\r\n <button\r\n ejs-button\r\n #sentimentButton\r\n content=\"😊 Neutral\"\r\n disabled=\"false\"\r\n cssClass=\"sentiment\"\r\n ></button>\r\n <button\r\n ejs-button\r\n #copyButton\r\n content=\"Copy\"\r\n disabled=\"false\"\r\n class=\"copy-btn\"\r\n ></button>\r\n <button\r\n ejs-button\r\n #replaceButton\r\n content=\"Replace\"\r\n isPrimary=\"true\"\r\n disabled=\"false\"\r\n ></button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n <ng-template #content>\r\n <div class=\"dialog-content\" style=\"height: 100%\">\r\n <div class=\"custom-row-0\">\r\n <div class=\"cuscol-0\" style=\"width: 100%\">\r\n <ejs-dropdownlist\r\n #queryCategory\r\n style=\"width: 200px\"\r\n id=\"queryCategory\"\r\n [dataSource]=\"queryList\"\r\n index=\"0\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onQuerySelect($event)\"\r\n >\r\n Rephrase\r\n </ejs-dropdownlist>\r\n <ejs-dropdownlist\r\n ngIf=\"selectedQuery == 'Rephrase'\"\r\n id=\"chips-container\"\r\n #chipList\r\n style=\"width: 160px\"\r\n [(ngModel)]=\"chipValue\"\r\n [dataSource]=\"rephraseTyleList\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onChipClick($event)\"\r\n >\r\n </ejs-dropdownlist>\r\n <ejs-dropdownlist\r\n ngIf=\"selectedQuery == 'Translate'\"\r\n #languageCategory\r\n index=\"0\"\r\n id=\"language-Category\"\r\n [dataSource]=\"languageList\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onLanguageSelect($event)\"\r\n >\r\n </ejs-dropdownlist>\r\n </div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n \"\r\n >\r\n <!-- <ejs-chiplist\r\n id=\"chips-container\"\r\n #chipList\r\n [chips]=\"['Standard', 'Fluent', 'Professional']\"\r\n selection=\"Single\"\r\n cssClass=\"e-outline\"\r\n [selectedChips]=\"[0]\"\r\n (click)=\"onChipClick($event)\"\r\n >\r\n </ejs-chiplist> -->\r\n <button\r\n ejs-button\r\n #regenerateButton\r\n content=\"Regenerate\"\r\n isPrimary=\"true\"\r\n disabled=\"false\"\r\n ></button>\r\n </div>\r\n </div>\r\n <div class=\"custom-row-1\" style=\"height: calc(100% - 40px)\">\r\n <div\r\n class=\"cuscol-0\"\r\n style=\"\r\n width: 100%;\r\n height: 100%;\r\n align-items: center;\r\n justify-content: left;\r\n \"\r\n >\r\n <div style=\"text-align: left; height: 100%\">\r\n <ejs-richtexteditor\r\n #leftRte\r\n id=\"leftRte\"\r\n height=\"100%\"\r\n [toolbarSettings]=\"{ enable: false }\"\r\n placeholder=\"Analysis of AI Support\"\r\n cssClass=\"e-outline\"\r\n >\r\n </ejs-richtexteditor>\r\n </div>\r\n </div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n height: 100%;\r\n \"\r\n >\r\n <div style=\"text-align: left; width: 100%; height: 100%\">\r\n <ejs-richtexteditor\r\n #rightRte\r\n id=\"rightRte\"\r\n height=\"100%\"\r\n [toolbarSettings]=\"{ enable: false }\"\r\n placeholder=\"Analysis of AI Support\"\r\n cssClass=\"e-outline\"\r\n >\r\n <!-- style=\"display: none\" -->\r\n </ejs-richtexteditor>\r\n <div\r\n class=\"no-results-found\"\r\n id=\"no-results-found\"\r\n style=\"display: none; height: 244px; align-content: center\"\r\n >\r\n <img\r\n height=\"50\"\r\n width=\"50\"\r\n src=\"https://storage.googleapis.com/cdn-bolddesk/agent-angular-app/images/light/no-records-warning.svg\"\r\n />\r\n <div>No results found</div>\r\n </div>\r\n <div id=\"skeletonId\" style=\"display: none\">\r\n <ejs-skeleton\r\n #skeletonId1\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"100%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId2\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"90%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId3\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"70%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId4\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"50%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId5\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"30%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId6\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"10%\"\r\n ></ejs-skeleton\r\n ><br />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </ejs-dialog>\r\n <div class=\"toast\" ngIf=\"showMsg\">\r\n <span class=\"toast_text\">First, Select some text</span\r\n ><span class=\"close_icon\" (click)=\"hideToast()\"></span>\r\n </div>\r\n</div>\r\n","styles":[".editor_box{position:relative;width:100%;height:100%}.editor_box .toast{position:absolute;left:35%;top:110px;z-index:1;width:400px;border-radius:4px;border:1px solid #e8f2ff;background:#f4f8ff;padding:4px 12px;color:#1f3f5c;font-size:12px;font-style:normal;font-weight:400;height:32px;font-family:Arial;display:flex;align-items:center;justify-content:space-between}.editor_box .toast .toast_text::before{content:url(../../assets/img/info.svg);display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(../../assets/img/notification-close.svg);cursor:pointer;display:inline-block;width:16px;height:16px}.custom-dialog-rte{padding:0 20px;border-radius:10px}.custom-row-0,.custom-row-1,.custom-row-2{display:flex;align-items:center;padding:12px 24px}.e-rte-dropdown-btn-text{padding-left:4px}.no-results-found{text-align:center}.no-results-found img{display:block;margin:0 auto}.e-custom{margin-right:.5rem;border-radius:25px!important}.custom-dialog-rte .skeleton-rectangle{border-radius:4px}@media (max-width:767px){.cuscol-0,.cuscol-1,.cuscol-2{justify-content:center!important}.custom-row-0,.custom-row-1,.custom-row-2{flex-direction:column!important}.cuscol-1{border-right:none!important}.cuscol-0{width:100%;align-items:center}::ng-deep:host .e-dialog{max-height:80%!important}.custom-dialog-rte .e-dialog .e-dlg-content{overflow-y:auto!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor{height:100px!important}.cuscol-noresult{padding-bottom:20px!important}.e-chip-list{padding:5px!important}.cuscol{padding-right:.2rem!important;width:auto!important}.custom-row-1{height:auto!important}}.cuscol-1{display:flex;flex-direction:row!important}.cuscol-2{display:flex;flex-direction:column!important}.sentiment{color:#000!important}.custom-dialog-rte .e-dialog .e-dlg-content{padding:0!important;overflow-y:hidden}.custom-dialog-rte .e-dialog .e-dlg-header-content{padding:20px 0!important;border:0!important}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header{display:flex;align-items:center;line-height:18px;justify-content:space-between}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header .header-title{font-family:Arial;font-size:15px;font-weight:700;font-style:normal}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons{display:flex}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons img{width:16px;height:16px;cursor:pointer;padding:2px;margin-left:12px}.custom-dialog-rte .e-dialog .e-footer-content{padding:0!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor.e-rte-tb-expand .e-rte-content,.e-richtexteditor.e-rte-tb-expand .e-source-content{border:0;border-bottom:1px solid #dee2e6;border-top:0 solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0 solid #ddd!important;padding:0;margin-bottom:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-0{justify-content:left;border-right:none!important;padding:0;display:flex;gap:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1{padding:0;margin-left:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1 .e-primary{color:#44566c;border-radius:4px;border:1px solid #dbe1e7;background:#fff;width:87px;margin:0;padding:2px 12px;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;height:28px}.custom-dialog-rte .dialog-content .custom-row-1{padding:0;height:calc(100% - 40px);gap:12px}.custom-dialog-rte .e-footer-content{border:0}.custom-dialog-rte .e-footer-content .custom-row-0{padding:20px 0}.custom-dialog-rte .e-footer-content .e-control.e-btn{font-family:Arial;font-size:12px;line-height:14px;padding:2px 12px;height:28px;background:#fff;color:#44566c}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn{border-color:#dbe1e7}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn::before{content:url(../../assets/img/editor-copy.svg);vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.editor_box .e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}"]}]}],"members":{"rteObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["editor",{"static":false}]}]}],"queryCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["queryCategory",{"static":false}]}]}],"leftRte":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["leftRte",{"static":false}]}]}],"rightRte":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["rightRte",{"static":false}]}]}],"AIdialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["AIdialog",{"static":true}]}]}],"sentimentButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["sentimentButton",{"static":false}]}]}],"regenerateButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["regenerateButton",{"static":false}]}]}],"copyButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["copyButton",{"static":false}]}]}],"replaceButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["replaceButton",{"static":false}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"autoSaveOnIdle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"toolbarClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":174,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"onContentChange":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"aiQuerySelectedMenu":[{"__symbolic":"method"}],"dialogueOpen":[{"__symbolic":"method"}],"updateAISugesstionsData":[{"__symbolic":"method"}],"updateAISugesstions":[{"__symbolic":"method"}],"getResponseFromOpenAI":[{"__symbolic":"method"}],"dialogShow":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"copyTextToClipboard":[{"__symbolic":"method"}],"onOverlayClick":[{"__symbolic":"method"}],"onQuerySelect":[{"__symbolic":"method"}],"onLanguageSelect":[{"__symbolic":"method"}],"onChipClick":[{"__symbolic":"method"}],"_toolbarClick":[{"__symbolic":"method"}],"hideToast":[{"__symbolic":"method"}],"onZoom":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"rs-confirm-select","template":"<div class=\"rs-confirm-select\">\r\n <ejs-multiselect\r\n #comfirmSelect\r\n [dataSource]=\"dataSource\"\r\n [showDropDownIcon]=\"true\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"selectedItems\"\r\n [fields]=\"fields\"\r\n [showSelectAll]=\"showSelectAll\"\r\n mode=\"CheckBox\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [showClearButton]=\"false\"\r\n (close)=\"onClose($event)\"\r\n filterType=\"Contains\"\r\n >\r\n <ng-template #footerTemplate=\"\" let-data=\"data\">\r\n <div class=\"confirm-select-footer\">\r\n <button class=\"e-btn\" (click)=\"onCancel()\">\r\n {{ translation.CANCEL }}\r\n </button>\r\n <button class=\"e-btn e-primary\" (click)=\"onApply()\">\r\n {{ translation.APPLY }}\r\n </button>\r\n </div>\r\n </ng-template>\r\n </ejs-multiselect>\r\n</div>\r\n","styles":[".confirm-select-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 12px;gap:12px;height:40px;border-top:solid 1px var(--rs-border-color)}"]}]}],"members":{"comfirmSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["comfirmSelect",{"static":false}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"showSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"resetSelectedItems":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"kt-new-action-notification","template":"<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\tngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n","styles":["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MAT_SNACK_BAR_DATA","line":26,"character":10}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"closeNotification":[{"__symbolic":"method"}],"expandNotification":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kt-common-delete-dialog","template":"<rs-common-dialog\r\n [size]=\"size\"\r\n [title]=\"title\"\r\n [hideHeader]=\"false\"\r\n [hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n [hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n [hideDiscardBtn]=\"\r\n data.hideDiscardBtn === undefined ? true : data.hideDiscardBtn\r\n \"\r\n [saveBtnLabel]=\"saveBtnLabel\"\r\n [cancelBtnLabel]=\"cancelBtnLabel\"\r\n [discardBtnLabel]=\"discardBtnLabel\"\r\n [showErrorIcon]=\"\r\n data.showErrorIcon === undefined ? false : data.showErrorIcon\r\n \"\r\n [hideCloseIcon]=\"\r\n data.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n \"\r\n\t[showZoomBtn]=\"data.showZoomBtn\"\r\n>\r\n <div class=\"mapping-dialog\">\r\n <div ngIf=\"isMultiLine\">\r\n <div ngFor=\"let item of description\" class=\"description-item\">\r\n {{ item }}\r\n </div>\r\n </div>\r\n <div ngIf=\"!isMultiLine\">\r\n {{description}}\r\n </div>\r\n </div>\r\n</rs-common-dialog>\r\n","styles":[".mapping-dialog{color:#44566c;font-family:Arial;font-size:12px;line-height:16px;white-space:pre-line}.mapping-dialog .description-item{line-height:26px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":36,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵi"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"kt-sidebar-iconlist-new","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"},"template":"<div class=\"sidebar-iconlist\" ngIf=\"config\">\r\n <ul class=\"nav-tabs\">\r\n <li class=\"nav-item\">\r\n <a\r\n class=\"nav-link\"\r\n [ngClass]=\"{ active: currentTab === 'tab1' }\"\r\n data-toggle=\"tab\"\r\n (click)=\"switchTab('tab1')\"\r\n >\r\n <img\r\n style=\"margin-right: 8px\"\r\n src=\"../../../assets/img/dashboard_icon/basic-icon-filter.svg\"\r\n />\r\n <div class=\"tab-name\">\r\n {{ translation.FILTER ? translation.FILTER : \".FILTER\" }}\r\n </div>\r\n </a>\r\n </li>\r\n <li class=\"nav-item\">\r\n <a\r\n class=\"nav-link\"\r\n [ngClass]=\"{ active: currentTab === 'tab2' }\"\r\n data-toggle=\"tab\"\r\n (click)=\"switchTab('tab2')\"\r\n >\r\n <img\r\n style=\"margin-right: 8px\"\r\n src=\"../../../assets/img/dashboard_icon/dashboard-icon.svg\"\r\n />\r\n <div class=\"tab-name\">\r\n {{ translation.PROPERTIES ? translation.PROPERTIES : \".PROPERTIES\" }}\r\n </div>\r\n </a>\r\n </li>\r\n </ul>\r\n <div class=\"sidebar-iconlist-content\">\r\n <!-- <form action=\"\" method=\"\"> -->\r\n <div\r\n class=\"tab-content\"\r\n style=\"height: calc(100% - 140px); overflow-y: scroll\"\r\n >\r\n <div class=\"tab-pane\" ngIf=\"currentTab === 'tab1'\" style=\"height: 100%\">\r\n <kt-field-filter\r\n [portlet]=\"portlet\"\r\n [dashboard]=\"dashboard\"\r\n [portlets]=\"portlets\"\r\n (updatePorletConfig)=\"_updatePorletConfig($event)\"\r\n ></kt-field-filter>\r\n </div>\r\n <div class=\"tab-pane\" ngIf=\"currentTab === 'tab2'\">\r\n <div>\r\n <div (click)=\"nextWizard(0)\" class=\"wizard\">\r\n <span class=\"wizard-name\">\r\n {{\r\n translation.DATA_TABLE ? translation.DATA_TABLE : \"Data Table\"\r\n }}\r\n </span>\r\n <mat-icon style=\"position: absolute; right: 0\">\r\n {{ !expandArray[0] ? \"expand_more\" : \"expand_less\" }}\r\n </mat-icon>\r\n </div>\r\n <div\r\n [ngStyle]=\"{ height: expandArray[0] ? '100px' : '0' }\"\r\n [ngClass]=\"{ collapsed: !expandArray[0] }\"\r\n class=\"wizard-expanded\"\r\n >\r\n <div class=\"data-source add-pdding\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{\r\n translation.FIRST_CHOOSE_THE_DATA_TABLE_TO_CUSTOMIZE_YOUR_DASHBOARD\r\n ? translation.FIRST_CHOOSE_THE_DATA_TABLE_TO_CUSTOMIZE_YOUR_DASHBOARD\r\n : \"Firstly, choose the data table to customize your dashboard\"\r\n }}\r\n </div>\r\n <div class=\"twelvepx\">\r\n <mat-select\r\n class=\"datamart-select\"\r\n [(ngModel)]=\"selectedDatamart\"\r\n (selectionChange)=\"changeDataTable($event.value)\"\r\n >\r\n <ng-container ngFor=\"let datatable of dataMartTableList\">\r\n <!-- ngIf=\"!datatable.isHide\" -->\r\n <mat-option [value]=\"datatable.datamartCode\">\r\n {{\r\n translation[datatable.langCode] \|\| datatable.langCode\r\n }}\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div ngIf=\"getFigurecode()\" (click)=\"nextWizard(2)\" class=\"wizard\">\r\n <span class=\"wizard-name\"\r\n >{{\r\n translation.PORTLET_TYPE\r\n ? translation.PORTLET_TYPE\r\n : \".PORTLET_TYPE\"\r\n }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[2] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n <!-- 图表类型选择 -->\r\n <div\r\n ngIf=\"getFigurecode()\"\r\n [ngClass]=\"{ collapsed: !expandArray[2] }\"\r\n class=\"wizard-expanded portlets\"\r\n >\r\n <kt-portlet-type-new\r\n [portlet]=\"portlet\"\r\n [dashboard]=\"dashboard\"\r\n [dataMartCode]=\"selectedDatamart\"\r\n (portletType)=\"getPortletType($event)\"\r\n >\r\n </kt-portlet-type-new>\r\n </div>\r\n\r\n <!-- new dashboard 并且选择图标类型才有的供三个图表选择的X轴Y轴 -->\r\n <ng-container\r\n ngIf=\"\r\n ['newcolumn', 'newline', 'newcolumnline'].includes(portletType)\r\n \"\r\n >\r\n <div class=\"wizard\" (click)=\"nextWizard(7)\">\r\n <span class=\"wizard-name\"\r\n >{{ translation.CONFIGURATIONS \|\| \".CONFIGURATIONS\" }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[7] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n\r\n <!-- 图标配置项 configuration -->\r\n <div\r\n [ngClass]=\"{ collapsed: !expandArray[7] }\"\r\n class=\"wizard-expanded config\"\r\n >\r\n <div style=\"padding-left: 18px\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.COLORS \|\| \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n style=\"margin-bottom: 10px\"\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"changeTheme($event, 'theme')\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.X_AXIS \|\| \".X-AXIS\" }}\r\n </div>\r\n\r\n <mat-select\r\n [(value)]=\"selectedX\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <ng-container ngFor=\"let i of yList\">\r\n <mat-option\r\n ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <ng-container ngIf=\"selectedX\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.FREQUENCY \|\| \".FREQUENCY\" }}\r\n </div>\r\n\r\n <mat-select\r\n [(value)]=\"selectedMultiples\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let i of multiplesList\"\r\n [value]=\"i.langCode\"\r\n >{{\r\n i.addtionName\r\n ? i.addtionName + \"\" + translation[i.langCode]\r\n : translation[i.langCode]\r\n }}</mat-option\r\n >\r\n </mat-select>\r\n </ng-container>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{\r\n portletType === \"newcolumnline\"\r\n ? (translation.COLUMN ? translation.COLUMN + \" \" : \"\") +\r\n (translation.Y_AXIS \|\| \".COLUMN Y-AXIS\")\r\n : translation.Y_AXIS \|\| \".Y-AXIS\"\r\n }}\r\n </div>\r\n\r\n <mat-select\r\n multiple\r\n [(value)]=\"selectedY\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <ng-container ngFor=\"let i of yList\">\r\n <mat-option\r\n ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <div\r\n style=\"margin-bottom: 10px\"\r\n class=\"twelvepx\"\r\n ngIf=\"portletType == 'newcolumnline'\"\r\n >\r\n {{\r\n (translation.LINE ? translation.LINE + \" \" : \"\") +\r\n (translation.Y_AXIS \|\| \".LINE Y-AXIS\")\r\n }}\r\n </div>\r\n\r\n <mat-select\r\n multiple\r\n class=\"datamart-select\"\r\n [(value)]=\"selectedSecondY\"\r\n (openedChange)=\"xyChange($event)\"\r\n panelClass=\"mat-select-multi-panel\"\r\n ngIf=\"portletType == 'newcolumnline'\"\r\n >\r\n <ng-container ngFor=\"let i of yList\">\r\n <mat-option\r\n ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <div class=\"data-label-content\">\r\n <div class=\"label\">\r\n {{ translation.DATA_LABEL \|\| \".Data labels\" }}\r\n </div>\r\n <ejs-switch\r\n [(ngModel)]=\"hasMarker\"\r\n (ngModelChange)=\"labelConfigChange($event)\"\r\n ></ejs-switch>\r\n </div>\r\n\r\n <div style=\"margin: 10px 0\" class=\"twelvepx\">\r\n {{ translation.DISPLAY_UNITS \|\| \".Display Units\" }}\r\n </div>\r\n\r\n <mat-select\r\n class=\"datamart-select\"\r\n [(ngModel)]=\"markerFormat\"\r\n (ngModelChange)=\"onChangeFormat()\"\r\n >\r\n <ng-container ngFor=\"let format of markerFormatList\">\r\n <mat-option [value]=\"format.value\">{{\r\n format.label\r\n }}</mat-option>\r\n </ng-container>\r\n </mat-select>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- historical IRR 专用 -->\r\n <ng-container ngIf=\"['historicalIRR'].includes(portletType)\">\r\n <div class=\"wizard\" (click)=\"nextWizard(7)\">\r\n <span class=\"wizard-name\"\r\n >{{ translation.CONFIGURATIONS \|\| \"CONFIGURATIONS\" }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[7] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n\r\n <!-- 图标配置项 configuration -->\r\n <div\r\n [ngClass]=\"{ collapsed: !expandArray[7] }\"\r\n class=\"wizard-expanded config\"\r\n >\r\n <div style=\"padding-left: 18px\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.COLORS \|\| \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n style=\"margin-bottom: 10px\"\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"changeTheme($event, 'theme')\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.FREQUENCY \|\| \".FREQUENCY\" }}\r\n </div>\r\n\r\n <!-- Frequency: Yearly/Quarterly(default)/Monthly -->\r\n <mat-select\r\n [(value)]=\"selectedMultiples\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let i of frequencyOptions\"\r\n [value]=\"i.langCode\"\r\n >\r\n {{ (i.addtionName \|\| \"\") + translation[i.langCode] }}\r\n </mat-option>\r\n </mat-select>\r\n\r\n <!-- Fund cashflow IRR ( fund ops settlement) 可选择 -->\r\n <ng-container\r\n ngIf=\"\r\n ['FundHistoricalCashflowIRR'].includes(selectedDatamart)\r\n \"\r\n >\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n Investors\r\n </div>\r\n <!-- Investors: All/exclude GP&SLP -->\r\n <mat-select\r\n [(value)]=\"selectedInvestor\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let item of investorList\"\r\n [value]=\"item.code\"\r\n >\r\n {{ item.text }}\r\n </mat-option>\r\n </mat-select>\r\n </ng-container>\r\n\r\n <!-- line 和 bar 图 x 轴为 date，y 轴为 IRR 百分数 -->\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.VISUAL_TYPE \|\| \".VISUAL_TYPE\" }}\r\n </div>\r\n <!-- Visual Type: Line(default)/Column Chart/Table -->\r\n <mat-select\r\n [(value)]=\"selectedVisualType\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n ngFor=\"let item of visualTypeList\"\r\n [value]=\"item.code\"\r\n >\r\n {{ item.text }}\r\n </mat-option>\r\n </mat-select>\r\n <div\r\n class=\"data-label-content\"\r\n ngIf=\"selectedVisualType !== 'table'\"\r\n >\r\n <div class=\"label\">\r\n {{ translation.DATA_LABEL \|\| \".Data labels\" }}\r\n </div>\r\n <ejs-switch\r\n [checked]=\"true\"\r\n [(ngModel)]=\"hasMarker\"\r\n (ngModelChange)=\"labelConfigChange($event)\"\r\n ></ejs-switch>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"wizard\" (click)=\"nextWizard(3)\">\r\n <span class=\"wizard-name\"\r\n >{{\r\n translation.GENERAL_OPTIONS\r\n ? translation.GENERAL_OPTIONS\r\n : \".GENERAL_OPTIONS\"\r\n }}</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[3] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n <div\r\n class=\"dialog-content\"\r\n [ngClass]=\"{ collapsed: !expandArray[3] }\"\r\n ngIf=\"portletType !== 'newchart'\"\r\n >\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.GADGET_TITLE \|\| \".GADGET_TITLE\" }}\r\n </div>\r\n <input\r\n matInput\r\n #message\r\n maxlength=\"256\"\r\n (ngModelChange)=\"gadgetTitleChange($event)\"\r\n [(ngModel)]=\"config.gadgetTitle\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n </div>\r\n <div\r\n class=\"dialog-content\"\r\n [ngClass]=\"{ collapsed: !expandArray[3] }\"\r\n ngIf=\"portletType === 'newchart'\"\r\n >\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.GADGET_TITLE \|\| \".GADGET_TITLE\" }}\r\n </div>\r\n <input\r\n matInput\r\n #message\r\n maxlength=\"256\"\r\n (ngModelChange)=\"gadgetTitleChange($event)\"\r\n [(ngModel)]=\"config.gadgetTitle\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.CHARTTYPE \|\| \".CHARTTYPE\" }}\r\n </div>\r\n <mat-select\r\n [placeholder]=\"translation.SELECT_A_TYPE \|\| 'Select a type'\"\r\n [(ngModel)]=\"chartSettings.chartSeries.type\"\r\n (selectionChange)=\"setChartType()\"\r\n >\r\n <mat-option ngFor=\"let item of chartTypeList\" [value]=\"item\">\r\n {{ translation[\"chart_\" + item] \|\| item }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <div class=\"condition-item flex\">\r\n <ejs-checkbox\r\n [label]=\"translation.MULTIPLE_AXIS \|\| '.MULTIPLE_AXIS'\"\r\n [(ngModel)]=\"chartSettings.enableMultipleAxis\"\r\n (change)=\"setMultipleAxis($event)\"\r\n ></ejs-checkbox>\r\n <ejs-checkbox\r\n [disabled]=\"!chartSettings.enableMultipleAxis\"\r\n [label]=\"translation.SHOW_LEGEND \|\| '.SHOW_LEGEND'\"\r\n (change)=\"setMultipleAxis($event)\"\r\n [(ngModel)]=\"chartSettings.legendSettings.visible\"\r\n ></ejs-checkbox>\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.MULTIPLE_AXIS_MODE \|\| \".MULTIPLE_AXIS_MODE\" }}\r\n </div>\r\n <mat-select\r\n [placeholder]=\"translation.SELECT_A_MODE \|\| '.SELECT_A_MODE'\"\r\n (selectionChange)=\"setMultipleAxis($event.value)\"\r\n [(ngModel)]=\"chartSettings.multipleAxisMode\"\r\n [disabled]=\"!chartSettings.enableMultipleAxis\"\r\n >\r\n <mat-option\r\n ngFor=\"let item of multipleAxisModeList\"\r\n [value]=\"item\"\r\n >\r\n {{ translation[\"chart_\" + item] \|\| item }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.COLORS \|\| \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"getThemeData($event)\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- </form> -->\r\n <div class=\"footer-btn\">\r\n <button type=\"button\" mat-flat-button class=\"btn-close\" (click)=\"clear()\">\r\n {{ translation.CLEAR ? translation.CLEAR : \"Clear\" }}\r\n </button>\r\n <button type=\"button\" mat-flat-button class=\"btn-save\" (click)=\"close()\">\r\n {{ translation.CLOSE ? translation.CLOSE : \".CLOSE\" }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.sidebar-iconlist{display:flex;flex-direction:column;height:100%}.sidebar-iconlist .nav-tabs{width:100%;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item{width:40%;padding:15px 10px 0}.sidebar-iconlist .nav-tabs .nav-item .nav-link{padding:12px 0;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item .tab-name{font-size:13px;font-weight:700;color:#48465a}.sidebar-iconlist .sidebar-iconlist-content{background-color:#fff;flex:1;height:0}.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{border-bottom:2px solid #5d78ff}.wizard{position:relative;width:100%;height:40px;background-color:#f7f9fb;padding:12px;margin-bottom:10px;cursor:pointer}.wizard .wizard-name{font-size:16px;color:#6c7293;font-weight:600}.wizard .wizard-icon{position:absolute;right:0}.wizard.slide-out{transform:translateX(100%);transition:transform .5s}.wizard.slide-out.slide-in{transform:translateX(0);transition:transform .5s}.wizard.chart{margin-top:-50px}.edit-dashboard-container{height:250px;transition:height .5s;overflow-y:hidden}.edit-dashboard-container.collapsed{height:0;transition:height .5s}.wizard-expanded{background-color:#fff;font-size:15px;overflow-y:auto}.wizard-expanded::-webkit-scrollbar{display:none}.wizard-expanded.datasource{height:500px;transition:height .5s}.wizard-expanded.datasource.extended{height:225px;transition:height .5s}.wizard-expanded.datasource.collapsed{height:0;transition:height .5s}.wizard-expanded.portlets{height:370px;transition:height .5s}.wizard-expanded.portlets.collapsed{height:0;transition:height .5s}.wizard-expanded.general{height:100px;transition:height .5s}.wizard-expanded.general.collapsed{height:0;transition:height .5s}.wizard-expanded.config{height:436px;transition:height .5s}.wizard-expanded.config.collapsed{height:0;transition:height .5s}.wizard-expanded.fields{height:300px;overflow-y:scroll;display:flex;flex-direction:column;transition:height .5s;transform:translateX(0);padding-bottom:50px}.wizard-expanded.fields.collapsed{height:0;transition:height .5s;transform:translateX(16px)}.wizard-expanded.fields.extended{height:400px;transition:height .5s}.wizard-expanded.series{height:auto;display:flex;flex-direction:column;transition:height .5s}.wizard-expanded.series.collapsed{height:0;transition:height .5s}.wizard-expanded.series .series-card{border:.33px solid #6c7293;margin-top:5px;margin-bottom:5px;width:98%}.wizard-expanded.series .series-card .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.xaxis{height:auto;transition:height .5s}.wizard-expanded.xaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.xaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.yaxis{height:auto;transition:height .5s}.wizard-expanded.yaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.yaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded .datamart-type-btn{border-radius:20px;height:40px;border:2px solid #606ede;background-color:#fff;color:#606ede;margin-right:10px;padding-left:10px;padding-right:10px;margin-bottom:10px}.wizard-expanded .datamart-type-btn.selected{color:#fff;background-color:#606ede}.wizard-expanded .datamart-select{height:40px;background-color:rgba(239,241,254,.5);width:95%;padding-left:10px;padding-top:10px;margin-bottom:10px}.wizard-expanded .twelvepx{font-size:12px}.footer-btn{z-index:998;background:#fff;padding-top:15px;position:absolute;bottom:30px}.btn-save{width:150px;height:40px;border-radius:5px;color:#5d78ff;background-color:#eff1fe;border-style:none;font-size:15px;font-weight:700;font-family:Arial;margin-left:13px}.btn-save:hover{color:#fff;background:#606ede}.btn-close{width:150px;height:40px;border-radius:5px;background-color:#f2f3f7;border-style:none;font-size:15px;font-weight:700;font-family:Arial;color:#979cb4;margin-left:44px}.scroll-body::-webkit-scrollbar{display:none}::ng-deep kt-sidebar-iconlist .fields-title{margin-bottom:0!important;background:#f7f8fa!important;padding-left:0!important}::ng-deep kt-sidebar-iconlist .fields-data{background:#f7f8fa!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-frame{background:#fff!important;border:1px solid #d6d6d6!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-inner-container{margin-right:10px!important}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.add-pdding{padding:0 16px}.data-source{background:#fff}.wizard-expanded.datasource{background:#f7f8fa}button.btn.prompt-btn{display:inline-block;width:20px!important;height:22px;margin-top:-6px;margin-left:3px}.prompt-btn{background-image:url(../../assets/img/dashboard_icon/information-1.png);background-position:0 0;background-size:20px;background-repeat:no-repeat}.prompt-btn ngb-tooltip-window .tooltip{width:189px!important;height:58px!important;border-radius:2px!important;box-shadow:0 8px 16px 0 rgba(169,194,209,.25)!important;background-color:rgba(169,194,209,.25)!important;font-family:Arial!important;font-size:13px!important;color:#fff!important}.content-title{font-size:10px;font-weight:400;color:#a2a3b5}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.data-label-content{margin-top:8px;display:flex;align-items:center}.data-label-content .label{margin-right:8px}input.field-name{border-bottom:1px solid #eaedf0}.display-total{color:#fdbf5e}.scroll-body{padding-bottom:1vh}::ng-deep kt-sidebar-iconlist input,::ng-deep kt-sidebar-iconlist mat-select{color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist span.mat-slide-toggle-content{font-family:Arial!important;font-size:15px!important;font-weight:700!important;color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist .mat-form-field-flex{border-bottom:1px solid #e9edef;border-radius:0!important}.footer-btn{margin:0}.state-selector{width:360px;height:36px;border:2px solid #5867dd;border-radius:5px;display:inline-block;margin-left:15px;margin-bottom:20px}.state-selector .state{display:inline-block;width:33.3%;padding-top:1px;text-align:center;background-color:#fff;height:32px;line-height:32px;font-size:15px;cursor:pointer;color:#606ede}.state-selector .state.investment{border-left:2px solid #5867dd;border-right:2px solid #5867dd}.state-selector .state.selected{background-color:#5867dd;color:#fff}:host ::ng-deep.kt-margin-bottom-10-mobile{height:40px;margin-bottom:20px}:host ::ng-deep.kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep.field-icon-filter .filter .kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep .box{position:absolute;top:364px;background:#fff;width:100%;z-index:999;height:auto}:host ::ng-deep .box .mat-checkbox-inner-container{background:#f8fafb}:host ::ng-deep .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}:host ::ng-deep .box .box-header .title-icon{position:absolute;top:10px;left:10px}:host ::ng-deep .box .box-header .close-icon{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}:host ::ng-deep .box .box-header .close{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-content{display:flex;flex-direction:column;padding:10px;max-height:210px;overflow:auto!important}:host ::ng-deep .box .buttons{font-family:Arial;display:flex;width:100%;justify-content:center;margin-bottom:10px;margin-top:15px}:host ::ng-deep .box .buttons .noki-btn{width:110px;border-radius:6px;color:#5d78ff;background-color:#eff1fe;box-shadow:none;border:none;font-size:1.25rem;font-weight:400;margin-left:15px;margin-right:15px;height:40px;line-height:40px}:host ::ng-deep .box .buttons .noki-btn:hover{color:#fff;background-color:#5d78ff}.format .box-content{max-height:150px}:host::ng-deep .datamart-select .mat-select-value-text{font-size:15px!important;font-weight:400!important;color:#44566c!important}.fields-row{height:40px!important;line-height:40px;position:relative}.fields-row mat-checkbox.fields-{display:inline-block}.fields-row .field-icon-filter,.fields-row .field-icon-format{cursor:pointer;margin:0 6px}.fields-row .field-icon-filter mat-icon,.fields-row .field-icon-format mat-icon{transform:translateY(2px)!important}.fields-row .field-icon-filter .box,.fields-row .field-icon-format .box{position:absolute;top:40px;z-index:99;border:1px solid #eaedf0;border-radius:5px;height:auto;width:367px;cursor:default;background-color:#fff}.fields-row .field-icon-filter .box .mat-checkbox-inner-container,.fields-row .field-icon-format .box .mat-checkbox-inner-container{cursor:pointer}.fields-row .field-icon-filter .box .box-header,.fields-row .field-icon-format .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}.fields-row .field-icon-filter .box .box-header .title-icon,.fields-row .field-icon-format .box .box-header .title-icon{position:absolute;top:10px;left:10px}.fields-row .field-icon-filter .box .box-header .close-icon,.fields-row .field-icon-format .box .box-header .close-icon{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-header .title,.fields-row .field-icon-format .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}.fields-row .field-icon-filter .box .box-header .close,.fields-row .field-icon-format .box .box-header .close{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-content,.fields-row .field-icon-format .box .box-content{display:flex;flex-direction:column;padding:10px;overflow-y:hidden}.fields-row .field-icon-filter .box{transform:translateX(-302px)}.fields-row .field-icon-format .box{transform:translateX(-338px)}.fields-row .field-icon-total{width:36px;text-align:center;font-weight:500;cursor:pointer;margin:0 5px}:host::ng-deep .fields-row mat-checkbox.fields- label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row mat-checkbox.fields- span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .fields-row .box-content label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row .box-content span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .search-select-all{position:absolute;background:#fff;top:40px;z-index:9;width:calc(100% - 10px)}:host::ng-deep .search-select-all .search- .mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:calc(100% - 10px);border:1px solid #e9edef;border-radius:5px!important}.tab-content{padding:0!important}ul.nav.nav-tabs.nav-tabs-line{width:100%;padding-right:0;margin-bottom:25px}ul.nav.nav-tabs.nav-tabs-line li{width:40%;padding:15px 10px 0}ul.nav.nav-tabs.nav-tabs-line li .tab-name{display:inline-block;font-size:13px;font-weight:700;color:#48465a}.color-ipt{width:95%}.color-ipt .e-list-item{background-color:#fff!important}.color-ipt .e-input-group{background-color:rgba(239,241,254,.5)!important}::ng-deep .e-dropdownlist .e-list-item.e-active{background:red!important}.color-box{width:100%;display:flex;height:40px;align-items:center;justify-content:center}.color-box .color-item{width:10%;height:16px}.dialog-content{padding:16px 24px}.dialog-content .condition-item{margin-bottom:18px}.dialog-content .condition-item.flex{display:flex}.dialog-content .condition-item.flex .e-checkbox-wrapper{flex:1;height:20px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons{height:18px;width:18px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons:before{font-size:12px}.dialog-content .condition-item .title{margin-bottom:6px;font-size:13px;color:#646c9a}.dialog-content .condition-item .mat-input-element,.dialog-content .condition-item .mat-select{border-bottom:1px solid rgba(0,0,0,.42);height:30px;line-height:30px;width:100%}.dialog-content .condition-item .mat-input-element.mat-select-disabled,.dialog-content .condition-item .mat-select.mat-select-disabled{opacity:.3}::ng-deep .cdk-overlay-pane{transform:translateX(-16px)!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap{max-width:380px!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel{min-width:calc(100% + 32px)!important}"]}]}],"members":{"dashboard_sidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"activeTabId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"activeTabLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"tabactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"figureCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"_selectedX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"_selectedY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"_selectedMultiples":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"_selectedSecondY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"_selectTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"appCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"closeSidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"updatePorletConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"onToggleTabactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"updatePorlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"updatePushBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"chartUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"updateTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":369,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":369,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":370,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":370,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":368,"character":17},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initDataMartTableList":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"nextWizard":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"getFigurecode":[{"__symbolic":"method"}],"getPortletType":[{"__symbolic":"method"}],"changeDataTable":[{"__symbolic":"method"}],"_updatePorletConfig":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"setMultipleAxis":[{"__symbolic":"method"}],"setChartType":[{"__symbolic":"method"}],"getThemeData":[{"__symbolic":"method"}],"AddOrEditPortlet":[{"__symbolic":"method"}],"editPortlet":[{"__symbolic":"method"}],"switchTab":[{"__symbolic":"method"}],"gadgetTitleChange":[{"__symbolic":"method"}],"setDatabind":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}],"initHistoricalIRROptions":[{"__symbolic":"method"}],"onSelectedHistoricalIRRPortlet":[{"__symbolic":"method"}],"setHistoricalIRRChart":[{"__symbolic":"method"}],"labelConfigChange":[{"__symbolic":"method"}],"xyChange":[{"__symbolic":"method"}],"showEdit":[{"__symbolic":"method"}],"getmultiplesList":[{"__symbolic":"method"}],"capitalize":[{"__symbolic":"method"}],"getSelectDatamartId":[{"__symbolic":"method"}],"getTrueSelectedDatamart":[{"__symbolic":"method"}],"getSelectDatamartCode":[{"__symbolic":"method"}],"changeTheme":[{"__symbolic":"method"}],"sortDataMartTables":[{"__symbolic":"method"}],"onChangeFormat":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"kt-empty-icon-prompt","template":"<div class=\"content\">\r\n\t<div class=\"card-body d-flex flex-column\">\r\n\t\t<div class=\"flex-grow-1\" style=\"position: relative\">\r\n\t\t\t<img src=\"../../../../assets/img/dashboard_icon/customize.png\" />\r\n\t\t</div>\r\n\t\t<div class=\"pt-5\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'portlet'\"\r\n\t\t\t>\r\n\t\t\t\tThe chart you created will be shown here…\r\n\t\t\t</p>\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'dashboard'\"\r\n\t\t\t>\r\n\t\t\t\tCustomize the dashboard by\r\n\t\t\t\t<span class=\"createChart\" (click)=\"editProperties()\"\r\n\t\t\t\t\t>Editing dashboard properties</span\r\n\t\t\t\t>\r\n\t\t\t</p>\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'dashboardGroup'\"\r\n\t\t\t>\r\n\t\t\t\tAdd new dashboard group by\r\n\t\t\t\t<span class=\"createChart\" (click)=\"createNewDashboard()\"\r\n\t\t\t\t\t>Creating new dashboard</span\r\n\t\t\t\t>\r\n\t\t\t</p>\r\n\t\t\t<p\r\n\t\t\t\tclass=\"text-center font-weight-normal font-size-lg pb-7\"\r\n\t\t\t\tngIf=\"displayCode == 'customize'\"\r\n\t\t\t>\r\n\t\t\t\tClick\r\n\t\t\t\t<span class=\"createChart\" (click)=\"customize()\">Customize</span>\r\n\t\t\t\tto edit your dashboard\r\n\t\t\t</p>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","styles":["::ng-deep kt-empty-icon-prompt{height:100%!important}.content{width:100%;height:inherit;align-items:center;display:flex}.card-body.d-flex.flex-column{width:60%}.flex-grow-1{width:100%;text-align:center;justify-content:center!important;align-content:center}span.createChart{color:#5d78ff;cursor:pointer}p.text-center.font-weight-normal.font-size-lg.pb-7.ng-star-inserted{font-family:Arial;font-size:16px;color:rgba(0,0,0,.5)}"]}]}],"members":{"displayCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"editProperties":[{"__symbolic":"method"}],"createNewDashboard":[{"__symbolic":"method"}],"customize":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"kt-gadget-table","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ExcelExportService","line":40,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnChooserService","line":41,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"VirtualScrollService","line":42,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"FilterService","line":43,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ResizeService","line":44,"character":2}],"template":"<div class=\"control-section gadget-table\" style=\"height: 100%\" ngIf=\"data && data.length\">\r\n\t<ejs-grid\r\n\t\tngIf=\"!hideTable\"\r\n\t\t#grid\r\n\t\t[dataSource]=\"data\"\r\n\t\t[allowSorting]=\"true\"\r\n\t\twidth=\"100%\"\r\n\t\t[pageSettings]=\"options\"\r\n\t\t[resizeSettings]=\"{ mode: 'Auto' }\"\r\n\t\t[allowExcelExport]=\"true\"\r\n\t\t[filterSettings]=\"filterSettings\"\r\n\t\t[allowResizing]=\"true\"\r\n\t\tshowColumnChooser=\"true\"\r\n\t\t[columnChooserSettings]=\"ColumnChooserSettings\"\r\n\t\t[aggregates]=\"aggregates\"\r\n\t\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t\t(resizeStop)=\"resizeStop($event)\"\r\n\t\t(rowDataBound)=\"rowDataBound($event)\"\r\n\t\t(created)=\"created($event)\"\r\n\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t(excelQueryCellInfo)=\"exportQueryCellInfo($event)\"\r\n\t>\r\n\t\t<e-columns>\r\n\t\t\t<e-column\r\n\t\t\t\tngIf=\"getLogoInfo('logoDocId', 'langValue')\"\r\n\t\t\t\t[headerText]=\"getLogoInfo('logoDocId', 'langValue')\"\r\n\t\t\t\twidth=\"120\"\r\n\t\t\t\ttextAlign=\"Center\"\r\n\t\t\t\t[visible]=\"!getLogoInfo('logoDocId', 'isHidden')\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template #template let-data>\r\n\t\t\t\t\t<div class=\"image-\">\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t[src]=\"getLogoImage(data.logoDocId)\"\r\n\t\t\t\t\t\t\t[alt]=\"data.companyName\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</e-column>\r\n\t\t\t<e-column\r\n\t\t\t\tngFor=\"let table of tableList\"\r\n\t\t\t\t[field]=\"table.colName\"\r\n\t\t\t\t[filter]=\"filter\"\r\n\t\t\t\t[headerText]=\"\r\n\t\t\t\t\t(table.displayName\r\n\t\t\t\t\t\t? table.displayName\r\n\t\t\t\t\t\t: translation[table.langCode]\r\n\t\t\t\t\t\t? translation[table.langCode]\r\n\t\t\t\t\t\t: table.langValue) +\r\n\t\t\t\t\t(table.addtionName ? ' ' + table.addtionName : '')\r\n\t\t\t\t\"\r\n\t\t\t\t[width]=\"table.width ? table.width : 200\"\r\n\t\t\t\tclipMode=\"EllipsisWithTooltip\"\r\n\t\t\t\t[visible]=\"table.visible\"\r\n\t\t\t\t[type]=\"\r\n\t\t\t\t\t['number', 'percentNum', 'percent'].includes(table.dataType)\r\n\t\t\t\t\t\t? 'number'\r\n\t\t\t\t\t\t: ['date', 'datetime'].includes(table.dataType)\r\n\t\t\t\t\t\t? 'date'\r\n\t\t\t\t\t\t: null\r\n\t\t\t\t\"\r\n\t\t\t\t[format]=\"getFormatOptions(table.colName)\"\r\n\t\t\t\t[textAlign]=\"getAlign(table)\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t#template\r\n\t\t\t\t\tlet-data\r\n\t\t\t\t\tngIf=\"millionFields.includes(table.colName); else elseBlock\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ data[table.colName] / 1000000 }}\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template #elseBlock>\r\n\t\t\t\t\t{{ data[table.colName] }}\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<!-- terms列显示换行符 -->\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t#template\r\n\t\t\t\t\tlet-data\r\n\t\t\t\t\tngIf=\"table.colName == 'terms'\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle=\"white-space: pre-line\"\r\n\t\t\t\t\t\t[innerHTML]=\"data[table.colName]\"\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</e-column>\r\n\t\t</e-columns>\r\n\t</ejs-grid>\r\n\t<ejs-pager\r\n\t\t#pager\r\n\t\t[currentPage]=\"currentPage\"\r\n\t\t[pageCount]=\"5\"\r\n\t\t[pageSize]=\"pageSize\"\r\n\t\t[pageSizes]=\"[10, 50, 100]\"\r\n\t\t[totalRecordsCount]=\"totalRecordsCount\"\r\n\t\t(click)=\"pageChanged($event)\"\r\n\t>\r\n\t</ejs-pager>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":[":host{display:block;height:100%}.gadget-table{display:flex;flex-direction:column;padding:0 12px}.gadget-table .e-grid{height:0;flex:1}.gadget-table .e-grid .e-gridheader{border-top:1px solid!important;border-bottom:1px solid!important;border-color:#eaedf0!important;padding-right:0!important}.gadget-table .e-grid .e-gridheader .e-headercontent{border:none!important}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell{padding:0!important;height:22px!important}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell:last-child .e-headercelldiv{border-right:none}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell:first-child .e-headercelldiv{border-right:none;padding-left:0!important}.gadget-table .e-grid .e-gridheader ::ng-deep .e-headercell .e-headercelldiv{height:22px!important;padding:4px 8px!important;border-right:1px solid #eaedf0;border-radius:unset}.gadget-table .e-grid .e-gridcontent{margin-right:-5px}.gadget-table .e-grid .e-gridcontent .e-content{overflow:overlay!important}.gadget-table .e-grid .e-gridcontent .e-rowcell{padding:0 8px!important;height:22px!important;line-height:20px!important;border-right:1px solid #eaedf0}.gadget-table .e-grid .e-gridcontent .e-rowcell:first-child{padding-left:0!important}.gadget-table .e-grid .e-gridcontent .e-rowcell:last-child{border-right:none}.gadget-table .e-pager{padding:12px 0!important}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":2}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":2},"arguments":["grid",{"static":false}]}]}],"pager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":2},"arguments":["pager",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":90,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":91,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":91,"character":15},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":87,"character":15},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":89,"character":14},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"cellAddStyle":[{"__symbolic":"method"}],"getTableData":[{"__symbolic":"method"}],"getFormatOptions":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"actionBegin":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"rowDataBound":[{"__symbolic":"method"}],"created":[{"__symbolic":"method"}],"exportQueryCellInfo":[{"__symbolic":"method"}],"cellAddStyleExcel":[{"__symbolic":"method"}],"getLogoInfo":[{"__symbolic":"method"}],"getLogoImage":[{"__symbolic":"method"}],"setQuarterFormat":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}],"getNumFormat":[{"__symbolic":"method"}],"millionData":[{"__symbolic":"method"}],"getAlign":[{"__symbolic":"method"}],"pageChanged":[{"__symbolic":"method"}],"reloadTableData":[{"__symbolic":"method"}],"getXTxt":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"kt-gadget-pivot","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"ToolbarService","line":72,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"FieldListService","line":73,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"NumberFormattingService","line":74,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"CalculatedFieldService","line":75,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"GroupingBarService","line":76,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"VirtualScrollService","line":77,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"DrillThroughService","line":78,"character":2}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":80,"character":18},"member":"OnPush"},"template":"<div class=\"control-section\" style=\"overflow: hidden; height: 100%\">\r\n\t<ejs-pivotview\r\n\t\twidth=\"100%\"\r\n\t\theight=\"100%\"\r\n\t\tstyle=\"display: block\"\r\n\t\t[dataSourceSettings]=\"dataSourceSettings\"\r\n\t\t#pivotview\r\n\t\t(dataBound)=\"dataBound($event)\"\r\n\t\tenableValueSorting=\"true\"\r\n\t\tallowConditionalFormatting=\"true\"\r\n\t\t[allowDeferLayoutUpdate]=\"true\"\r\n\t\t[gridSettings]=\"gridSettings\"\r\n\t\tallowExcelExport=\"true\"\r\n\t\tallowGrouping=\"true\"\r\n\t\t[zoomSettings]=\"zoomSettings\"\r\n\t\tenableVirtualization=\"true\"\r\n\t\t(enginePopulated)=\"afterEnginePopulate($event)\"\r\n\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t(cellClick)=\"cellClick($event)\"\r\n\t\tallowDrillThrough=\"true\"\r\n\t\t(actionFailure)=\"actionFailure($event)\"\r\n\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t(fieldListRefreshed)=\"fieldListRefreshed($event)\"\r\n\t\t(drillThrough)=\"drillThrough($event)\"\r\n\t\t[showTooltip]=\"false\"\r\n\t\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t\t(beforeExport)=\"beforeExport($event)\"\r\n\t>\r\n\t</ejs-pivotview>\r\n\r\n\t<div class=\"pivotfieldlist-control\">\r\n\t\t<ejs-pivotfieldlist\r\n\t\t\t[id]=\"portlet.newId\"\r\n\t\t\t#pivotfieldlist\r\n\t\t\t[allowDeferLayoutUpdate]=\"true\"\r\n\t\t\trenderMode=\"Popup\"\r\n\t\t\t(enginePopulated)=\"afterPopulate($event)\"\r\n\t\t\t(memberEditorOpen)=\"onMemberEditorOpen($event)\"\r\n\t\t\t(enginePopulating)=\"enginePopulating($event)\"\r\n\t\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t\t(fieldDrop)=\"onFieldDrop($event)\"\r\n\t\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t\t(calculatedFieldCreate)=\"calculatedFieldCreate($event)\"\r\n\t\t\t(load)=\"onLoad()\"\r\n\t\t\t(created)=\"created($event)\"\r\n\t\t\t(dataBound)='ondataBound()'\r\n\t\t>\r\n\t\t</ejs-pivotfieldlist>\r\n\t</div>\r\n\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":["::ng-deep.e-pivotview .e-gridcontent tr:nth-child(even) .e-leftfreeze.e-freezeleftborder:not(.e-gtot){background-color:#fff}.gadgetBar ul{margin:0;padding:0;list-style:none;display:inline-block;background:#fff;border-radius:5px}.gadgetBar ul li{display:inline-block;width:45px;height:39px;line-height:39px;text-align:center;cursor:pointer}:host::ng-deep .e-cellvalue{color:unset!important}:host ::ng-deep .e-pivotview .e-gtot{font-weight:400!important}:host ::ng-deep .e-pivotview .grand-class{background-color:#fff!important}:host ::ng-deep .e-pivotview .grand-class .e-cellvalue{font-size:12px;font-weight:700!important}:host ::ng-deep .e-headercell{background-color:#eaedf0!important}:host ::ng-deep .e-headercell .e-headertext{font-size:12px!important}:host ::ng-deep .e-columnsheader{background-color:#f8fafb!important}.logoImg{position:absolute!important;left:10px!important}:host ::ng-deep .image-{height:55px;width:55px;border-radius:50px;overflow:hidden;margin:5px 5px 5px 0;display:inline-flex;justify-content:center;align-items:center}:host ::ng-deep .image- img{width:55px}:host::ng-deep .e-pivotview .e-customclass .e-cellvalue{font-weight:700!important}:host::ng-deep .e-gridcontent .e-rowcell .e-cellvalue{background-color:transparent!important}::ng-deep .e-pivotfieldlist-container #AccountTypeCode .e-sort{opacity:0;pointer-events:none}::ng-deep .e-pivotfieldlist-container .e-footer-content .e-checkbox-layout{display:none}:host ::ng-deep .control-section .e-spin-show,:host ::ng-deep .control-section .e-spinner-pane{display:none!important}:host ::ng-deep .control-section .e-grid .e-gridheader .e-headercell .e-sortfilterdiv,:host ::ng-deep .control-section .e-treegrid .e-gridheader .e-headercell .e-sortfilterdiv{right:0}:host ::ng-deep .control-section .header-align-right .e-headercelldiv{text-align:right!important;justify-content:flex-end!important;padding-right:28px!important}:host ::ng-deep .control-section .header-align-right .e-headercelldiv .e-pivotcell-container{width:100%}:host ::ng-deep .control-section .e-pivotview{border:none!important}:host ::ng-deep .control-section .e-pivotview tr{height:32px!important}:host ::ng-deep .control-section .e-pivotview tr th{height:40px!important;background:#fff!important}:host ::ng-deep .control-section .e-pivotview .e-grid.e-default.e-bothlines .e-headercell{border-right:none!important;border-left:none!important}:host ::ng-deep .control-section .e-pivotview .e-table{border-right:none!important}:host ::ng-deep .control-section .e-pivotview svg{outline:0!important}:host ::ng-deep .control-section .e-pivotview svg>g>rect{stroke-width:0!important}:host ::ng-deep .control-section .e-pivotview .e-gridcontent .e-rowcell{border-right:none!important;border-left:none!important;border-color:#eff1f3!important}:host ::ng-deep .control-section .e-gridheader{border-top:none!important;border-color:#eff1f3!important;background-color:#fff!important}:host ::ng-deep .control-section .e-headertext{font-weight:400!important;color:#43566c!important}::ng-deep .e-pivot-treeview-outer li .e-text-content .e-list-text{margin-bottom:0!important}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":2}}]}],"pivotObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":94,"character":2},"arguments":["pivotview",{"static":false}]}]}],"fieldlistObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":96,"character":2},"arguments":["pivotfieldlist",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":152,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":152,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":151,"character":15},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMemberEditorOpen":[{"__symbolic":"method"}],"setGridSettings":[{"__symbolic":"method"}],"beforeExport":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getCaptionByName":[{"__symbolic":"method"}],"afterPopulate":[{"__symbolic":"method"}],"afterEnginePopulate":[{"__symbolic":"method"}],"getDataSourceSettingsProp":[{"__symbolic":"method"}],"enginePopulating":[{"__symbolic":"method"}],"cellClick":[{"__symbolic":"method"}],"queryCell":[{"__symbolic":"method"}],"headerCell":[{"__symbolic":"method"}],"dataBound":[{"__symbolic":"method"}],"setValueItemData":[{"__symbolic":"method"}],"calculatedCellSets":[{"__symbolic":"method"}],"actionFailure":[{"__symbolic":"method"}],"getCalcHeader":[{"__symbolic":"method"}],"updateTempSubtotals":[{"__symbolic":"method"}],"calculatedValues":[{"__symbolic":"method"}],"aggregateCellInfo":[{"__symbolic":"method"}],"calculatedFistLast":[{"__symbolic":"method"}],"formatVal":[{"__symbolic":"method"}],"getexcludeFields":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"onFieldDrop":[{"__symbolic":"method"}],"calculatedFieldCreate":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"actionBegin":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"setColumnsRender":[{"__symbolic":"method"}],"onLoad":[{"__symbolic":"method"}],"ondataBound":[{"__symbolic":"method"}],"enginePopulated":[{"__symbolic":"method"}],"getClonedPivotValues":[{"__symbolic":"method"}],"getClonedPivotValueObj":[{"__symbolic":"method"}],"searchNodes":[{"__symbolic":"method"}],"getFilterItems":[{"__symbolic":"method"}],"created":[{"__symbolic":"method"}],"fieldListRefreshed":[{"__symbolic":"method"}],"changeDataSource":[{"__symbolic":"method"}],"drillThrough":[{"__symbolic":"method"}],"setFontSettingConditional":[{"__symbolic":"method"}],"setCompareConditional":[{"__symbolic":"method"}],"getQuarterValue":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"getTimeRanges":[{"__symbolic":"method"}],"calculateGrowthRate":[{"__symbolic":"method"}],"nthroot":[{"__symbolic":"method"}],"calculateStandardDeviation":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":66,"character":1},"arguments":[{"selector":"kt-gadget-pivot-chart","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"ToolbarService","line":71,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"FieldListService","line":72,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"NumberFormattingService","line":73,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"CalculatedFieldService","line":74,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"GroupingBarService","line":75,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"VirtualScrollService","line":76,"character":2},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-pivotview","name":"DrillThroughService","line":77,"character":2}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":79,"character":18},"member":"OnPush"},"template":"<div class=\"control-section\" style=\"overflow: hidden; height: 100%\">\r\n\t<ejs-pivotview\r\n\t\twidth=\"100%\"\r\n\t\theight=\"100%\"\r\n\t\tstyle=\"display: block\"\r\n\t\t[dataSourceSettings]=\"dataSourceSettings\"\r\n\t\t#pivotview\r\n\t\t(dataBound)=\"dataBound($event)\"\r\n\t\tenableValueSorting=\"true\"\r\n\t\tallowConditionalFormatting=\"true\"\r\n\t\tallowExcelExport=\"true\"\r\n\t\tallowGrouping=\"true\"\r\n\t\t[zoomSettings]=\"zoomSettings\"\r\n\t\tenableVirtualization=\"true\"\r\n\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t(cellClick)=\"cellClick($event)\"\r\n\t\tallowDrillThrough=\"true\"\r\n\t\t(actionFailure)=\"actionFailure($event)\"\r\n\t\t(fieldListRefreshed)=\"fieldListRefreshed($event)\"\r\n\t\t(drillThrough)=\"drillThrough($event)\"\r\n\t\t[chartSettings]=\"chartSettings\"\r\n\t\t(chartSeriesCreated)=\"chartSeriesCreated($event)\"\r\n\t\t[displayOption]=\"displayOption\"\r\n\t\t[showTooltip]=\"false\"\r\n\t\t(enginePopulated)=\"afterEnginePopulate($event)\"\r\n\t\t(beforeExport)=\"beforeExport($event)\"\r\n\t>\r\n\t</ejs-pivotview>\r\n\r\n\t<div class=\"pivotfieldlist-control\">\r\n\t\t<ejs-pivotfieldlist\r\n\t\t\t[id]=\"portlet.newId\"\r\n\t\t\t#pivotfieldlist\r\n\t\t\thidden=\"true\"\r\n\t\t\tenableValueSorting=\"true\"\r\n\t\t\tshowFieldList=\"true\"\r\n\t\t\tallowCalculatedField=\"true\"\r\n\t\t\tallowDeferLayoutUpdate=\"true\"\r\n\t\t\trenderMode=\"Popup\"\r\n\t\t\t(enginePopulated)=\"afterPopulate($event)\"\r\n\t\t\t(memberEditorOpen)=\"onMemberEditorOpen($event)\"\r\n\t\t\t(enginePopulating)=\"enginePopulating($event)\"\r\n\t\t\t(aggregateCellInfo)=\"aggregateCellInfo($event)\"\r\n\t\t\t(fieldDrop)=\"onFieldDrop($event)\"\r\n\t\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t\t(actionBegin)=\"actionBegin($event)\"\r\n\t\t\t(calculatedFieldCreate)=\"calculatedFieldCreate($event)\"\r\n\t\t\t(load)=\"onLoad()\"\r\n\t\t\t(created)=\"created($event)\"\r\n\t\t>\r\n\t\t</ejs-pivotfieldlist>\r\n\t</div>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":[".pivotview{width:100%;height:100%}.gadgetBar ul{margin:0;padding:0;list-style:none;display:inline-block;background:#fff;border-radius:5px}.gadgetBar ul li{display:inline-block;width:45px;height:39px;line-height:39px;text-align:center;cursor:pointer}:host::ng-deep .e-cellvalue{color:unset!important}:host ::ng-deep .e-pivotview .e-gtot{font-weight:400!important}:host ::ng-deep .e-pivotview .odd-class{background-color:#f8fafb!important}:host ::ng-deep .e-pivotview .odd-class .e-cellvalue{font-size:13px;font-weight:400!important}:host ::ng-deep .e-pivotview .even-class{background-color:#fff!important}:host ::ng-deep .e-pivotview .even-class .e-cellvalue{font-size:13px;font-weight:400!important}:host ::ng-deep .e-pivotview .grand-class{background-color:#eaedf0!important}:host ::ng-deep .e-pivotview .grand-class .e-cellvalue{font-size:13px;font-weight:700!important}:host ::ng-deep .e-headercell{background-color:#eaedf0!important}:host ::ng-deep .e-headercell .e-headertext{font-size:12px!important}:host ::ng-deep .e-columnsheader{background-color:#f8fafb!important}.logoImg{position:absolute!important;left:10px!important}:host ::ng-deep .image-{height:55px;width:55px;border-radius:50px;overflow:hidden;margin:5px 5px 5px 0;display:inline-flex;justify-content:center;align-items:center}:host ::ng-deep .image- img{width:55px}:host::ng-deep .e-pivotview .e-customclass .e-cellvalue{font-weight:700!important}:host::ng-deep .e-gridcontent .e-rowcell .e-cellvalue{background-color:transparent!important}:host ::ng-deep .control-section .e-spin-show,:host ::ng-deep .control-section .e-spinner-pane{display:none!important}:host ::ng-deep .control-section .e-control.e-grid,:host ::ng-deep .control-section .e-control.e-pivotchart{height:100%!important}:host ::ng-deep .control-section .e-pivotview{border:none!important}:host ::ng-deep .control-section .e-pivotview tr{height:32px!important}:host ::ng-deep .control-section .e-pivotview tr th{height:40px!important;background:#eaedf0!important}:host ::ng-deep .control-section .e-pivotview .e-grid.e-default.e-bothlines .e-headercell{border-right:none!important;border-left:none!important}:host ::ng-deep .control-section .e-pivotview .e-table{border-right:none!important}:host ::ng-deep .control-section .e-pivotview svg{outline:0!important}:host ::ng-deep .control-section .e-pivotview svg>g>rect{stroke-width:0!important}:host ::ng-deep .control-section .e-pivotview .e-gridcontent .e-rowcell{border-right:none!important;border-left:none!important}::ng-deep .e-pivotfieldlist-container #AccountTypeCode .e-sort{opacity:0;pointer-events:none}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"updatePorletConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":2}}]}],"pivotObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":2},"arguments":["pivotview",{"static":false}]}]}],"fieldlistObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":2},"arguments":["pivotfieldlist",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":156,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":156,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":155,"character":15},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"findMostFrequent":[{"__symbolic":"method"}],"loaded":[{"__symbolic":"method"}],"setConfigToPorlet":[{"__symbolic":"method"}],"chartSeriesCreated":[{"__symbolic":"method"}],"initChartSetting":[{"__symbolic":"method"}],"onMemberEditorOpen":[{"__symbolic":"method"}],"beforeExport":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"afterPopulate":[{"__symbolic":"method"}],"afterEnginePopulate":[{"__symbolic":"method"}],"getDataSourceSettingsProp":[{"__symbolic":"method"}],"enginePopulating":[{"__symbolic":"method"}],"cellClick":[{"__symbolic":"method"}],"dataBound":[{"__symbolic":"method"}],"calculatedCellSets":[{"__symbolic":"method"}],"actionFailure":[{"__symbolic":"method"}],"getCalcHeader":[{"__symbolic":"method"}],"updateTempSubtotals":[{"__symbolic":"method"}],"calculatedValues":[{"__symbolic":"method"}],"getIrrHeader":[{"__symbolic":"method"}],"aggregateCellInfo":[{"__symbolic":"method"}],"calculatedFistLast":[{"__symbolic":"method"}],"formatVal":[{"__symbolic":"method"}],"getexcludeFields":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"onFieldDrop":[{"__symbolic":"method"}],"createButtonText":[{"__symbolic":"method"}],"calculatedFieldCreate":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"actionBegin":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"onLoad":[{"__symbolic":"method"}],"enginePopulated":[{"__symbolic":"method"}],"getClonedPivotValues":[{"__symbolic":"method"}],"getClonedPivotValueObj":[{"__symbolic":"method"}],"searchNodes":[{"__symbolic":"method"}],"getFilterItems":[{"__symbolic":"method"}],"created":[{"__symbolic":"method"}],"fieldListRefreshed":[{"__symbolic":"method"}],"changeDataSource":[{"__symbolic":"method"}],"drillThrough":[{"__symbolic":"method"}],"setFontSettingConditional":[{"__symbolic":"method"}],"setCompareConditional":[{"__symbolic":"method"}],"getTimeRanges":[{"__symbolic":"method"}],"calculateGrowthRate":[{"__symbolic":"method"}],"nthroot":[{"__symbolic":"method"}],"calculateStandardDeviation":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"kt-gadget-transpose","providers":[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ExcelExportService","line":30,"character":13},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"ColumnChooserService","line":30,"character":33},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-grids","name":"VirtualScrollService","line":30,"character":55}],"template":"<div class=\"e-bigger transpose-grid\">\r\n\t<!-- 虚拟滚动会引起不显示的bug -->\r\n\t<!-- [enableVirtualization]=\"true\" -->\r\n\t<ejs-grid\r\n\t\t#grid\r\n\t\t[dataSource]=\"data\"\r\n\t\t[rowRenderingMode]=\"rowMode\"\r\n\t\t[allowExcelExport]=\"true\"\r\n\t\tshowColumnChooser=\"true\"\r\n\t\tenableAdaptiveUI=\"true\"\r\n\t\twidth=\"100%\"\r\n\t\theight=\"100%\"\r\n\t\t[columnChooserSettings]=\"ColumnChooserSettings\"\r\n\t\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t\t(actionComplete)=\"actionComplete($event)\"\r\n\t\t[allowPdfExport]=\"true\"\r\n\t\t[allowExcelExport]=\"true\"\r\n\t\t(excelQueryCellInfo)=\"exportQueryCellInfo($event)\"\r\n\t>\r\n\t\t<e-columns>\r\n\t\t\t<e-column\r\n\t\t\t\tngFor=\"let item of fields\"\r\n\t\t\t\t[field]=\"item.colName\"\r\n\t\t\t\t[headerText]=\"\r\n\t\t\t\t\titem.displayName\r\n\t\t\t\t\t\t? item.displayName\r\n\t\t\t\t\t\t: item.addtionName\r\n\t\t\t\t\t\t? item.langValue + ' ' + item.addtionName\r\n\t\t\t\t\t\t: item.langValue\r\n\t\t\t\t\"\r\n\t\t\t\t[visible]=\"item.visible\"\r\n\t\t\t\twidth=\"200\"\r\n\t\t\t\t[type]=\"\r\n\t\t\t\t\titem.dataType === 'number' \|\|\r\n\t\t\t\t\titem.dataType === 'percentNum' \|\|\r\n\t\t\t\t\titem.dataType === 'percent'\r\n\t\t\t\t\t\t? 'number'\r\n\t\t\t\t\t\t: item.dataType == 'date' \|\| item.dataType == 'datetime'\r\n\t\t\t\t\t\t? 'date'\r\n\t\t\t\t\t\t: null\r\n\t\t\t\t\"\r\n\t\t\t\tclipMode=\"EllipsisWithTooltip\"\r\n\t\t\t\t[format]=\"getFormatOptions(item.colName)\"\r\n\t\t\t>\r\n\t\t\t</e-column>\r\n\t\t</e-columns>\r\n\t</ejs-grid>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":[".e-bigger{height:100%}.transpose-grid{padding:0 12px 12px}.transpose-grid .e-gridcontent{border:0}.transpose-grid .e-gridcontent .e-content{width:100%!important}.transpose-grid .e-gridcontent .e-content .e-rowcell{padding:0 12px 0 55%!important;font-family:Arial;font-size:11px!important;font-weight:400;line-height:14px;background-color:#fff!important}td{border-bottom:1px solid #eff1f3!important;display:inline-block;height:35px!important;font-size:13px!important;text-align:right}td::before{color:#0b5496!important;text-align:left}:host::ng-deep .e-bigger ejs-grid{height:100%!important}:host::ng-deep .e-ccdlg.e-cc.e-control.e-dialog.e-lib.e-popup.e-popup-open{max-height:300px!important;z-index:100000!important;top:14px!important;left:200px!important}:host::ng-deep .e-bigger .e-dialog .e-dlg-header-content,:host::ng-deep .e-bigger.e-dialog .e-dlg-header-content{padding:14px!important}:host::ng-deep .e-bigger .e-dialog .e-dlg-header,:host::ng-deep .e-bigger.e-dialog .e-dlg-header{font-size:16px!important}:host::ng-deep .e-grid .e-ccdlg li.e-cclist{padding:7px 0!important;height:37px!important}:host::ng-deep .e-checkbox-wrapper .e-label,:host::ng-deep .e-css.e-checkbox-wrapper .e-label{font-size:14px!important}:host::ng-deep .e-btn,:host::ng-deep .e-css.e-btn{font-size:14px!important;padding:4px 8px!important}:host::ng-deep .e-dialog .e-footer-content{padding:14px!important}:host::ng-deep .e-bigger .e-float-input input,:host::ng-deep .e-bigger .e-float-input input.e-input,:host::ng-deep .e-bigger .e-float-input.e-control-wrapper input,:host::ng-deep .e-bigger .e-float-input.e-control-wrapper input.e-input,:host::ng-deep .e-bigger .e-input-group input,:host::ng-deep .e-bigger .e-input-group input.e-input,:host::ng-deep .e-bigger .e-input-group.e-control-wrapper input,:host::ng-deep .e-bigger .e-input-group.e-control-wrapper input.e-input,:host::ng-deep .e-float-input.e-bigger input,:host::ng-deep .e-float-input.e-bigger input.e-input,:host::ng-deep .e-float-input.e-control-wrapper.e-bigger input,:host::ng-deep .e-float-input.e-control-wrapper.e-bigger input.e-input,:host::ng-deep .e-input-group.e-bigger input,:host::ng-deep .e-input-group.e-bigger input.e-input,:host::ng-deep .e-input-group.e-control-wrapper.e-bigger input,:host::ng-deep .e-input-group.e-control-wrapper.e-bigger input.e-input,:host::ng-deep input.e-input.e-bigger{height:29px!important}:host::ng-deep .e-label{margin-left:7px!important}:host::ng-deep .e-grid .e-ccdlg .e-cc-contentdiv{height:121px!important}::ng-deep kt-gadget-transpose .e-grid .e-dialog.e-ccdlg{width:300px!important}::ng-deep kt-gadget-transpose .e-checkbox-wrapper.e-css{width:100%!important}::ng-deep kt-gadget-transpose .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).odd{background:#f8fafb!important}::ng-deep kt-gadget-transpose .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).even{background:#fff!important}::ng-deep kt-gadget-transpose .e-spin-show,::ng-deep kt-gadget-transpose .e-spinner-pane{display:none!important}::ng-deep kt-gadget-transpose .e-label{display:inline-block!important;width:calc(100% - 30px)!important;overflow:hidden!important;white-space:nowrap!important;height:16px!important;line-height:16px!important}::ng-deep kt-gadget-transpose .e-table .e-row{height:auto!important}::ng-deep kt-gadget-transpose .e-table .e-row td{height:22px!important;line-height:22px!important;color:#44566c!important;border-color:#eff1f3!important}::ng-deep kt-gadget-transpose .e-table .e-row td.first-cell{border-top:1px solid #eff1f3!important}::ng-deep kt-gadget-transpose .e-table .e-row td::before{top:0!important;left:0!important;color:#44566c!important}::ng-deep kt-gadget-transpose .e-table .odd{background:#f8fafb!important}::ng-deep kt-gadget-transpose .e-table .even{background:#fff!important}::ng-deep kt-gadget-transpose .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-row,::ng-deep kt-gadget-transpose .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-row,::ng-deep kt-gadget-transpose .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-row,::ng-deep kt-gadget-transpose .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-row{border-color:#eff1f3!important}::ng-deep kt-gadget-transpose .full-screen-mask{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:9999}::ng-deep kt-gadget-transpose mat-spinner.mat-spinner.mat-progress-spinner.mat-primary.mat-progress-spinner-indeterminate-animation{position:absolute;top:45%;left:47.5%!important;transform:translate(-25%,-25%)}"]}]}],"members":{"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":2},"arguments":["grid",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":67,"character":15},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getTableData":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getFormatOptions":[{"__symbolic":"method"}],"customiseCell":[{"__symbolic":"method"}],"cellAddStyle":[{"__symbolic":"method"}],"actionComplete":[{"__symbolic":"method"}],"exportQueryCellInfo":[{"__symbolic":"method"}],"getNumFormat":[{"__symbolic":"method"}],"millionData":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"kt-portlet-type-new","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":18},"member":"OnPush"},"template":"<div class=\"portlet-row row\">\r\n\t<ng-container ngFor=\"let item of portletList\">\r\n\t\t<div\r\n\t\t\tclass=\"portlet-wrapper\"\r\n\t\t\tngIf=\"\r\n\t\t\t\titem.portletCode == 'financialTable' ? getFinancialType() : true\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"portlet\"\r\n\t\t\t\t[class]=\"item.portletCode + '-type'\"\r\n\t\t\t\tmatTooltip=\"{{ setTooltip(item) }}\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\tenabled: item.portletCode !== type,\r\n\t\t\t\t\tselected: item.portletCode === type,\r\n\t\t\t\t\tdisabled:\r\n\t\t\t\t\t\tdisabledHistoricalIRR &&\r\n\t\t\t\t\t\titem.portletCode === 'historicalIRR'\r\n\t\t\t\t}\"\r\n\t\t\t\t(click)=\"selectPortletType(item.portletCode)\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\tngIf=\"item.portletCode === 'newchart'\"\r\n\t\t\t\tstyle=\"position: relative; top: -4px\"\r\n\t\t\t\tclass=\"portlet-label\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</ng-container>\r\n</div>\r\n","styles":[".portlet-row{display:flex;margin-bottom:10px;justify-content:left;padding:0 16px}.portlet-row .portlet-wrapper{width:20%;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-bottom:10px;margin-top:5px}.portlet-row .portlet-wrapper .portlet{width:32px;height:32px;background-color:#44566c}.portlet-row .portlet-wrapper .portlet.enabled{background-color:#fff}.portlet-row .portlet-wrapper .portlet.disabled{background-color:#fff;opacity:.4;pointer-events:none}.portlet-row .portlet-wrapper .portlet.selected{background-color:#5867dd;border:5px solid rgba(80,102,181,.5);border-radius:2px}.portlet-row .portlet-wrapper .portlet.selected.table-type{background-image:url(../../assets/img/dashboard_icon/table-3-white.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.selected.transpose-type{background-image:url(../../assets/img/dashboard_icon/transpose-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pivot-type{background-image:url(../../assets/img/dashboard_icon/pivot-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newchart-type{background-image:url(../../assets/img/dashboard_icon/pivot-chart-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.geo-type{background-image:url(../../assets/img/dashboard_icon/geo-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pie-type{background-image:url(../../assets/img/dashboard_icon/pie-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.bar-type{background-image:url(../../assets/img/dashboard_icon/bar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.column-type{background-image:url(../../assets/img/dashboard_icon/pivot_column_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumn-type{background-image:url(../../assets/img/dashboard_icon/column-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.line-type{background-image:url(../../assets/img/dashboard_icon/pivot_line_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newline-type{background-image:url(../../assets/img/dashboard_icon/trade-up-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.area-type{background-image:url(../../assets/img/dashboard_icon/area-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.multiSeries-type{background-image:url(../../assets/img/dashboard_icon/multi-series-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.radar-type{background-image:url(../../assets/img/dashboard_icon/radar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.financialTable-type{background-image:url(../../assets/img/dashboard_icon/ftable-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumnline-type{background-image:url(../../assets/img/dashboard_icon/chart-combined-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.historicalIRR-type{background-image:url(../../assets/img/dashboard_icon/historic-IRR-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.table-type{background-image:url(../../assets/img/dashboard_icon/table-3.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.transpose-type{background-image:url(../../assets/img/dashboard_icon/transpose.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pivot-type{background-image:url(../../assets/img/dashboard_icon/pivot.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.newchart-type{background-image:url(../../assets/img/dashboard_icon/pivot-chart.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.geo-type{background-image:url(../../assets/img/dashboard_icon/geo.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pie-type{background-image:url(../../assets/img/dashboard_icon/pie.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.bar-type{background-image:url(../../assets/img/dashboard_icon/bar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.column-type{background-image:url(../../assets/img/dashboard_icon/pivot_column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newcolumn-type{background-image:url(../../assets/img/dashboard_icon/column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.line-type{background-image:url(../../assets/img/dashboard_icon/pivot_line.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newline-type{background-image:url(../../assets/img/dashboard_icon/trade-up.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.area-type{background-image:url(../../assets/img/dashboard_icon/area.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.multiSeries-type{background-image:url(../../assets/img/dashboard_icon/multi-series.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.radar-type{background-image:url(../../assets/img/dashboard_icon/radar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.financialTable-type{background-image:url(../../assets/img/dashboard_icon/ftable.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.newcolumnline-type{background-image:url(../../assets/img/dashboard_icon/chart-combined.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.historicalIRR-type{background-image:url(../../assets/img/dashboard_icon/historic-IRR.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet-label{width:100%;text-align:center;font-weight:500;color:#44566c;font-size:12px}"]}]}],"members":{"dataMartCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":2},"arguments":["dataMartCode"]}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"portletType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setTooltip":[{"__symbolic":"method"}],"selectPortletType":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getFinancialType":[{"__symbolic":"method"}],"getFPPType":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"kt-field-filter","template":"<div class=\"content\">\r\n\t<div class=\"search\">\r\n\t\t<mat-form-field appearance=\"outline\" class=\"search-box\">\r\n\t\t\t<span matPrefix>\r\n\t\t\t\t<mat-icon\r\n\t\t\t\t\tmatSuffix\r\n\t\t\t\t\tstyle=\"transform: scale(1.25); line-height: 1.8\"\r\n\t\t\t\t\t>search</mat-icon\r\n\t\t\t\t>\r\n\t\t\t</span>\r\n\t\t\t<input\r\n\t\t\t\ttype=\"search\"\r\n\t\t\t\tmatInput\r\n\t\t\t\t[placeholder]=\"\r\n\t\t\t\t\ttranslation.SEARCH ? translation.SEARCH : 'SEARCH' + '...'\r\n\t\t\t\t\"\r\n\t\t\t\t(keyup)=\"filter($event.target.value)\"\r\n\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t[(ngModel)]=\"searchText\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n\t<div class=\"fields\">\r\n\t\t<div\r\n\t\t\tclass=\"field clearfix\"\r\n\t\t\tngFor=\"let item of fields; let i = index\"\r\n\t\t\t[hidden]=\"item.isHidden\"\r\n\t\t>\r\n\t\t\t<p class=\"field-name fl\">\r\n\t\t\t\t{{\r\n\t\t\t\t\titem.displayName\r\n\t\t\t\t\t\t? item.displayName\r\n\t\t\t\t\t\t: item.addtionName\r\n\t\t\t\t\t\t? item.langValue + \" \" + item.addtionName\r\n\t\t\t\t\t\t: item.langValue\r\n\t\t\t\t}}\r\n\t\t\t</p>\r\n\t\t\t<img\r\n\t\t\t\tclass=\"icon-filter fr\"\r\n\t\t\t\t(click)=\"openfilter(i, item)\"\r\n\t\t\t\tsrc=\"../../../../assets/img/dashboard_icon/{{\r\n\t\t\t\t\titem.selectAll ? 'gadget-filters' : 'gadget-filters-light'\r\n\t\t\t\t}}.svg\"\r\n\t\t\t/>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclass=\"filter-pop fl\"\r\n\t\t\t\tngIf=\"showFilter_i === i && showPop_filter\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"search-bar\">\r\n\t\t\t\t\t<mat-form-field\r\n\t\t\t\t\t\tappearance=\"outline\"\r\n\t\t\t\t\t\tclass=\"search-\"\r\n\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span matPrefix>\r\n\t\t\t\t\t\t\t<mat-icon matSuffix style=\"transform: scale(1.25)\"\r\n\t\t\t\t\t\t\t\t>search\r\n\t\t\t\t\t\t\t</mat-icon>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"search\"\r\n\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t[placeholder]=\"\r\n\t\t\t\t\t\t\t\ttranslation.SEARCH\r\n\t\t\t\t\t\t\t\t\t? translation.SEARCH\r\n\t\t\t\t\t\t\t\t\t: 'SEARCH' + '...'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tstyle=\"font-size: 1.25rem\"\r\n\t\t\t\t\t\t\tclass=\"mat-form-field mat-form-field-fluid\"\r\n\t\t\t\t\t\t\t[(ngModel)]=\"childFilterSearchText\"\r\n\t\t\t\t\t\t\t(input)=\"searchFilter($event.target.value, item)\"\r\n\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\tclass=\"select-all\"\r\n\t\t\t\t\t\t[(ngModel)]=\"item.selectAll\"\r\n\t\t\t\t\t\t(change)=\"filterSelectAll($event.checked, item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\ttranslation.SELECT_ALL\r\n\t\t\t\t\t\t\t\t? translation.SELECT_ALL\r\n\t\t\t\t\t\t\t\t: \".SELECT_ALL\"\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t</mat-checkbox>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"filter-content\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"filter-\"\r\n\t\t\t\t\t\tngFor=\"let obj of item.dataList ? item.dataList : []\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t\t[checked]=\"obj.checked\"\r\n\t\t\t\t\t\t\t(change)=\"\r\n\t\t\t\t\t\t\t\tfilterChecked($event.checked, item, obj.value)\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\tobj.value \|\| obj.value === 0\r\n\t\t\t\t\t\t\t\t\t? item.dataType === \"date\" \|\|\r\n\t\t\t\t\t\t\t\t\t item.dataType === \"dataTime\"\r\n\t\t\t\t\t\t\t\t\t\t? pbf.formatFilterDate(obj.value)\r\n\t\t\t\t\t\t\t\t\t\t: item.dataType === \"string\"\r\n\t\t\t\t\t\t\t\t\t\t? obj.value\r\n\t\t\t\t\t\t\t\t\t\t: (obj.value \| number : \"1.2-2\")\r\n\t\t\t\t\t\t\t\t\t: \"Empty\"\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t</mat-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.content{width:100%;height:100%;padding:10px 20px 10px 10px;background-color:#f7f8fa}.content .search-box{background:#fff;width:calc(100% - 8px);height:40px;margin-left:8px}.content .fields{height:calc(100% - 50px);overflow:auto;margin-top:5px}.content .fields::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.content .fields::-webkit-scrollbar-thumb{background:#eaedf0}.content .fields .field{display:flex;align-items:center;justify-content:space-between;position:relative;height:30px}.content .fields .field p.field-name{display:block;margin:0;padding-left:8px;line-height:30px;font-size:13px;color:#44566c;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .fields .field img{display:block;margin:0 8px;cursor:pointer}.content .fields .field .filter-pop{width:100%;height:300px;padding:12px;background:#fff!important;z-index:99;overflow:hidden;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#212529;position:absolute;top:30px;border-radius:5px;border:1px solid #eaedf0}.content .fields .field .filter-pop .search-bar{margin-bottom:5px}.content .fields .field .filter-pop .filter-content{height:calc(100% - 89px);overflow:auto}.content .fields .field .filter-pop .filter-content::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.content .fields .field .filter-pop .filter-content::-webkit-scrollbar-thumb{background:#eaedf0}.content .fields .field .filter-pop .filter-content .filter-{height:30px;line-height:30px}.content .fields .field .type-pop{padding:10px;min-width:140px;background:#fff!important;z-index:99;overflow:hidden;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#212529;position:absolute;top:30px;right:22px;border-radius:5px;border:1px solid #eaedf0}.content .fields .field .type-pop .filter-{height:30px;line-height:30px}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(216,220,230,.12)}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-end{border:none!important}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix{padding-top:.09em!important}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix .mat-input-element{font-family:Arial!important;font-size:11px!important;font-weight:400!important;color:#44566c!important}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{margin:0!important}:host::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,:host::ng-deep .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#0081ff}:host::ng-deep .mat-form-field-appearance-outline .mat-form-field-prefix{color:#646c9a}:host::ng-deep .mat-form-field-flex{border:none!important}:host::ng-deep .mat-checkbox-inner-container{border:1px solid #d6d6d6;border-radius:3px}:host::ng-deep .search-bar .mat-form-field-flex{background-color:#f8fafb}"]}]}],"members":{"figureCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":2}}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":2}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":2}}]}],"portlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":2}}]}],"updatePorletConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":54,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":15},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":51,"character":15},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initTableData":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"openfilter":[{"__symbolic":"method"}],"searchFilter":[{"__symbolic":"method"}],"filterSelectAll":[{"__symbolic":"method"}],"filterChecked":[{"__symbolic":"method"}],"checkSelectAll":[{"__symbolic":"method"}],"getFilterData":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"isValidDate":[{"__symbolic":"method"}],"getNumberPoint":[{"__symbolic":"method"}],"getNumberDp":[{"__symbolic":"method"}],"getPercentPoint":[{"__symbolic":"method"}],"getPercentDp":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"kt-field-format","template":"<div class=\"container dashboard-format-container\">\r\n\t<div class=\"header\">\r\n\t\t<mat-icon\r\n\t\t\tclass=\"icon-previous\"\r\n\t\t\tngIf=\"!Conditional\"\r\n\t\t\t(click)=\"Conditional = true\"\r\n\t\t>\r\n\t\t\tkeyboard_arrow_left</mat-icon\r\n\t\t>\r\n\t\t<p class=\"format-title\">\r\n\t\t\t{{\r\n\t\t\t\tConditional\r\n\t\t\t\t\t? translation.CONDITIONAL_SETTING \|\| \"Conditional Setting\"\r\n\t\t\t\t\t: translation.FORMATTING_AND_HIDE_SUBTOTAL \|\|\r\n\t\t\t\t\t \"Formatting and hide sub total\"\r\n\t\t\t}}\r\n\t\t</p>\r\n\t\t<mat-icon class=\"close\" (click)=\"close()\">close</mat-icon>\r\n\t</div>\r\n\t<div class=\"content\">\r\n\t\t<!--Conditional Setting start 第一页：field list-->\r\n\t\t<div ngIf=\"Conditional\">\r\n\t\t\t<div class=\"notice\">\r\n\t\t\t\t{{\r\n\t\t\t\t\ttranslation.CONDITIONAL_SETTING_TIPS \|\|\r\n\t\t\t\t\t\t\"The fields you have selected are shown below, you can apply formatting,sub totals or grand totals. Sub totals are only available for pivot tables.\"\r\n\t\t\t\t}}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"all-fields\">\r\n\t\t\t\t<div class=\"fields-group\" ngFor=\"let field of fieldslist\">\r\n\t\t\t\t\t<p class=\"fl\">{{ field.langValue }}</p>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\topacity: field.showGrandTotals\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-basic-total{{\r\n\t\t\t\t\t\t\tfield.showGrandTotals ? '' : '-1'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr format-icon\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-sub-total{{\r\n\t\t\t\t\t\t\tfield.showSubTotals ? '-0' : '-1'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr format-icon\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-format{{\r\n\t\t\t\t\t\t\tfield.format && field.format.length ? '-1' : '-0'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!--Conditional Setting end 第一页：field list-->\r\n\r\n\t\t<!--Formatting and hide sub total start 第二页：format setting-->\r\n\t\t<div ngIf=\"!Conditional\">\r\n\t\t\t<div class=\"format-group format-field\">\r\n\t\t\t\t<div class=\"field-name\">\r\n\t\t\t\t\t<label>{{ translation.FIELD \|\| \".FIELD\" }}</label>\r\n\t\t\t\t\t<p>{{ currentField?.langValue }}</p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"format-checkbox\">\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.formatChecked\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ translation.FORMAT \|\| \"Format\" }}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Format part start -->\r\n\t\t\t<div class=\"format-group format-box\">\r\n\t\t\t\t<!-- compare 部分 start -->\r\n\t\t\t\t<div class=\"group-style\">\r\n\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\t\tcurrentField.dataType !== 'string' &&\r\n\t\t\t\t\t\t\tcurrentField.dataType !== 'date'\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 50%\">\r\n\t\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\t\tselectOption($event.value, 'compare')\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t\tngFor=\"let item of compareList\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"item.code\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t\t\t\twidth:\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t\t'Between' \|\|\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t\t'NotBetween'\r\n\t\t\t\t\t\t\t\t\t\t? '15%'\r\n\t\t\t\t\t\t\t\t\t\t: '36%'\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-form-field class=\"marging-top-style\">\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareValue1\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t'Between' \|\|\r\n\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t'NotBetween'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tstyle=\"width: 15%; display: flex\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\tline-height: 60px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateX(8px);\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t-\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<mat-form-field\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\tstyle=\"margin-left: 15px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareValue2\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- compare 部分 end -->\r\n\r\n\t\t\t\t<!-- Field Title & align start -->\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 40%\">\r\n\t\t\t\t\t\t<mat-form-field class=\"marging-top-style\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{\r\n\t\t\t\t\t\t\t\t\ttranslation.EDIT_FIELD_TITLE \|\|\r\n\t\t\t\t\t\t\t\t\t\t'.EDIT_FIELD_TITLE'\r\n\t\t\t\t\t\t\t\t}}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.displayName\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.formatChecked = true\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"transform: translateY(-9px)\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"box-content\"\r\n\t\t\t\t\t\t\tngIf=\"config.portletType == 'table'\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"content-title\">\r\n\t\t\t\t\t\t\t\t{{ translation.ALIGNMENT \|\| \".ALIGNMENT\" }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"icon-list\">\r\n\t\t\t\t\t\t\t\t<mat-icon\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of alignList\"\r\n\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\tselected:\r\n\t\t\t\t\t\t\t\t\t\t\titem.code ==\r\n\t\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.align\r\n\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"changeAligh(item.code)\"\r\n\t\t\t\t\t\t\t\t\t>{{ item.name }}</mat-icon\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Field Title & align end -->\r\n\r\n\t\t\t\t<!-- Number/percent format start -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"group-style marging-top-style\"\r\n\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\tcurrentField.dataType !== 'string' &&\r\n\t\t\t\t\t\tcurrentField.dataType !== 'date'\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div style=\"width: 96%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style format-font\"\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{\r\n\t\t\t\t\t\t\t\t\ttranslation.NUMBER_FORMAT \|\|\r\n\t\t\t\t\t\t\t\t\t\t'.NUMBER_FORMAT'\r\n\t\t\t\t\t\t\t\t}}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.selectedFormatDisplay\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'number')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"\r\n\t\t\t\t\t\t\t\t\t\tlet format of currentFieldFormatInfo.formatList\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"format.key\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tclass=\"format-select-checkbox\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"format.val\"\r\n\t\t\t\t\t\t\t\t\t\t[name]=\"format.key\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t/>{{ format.key }}\r\n\t\t\t\t\t\t\t\t\t<!-- <mat-checkbox\r\n\t\t\t\t\t\t\t\t\t\tstyle=\"margin-left: 15px\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ format.key }}\r\n\t\t\t\t\t\t\t\t\t</mat-checkbox> -->\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Number/percent format end -->\r\n\r\n\t\t\t\t<!-- date format start -->\r\n\t\t\t\t<div ngIf=\"currentField.dataType === 'date'\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"marging-right-style\"\r\n\t\t\t\t\t\tstyle=\"display: inline-block; width: 26%\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.dateType\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption(\r\n\t\t\t\t\t\t\t\t\t\t$event.value,\r\n\t\t\t\t\t\t\t\t\t\t'selectdDateType'\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option value=\"Quarter\">Quarter</mat-option>\r\n\t\t\t\t\t\t\t\t<mat-option value=\"Date\">Date</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: inline-block; width: 60%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption(\r\n\t\t\t\t\t\t\t\t\t\t$event.value,\r\n\t\t\t\t\t\t\t\t\t\t'selectdDateformat'\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.selectedFormatDisplay\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"\r\n\t\t\t\t\t\t\t\t\t\tlet date of currentFieldFormatInfo.formatList\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"date.key\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tclass=\"format-select-checkbox\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"date.val\"\r\n\t\t\t\t\t\t\t\t\t\t[name]=\"date.key\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t/>{{ date.key }}\r\n\r\n\t\t\t\t\t\t\t\t\t<!-- <mat-checkbox\r\n\t\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 15px;\r\n\t\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t\t[checked]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ date.key }}\r\n\t\t\t\t\t\t\t\t\t</mat-checkbox> -->\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- date format end -->\r\n\t\t\t</div>\r\n\t\t\t<!-- Format part end -->\r\n\r\n\t\t\t<!-- font setting start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"format-checkbox\"\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\t!['string', 'nvarchar', 'date', 'datetime'].includes(\r\n\t\t\t\t\t\tcurrentField.dataType\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.fontSettingChecked\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.FONT_SETTINGS \|\| \".FONT_SETTINGS\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"format-group format-box\"\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\t!['string', 'nvarchar', 'date', 'datetime'].includes(\r\n\t\t\t\t\t\tcurrentField.dataType\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<!-- Number Format 字体大小、字体颜色、单元格背景色 start -->\r\n\t\t\t\t<span class=\"format-number\">\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.POSITIVE_NUMBER_FORMAT \|\|\r\n\t\t\t\t\t\t\t\"Positive Number Format\"\r\n\t\t\t\t\t}}\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 35%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'fontFamily')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.fontFamilyValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontFamilyList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 15%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'fontSize')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.fontSizeValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontSizeList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: flex; line-height: 54px\">\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerFont\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerFontElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'font')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpicker\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event)\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div #previewColor>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"preview\"\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\twidth: 62px;\r\n\t\t\t\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateY(12px);\r\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t123.45\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span class=\"format-number\">{{\r\n\t\t\t\t\ttranslation.NEGATIVE_NUMBER_FORMAT \|\|\r\n\t\t\t\t\t\t\"Negative Number Format\"\r\n\t\t\t\t}}</span>\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 35%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'negaFontFamily')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.negaFontFamilyValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontFamilyList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 15%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'negaFontSize')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.negaFontSizeValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\tngFor=\"let item of fontSizeList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: flex; line-height: 54px\">\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerFontBurden\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerFontElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'ngeaFont')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerBurden\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'ngeaBgColor')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div #previewColorBurden>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"preview\"\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\twidth: 62px;\r\n\t\t\t\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateY(12px);\r\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t123.45\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Number Format 字体大小、字体颜色、单元格背景色 end -->\r\n\t\t\t</div>\r\n\t\t\t<!-- font setting end -->\r\n\r\n\t\t\t<!-- hide subtotal start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"subtotal-checkbox\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\topacity:\r\n\t\t\t\t\t\tconfig.portletType !== 'pivot' \|\| !currentField?.isValue\r\n\t\t\t\t}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"!currentField.showSubTotals\"\r\n\t\t\t\t\t(ngModelChange)=\"changeHideStatus('showSubTotals')\"\r\n\t\t\t\t\t[disabled]=\"\r\n\t\t\t\t\t\tconfig.portletType !== 'pivot' \|\| !currentField?.isValue\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.HIDE_SUB_TOTAL \|\| \"Hide Sub total\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<!-- hide subtotal end -->\r\n\r\n\t\t\t<!-- hide grandtotal start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"subtotal-checkbox\"\r\n\t\t\t\t[ngClass]=\"{ opacity: disabledGrandTotal() }\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"!currentField.showGrandTotals\"\r\n\t\t\t\t\t(ngModelChange)=\"changeHideStatus('showGrandTotals')\"\r\n\t\t\t\t\t[disabled]=\"disabledGrandTotal()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.HIDE_GRAND_TOTAL \|\| \"Hide Grand total\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<!-- hide grandtotal end -->\r\n\t\t</div>\r\n\t\t<!--Formatting and hide sub total end 第二页：format setting-->\r\n\t</div>\r\n\t<div class=\"button-group\" ngIf=\"!Conditional\">\r\n\t\t<button (click)=\"clearFormat_Current()\" class=\"btn clear-button\">\r\n\t\t\t{{ translation.CLEAR \|\| \".CLEAR\" }}\r\n\t\t</button>\r\n\t\t<button (click)=\"saveFormat()\" class=\"btn save-button\">\r\n\t\t\t{{ translation.SAVE \|\| \".SAVE\" }}\r\n\t\t</button>\r\n\t</div>\r\n\t<div class=\"button-group\" ngIf=\"Conditional\">\r\n\t\t<button (click)=\"clearFormat_All()\" class=\"btn clear-button\">\r\n\t\t\t{{ translation.CLEAR \|\| \".CLEAR\" }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n","styles":["@charset \"UTF-8\";.container{font-size:13px;font-weight:400}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn{--rs-primary-btn-hover-bg:#f8fafb!important;--rs-primary-btn-bg:#f8fafb!important;max-width:18px!important;min-width:unset!important;width:18px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn .e-btn-icon{font-size:8px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-split-btn .e-btn-icon{font-size:14px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn.e-icon-btn .e-btn-icon::before{width:8px!important;height:8px!important;content:\"\"!important;color:#495057!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn{--rs-primary-btn-hover:#f8fafb!important;--rs-primary-btn:#f8fafb!important}.container .header{width:109%;display:flex;border-bottom:1px solid #e9ecef;transform:translateX(-25px);height:41px}.container .header .icon-previous{transform:translate(20px,5px);cursor:pointer}.container .header .close{margin-right:30px;padding-left:3px;padding-top:3px;border-radius:18px;transform:scale(1.1);cursor:pointer;background-color:#eaedf0;float:right;font-size:18px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.container .header .format-title{width:91%;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;color:#212529;margin-left:28px}.container .content .all-fields{height:543px;overflow:auto}.container .content .all-fields::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.container .content .all-fields::-webkit-scrollbar-thumb{background:#eaedf0}.container .content .all-fields .fields-group{width:calc(100% - 9px);height:30px;border-radius:4px;border:1px solid #efeff3;padding:4px 9px 0 11px;margin:0 0 11px 4px}.container .content .all-fields .fields-group p{color:#44566c}.container .content .all-fields .fields-group img:hover{cursor:pointer}.container .content .all-fields .fields-group .format-icon{margin-right:10px}.container .content .format-group{width:535px;border-radius:5px;border:1px solid #b3c0ce;padding:15px 0 0 10px;margin:0 0 20px 4px}.container .content .format-group .group-style{display:flex;width:100%}.container .content .format-group .group-style .format-font{color:#4a4a4a!important;font-weight:400!important}.container .content .format-group .marging-right-style{margin-right:16px}.container .content .format-group .marging-top-style{margin-top:10px}.container .content .format-field{margin-top:36px}.container .content .format-field .field-name label{font-family:Arial;font-size:10px;font-weight:700;color:#a2a3b5}.container .content .format-field .field-name p{font-family:Arial;font-size:15px;color:#4a4a4a;margin-bottom:12px}.container .content .format-checkbox,.container .content .subtotal-checkbox{font-family:Arial;font-size:15px;font-weight:700;color:#4a4a4a;margin-bottom:10px;margin-left:4px}.container .content .format-box{width:512px;margin-left:25px}.container .button-group{text-align:right;position:absolute;right:0;bottom:0;margin:0 20px 20px 0}.container .button-group .btn{width:117px;height:36px;border:none;border-radius:5px;font-family:Arial;font-size:14px;font-weight:700}.container .button-group .clear-button{color:#979cb4;background-color:#f2f3f7;margin-right:20px}.container .button-group .save-button{color:#0081ff;background-color:#d9edff}.container .fl{float:left}.container .fr{float:right}.add-format-button{width:36px;height:39px;background:0 0;border:none}.add-format-button img{width:36px;height:39px;transform:translateX(-10px)}.add-format-font{font-family:Arial;font-size:15px;font-weight:700;color:#09b66d;transform:translateY(5px)}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.wrap{margin-right:10px}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color{background:0 0;border-bottom-style:solid;border-bottom-width:5px;width:25px;height:20px;border-radius:unset}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview{display:none}.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../assets/img/dashboard_icon/print-A2.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-wrapper #pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../assets/img/dashboard_icon/paint-bucket.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn{padding:5px;background-color:#f8fafb;border:none!important}.e-dropdown-btn .e-caret,.e-dropdown-btn.e-btn .e-caret{transform:translateX(-2px)}.e-colorpicker-container .e-icon-btn,.e-colorpicker-wrapper .e-icon-btnr{background-color:#f8fafb!important;color:unset!important}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn{padding:0 10px!important;background-color:#f8fafb!important;border:none!important}.e-btn.e-active,.e-css.e-btn.e-active{box-shadow:unset!important}::ng-deep .mat-checkbox-frame{background-color:#fff!important;border:1px solid #d6d6d6!important}.select-chip{transform:translateY(20px);height:24px;border-radius:5px;min-height:24px}.delete-group{margin-left:468px;cursor:pointer;transform:translateY(-10px);padding-left:3px;padding-top:3px}.format-number{font-family:Arial;font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#a2a3b5}.notice{margin:15px 0 20px;width:529px;font-family:Arial;font-size:13px;color:#212529}.opacity{opacity:30%}input[type=checkbox].format-select-checkbox{transform:translateY(1px);margin-right:12px;width:14px;height:14px;border:1px solid #d6d6d6!important;background-color:#fff;line-height:14px;border-radius:4px;text-align:center;cursor:pointer}::ng-deep .e-colorpicker-popup{padding:0!important;border-radius:unset!important}::ng-deep .e-colorpicker-popup .e-switch-ctrl-btn{padding:14px!important}::ng-deep .e-colorpicker-popup .e-ctrl-btn{display:flex;justify-content:right}::ng-deep .e-colorpicker-popup .e-selected-value .e-value-switch-btn{border:unset!important;width:28px!important;max-width:28px!important}"]}]}],"members":{"colorPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":27,"character":2},"arguments":["colorpicker"]}]}],"colorPickerFont":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":28,"character":2},"arguments":["colorpickerFont"]}]}],"PreviewColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":30,"character":2},"arguments":["previewColor"]}]}],"colorpickerBurden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":31,"character":2},"arguments":["colorpickerBurden"]}]}],"colorpickerFontBurden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":2},"arguments":["colorpickerFontBurden"]}]}],"previewColorBurden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":35,"character":2},"arguments":["previewColorBurden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":57,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":57,"character":10}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":58,"character":15},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵr"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"getConditionalData":[{"__symbolic":"method"}],"openFormat":[{"__symbolic":"method"}],"selectOption":[{"__symbolic":"method"}],"getFiledFormat":[{"__symbolic":"method"}],"optionFilter":[{"__symbolic":"method"}],"changeAligh":[{"__symbolic":"method"}],"addColorPickerStyle":[{"__symbolic":"method"}],"colorOnChange":[{"__symbolic":"method"}],"changeHideStatus":[{"__symbolic":"method"}],"saveFormat":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"clearFormat_All":[{"__symbolic":"method"}],"clearFormat_Current":[{"__symbolic":"method"}],"disabledGrandTotal":[{"__symbolic":"method"}],"setAlignList":[{"__symbolic":"method"}],"setFontSizeList":[{"__symbolic":"method"}],"setCompareList":[{"__symbolic":"method"}],"setStringAndDateCompareList":[{"__symbolic":"method"}],"setFontFamilyList":[{"__symbolic":"method"}],"setFormatGroupDefaultData":[{"__symbolic":"method"}],"setQuarterFormat":[{"__symbolic":"method"}],"setDateFormat":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"kt-data-mart-new","template":"<div class=\"new_mart_data_popup\">\r\n\t<div class=\"close_box\" (click)=\"closePopup()\">\r\n\t\t<img src=\"../../../../assets/img/dialog-close.svg\" class=\"deleteIcon\" />\r\n\t</div>\r\n\t<div class=\"popup_header\">\r\n\t\t<p class=\"popup_title\">{{ translation.DATA_MART \|\| \".DATA_MART\" }}</p>\r\n\t\t<p class=\"popup_sub_title\">\r\n\t\t\t{{\r\n\t\t\t\ttranslation.PLS_SELECT_DATA_TABLES \|\|\r\n\t\t\t\t\t\".Please select data tables for this dashboard\"\r\n\t\t\t}}\r\n\t\t</p>\r\n\t</div>\r\n\t<div class=\"popup_main_container\">\r\n\t\t<div class=\"left_menu_container\" id=\"info-step-2\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"menu_item\"\r\n\t\t\t\tngFor=\"let item of fatherList\"\r\n\t\t\t\t[ngClass]=\"{ selectItem: fatherId === item.id }\"\r\n\t\t\t\t(click)=\"getdataMart(item, true)\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"activeLine\" ngIf=\"fatherId === item.id\"></span>\r\n\t\t\t\t{{\r\n\t\t\t\t\titem.FromQB\r\n\t\t\t\t\t\t? item.langCode\r\n\t\t\t\t\t\t: translation[item.langCode] \|\| \".\" + item.langCode\r\n\t\t\t\t}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"table_container\" id=\"info-step-3\" (click)=\"nextStep()\">\r\n\t\t\t<div class=\"table_content\">\r\n\t\t\t\t<div class=\"group_data\">\r\n\t\t\t\t\t<div class=\"table_header\">\r\n\t\t\t\t\t\t<div class=\"div_group\">\r\n\t\t\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t\t\t[disabled]=\"isSelectAllDisabled\"\r\n\t\t\t\t\t\t\t\t[color]=\"'primary'\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"selectedAll\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"selectAll($event)\"\r\n\t\t\t\t\t\t\t\t>{{\r\n\t\t\t\t\t\t\t\t\ttranslation[\"GROUP\"] \|\| \".group\"\r\n\t\t\t\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"group_item__box\" ngFor=\"let item of sonList\">\r\n\t\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t\t[disabled]=\"item.disabled\"\r\n\t\t\t\t\t\t\t[color]=\"'primary'\"\r\n\t\t\t\t\t\t\t[(ngModel)]=\"item.checked\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"handleItemChange(item, $event)\"\r\n\t\t\t\t\t\t\t>{{\r\n\t\t\t\t\t\t\t\titem.FromQB\r\n\t\t\t\t\t\t\t\t\t? item.langCode\r\n\t\t\t\t\t\t\t\t\t: translation[item.langCode] \|\|\r\n\t\t\t\t\t\t\t\t\t \".\" + item.langCode\r\n\t\t\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t<ejs-tooltip\r\n\t\t\t\t\t\t\tngIf=\"item.langCode === 'FINANCIAL_FIGURES'\"\r\n\t\t\t\t\t\t\tid=\"tooltip\"\r\n\t\t\t\t\t\t\tcssClass=\"figures-tooltip\"\r\n\t\t\t\t\t\t\t[content]=\"\r\n\t\t\t\t\t\t\t\ttranslation.DASHBOARD_FINANCIAL_FIGURES_TOOLTIPS \|\|\r\n\t\t\t\t\t\t\t\t'Financial Figures can’t be selected together with other groups.'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t</ejs-tooltip>\r\n\t\t\t\t\t\t<!-- <ejs-tooltip\r\n\t\t\t\t\t\t\tngIf=\"\r\n\t\t\t\t\t\t\t\tDashboardPorletsService.checkIsQ2Q(item.tables)\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tcssClass=\"figures-tooltip\"\r\n\t\t\t\t\t\t\tcontent=\"Q2Q\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t</ejs-tooltip> -->\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"table_data\">\r\n\t\t\t\t\t<div class=\"table_header\">\r\n\t\t\t\t\t\t<div class=\"data_table_box\">\r\n\t\t\t\t\t\t\t<div class=\"table_title\">\r\n\t\t\t\t\t\t\t\t{{ translation[\"DATA_TABLE\"] \|\| \".Data Table\" }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"search_container\">\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[placeholder]=\"translation['SEARCH']\"\r\n\t\t\t\t\t\t\t\t\tclass=\"search_input\"\r\n\t\t\t\t\t\t\t\t\t(keyup)=\"doFilter($event.target.value)\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t\t(keydown)=\"\r\n\t\t\t\t\t\t\t\t\t\tpbf.disabledInputEnterEvent($event)\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"table_main_content\" style=\"overflow: auto\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tngFor=\"let item of grandsonList\"\r\n\t\t\t\t\t\t\t[ngClass]=\"{ maxBox: grandsonList.length >= 11 }\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div ngIf=\"!item.isHide\" class=\"table_data_item\">\r\n\t\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\t\titem.FromQB\r\n\t\t\t\t\t\t\t\t\t\t? item.langCode\r\n\t\t\t\t\t\t\t\t\t\t: translation[item.langCode] \|\|\r\n\t\t\t\t\t\t\t\t\t\t \".\" + item.langCode\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"popup_footer\">\r\n\t\t<button class=\"cancle_btn popup_btn\" (click)=\"closePopup()\">\r\n\t\t\t{{ translation[\"CANCEL\"] \|\| \".CANCEL\" }}\r\n\t\t</button>\r\n\t\t<button\r\n\t\t\tclass=\"sure_btn popup_btn\"\r\n\t\t\tid=\"info-step-5\"\r\n\t\t\t(click)=\"saveData()\"\r\n\t\t\t[disabled]=\"disabled \|\| !entityType \|\| grandsonList.length == 0\"\r\n\t\t>\r\n\t\t\t{{ translation[\"SAVE\"] \|\| \".SAVE\" }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n","styles":[".new_mart_data_popup{width:100%;position:relative;height:100%;padding:60px 74px;font-family:Arial;display:flex;flex-direction:column;overflow:hidden}.new_mart_data_popup .close_box{position:absolute;right:12px;top:12px;padding:10px;cursor:pointer}.new_mart_data_popup .close_box .deleteIcon{width:24px;height:24px}.new_mart_data_popup .popup_header{margin-bottom:32px}.new_mart_data_popup .popup_header .popup_title{font-size:24px;font-weight:700;text-align:center;color:#44566c;line-height:28px;margin-bottom:12px}.new_mart_data_popup .popup_header .popup_sub_title{font-size:13px;line-height:15px;color:#44566c;text-align:center}.new_mart_data_popup .popup_main_container{flex:1;width:100%;margin-bottom:40px;display:flex;overflow:hidden}.new_mart_data_popup .popup_main_container .left_menu_container{margin-right:30px;text-align:left}.new_mart_data_popup .popup_main_container .left_menu_container .menu_item{line-height:16px;margin-bottom:22px;color:#002c4f;font-size:13px;position:relative;max-width:160px;word-wrap:break-word;cursor:pointer;padding-left:15px}.new_mart_data_popup .popup_main_container .left_menu_container .menu_item.selectItem{font-weight:700}.new_mart_data_popup .popup_main_container .left_menu_container .menu_item .activeLine{display:block;position:absolute;left:0;top:0;width:2px;height:17px;background-color:#0081ff}.new_mart_data_popup .popup_main_container .table_container{flex:1;height:100%;overflow:hidden;border:1px solid #eaedf0;display:flex;flex-direction:column}.new_mart_data_popup .popup_main_container .table_container .table_header{height:40px;background-color:#f8fafb;display:flex;align-items:center}.new_mart_data_popup .popup_main_container .table_container .table_header::ng-deep .mat-checkbox .mat-checkbox-layout{color:#44566c;font-size:13px;font-weight:700}.new_mart_data_popup .popup_main_container .table_container .table_header .div_group{min-width:200px;padding-left:20px}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box{flex:1;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:5px}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .table_title{font-size:13px;font-weight:700;color:#44566c}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container{width:190px;height:30px;position:relative}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input{background-image:url(../../assets/img/search.svg);background-size:16px;background-repeat:no-repeat;background-position-y:center;background-position-x:10px;width:190px;height:30px;padding:7px 7px 6px 38px;border-radius:5px;background-color:#fff;transform:translateY(0);outline:0;border:none;font-weight:400!important;color:#44566c;font-size:12px!important}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::-webkit-input-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::-moz-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input:-ms-input-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::-ms-input-placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_header .data_table_box .search_container .search_input::placeholder{color:#adb5bd}.new_mart_data_popup .popup_main_container .table_container .table_content{display:flex;flex:1;overflow:hidden}.new_mart_data_popup .popup_main_container .table_container .table_content::ng-deep .mat-checkbox .mat-checkbox-layout{color:#44566c;font-size:13px;font-weight:400}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data{height:100%;border-right:1px solid #eaedf0}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data .group_item__box{display:flex;align-items:center;padding-left:20px;height:40px;border-bottom:1px solid #eaedf0;padding-right:10px}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data .group_item__box .e-tooltip{margin-left:5px}.new_mart_data_popup .popup_main_container .table_container .table_content .group_data .group_item__box .e-tooltip span{display:inline-block;width:14px;height:14px;background-image:url(../../assets/img/dashboard_icon/information-grey.svg);background-size:contain;margin-top:5px;cursor:pointer}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data{flex:1;display:flex;height:100%;flex-direction:column;overflow:hidden}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data .table_main_content{flex:1;overflow:auto}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data .maxBox:last-child .table_data_item{border-bottom:none}.new_mart_data_popup .popup_main_container .table_container .table_content .table_data .table_data_item{padding-right:5px;padding-left:20px;height:40px;line-height:40px;font-size:13px;color:#44566c;border-bottom:1px solid #eaedf0}.new_mart_data_popup .popup_main_container::ng-deep .mat-checkbox .mat-checkbox-background{border:1px solid #d1d1d1}.new_mart_data_popup .popup_main_container::ng-deep .mat-checkbox.mat-checkbox-checked .mat-checkbox-background{border:none}.new_mart_data_popup .disabled-button{pointer-events:none;opacity:.5}.new_mart_data_popup .popup_footer{height:40px;display:flex;align-items:center;justify-content:center}.new_mart_data_popup .popup_footer .popup_btn{width:200px;height:40px;line-height:40px;border:none;border-radius:5px;text-align:center;font-size:13px;font-weight:700}.new_mart_data_popup .popup_footer .popup_btn.cancle_btn{background-color:#eaedf0;color:#979797;margin-right:20px}.new_mart_data_popup .popup_footer .popup_btn.sure_btn{color:#fff;background-color:#1364b3}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":40,"character":12}]}],null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":17},"arguments":[{"__symbolic":"reference","name":"PBF_TOKEN"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":17},"arguments":[{"__symbolic":"reference","name":"API_SERVICE_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵs"}]},{"__symbolic":"reference","name":"DialogService"},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":43,"character":19},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":17},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getInfo":[{"__symbolic":"method"}],"getSources":[{"__symbolic":"method"}],"getSelectedAllStatus":[{"__symbolic":"method"}],"nextStep":[{"__symbolic":"method"}],"getdataMart":[{"__symbolic":"method"}],"setFatherId":[{"__symbolic":"method"}],"handleItemChange":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"doSearch":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}],"showToast":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"kt-bar-charts","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"providers":[{"__symbolic":"reference","module":"@angular/common","name":"DecimalPipe","line":28,"character":14}],"template":"<div\r\n\tclass=\"content\"\r\n\t#chartContent\r\n\tid=\"chartContent\"\r\n\tngIf=\"dataColumn \|\| dataLine\"\r\n>\r\n\t<ejs-chart\r\n\t\t#chart\r\n\t\tstyle=\"display: block\"\r\n\t\talign=\"center\"\r\n\t\t[title]=\"title\"\r\n\t\t[primaryXAxis]=\"primaryXAxis\"\r\n\t\t[primaryYAxis]=\"primaryYAxis\"\r\n\t\t[tooltip]=\"tooltip\"\r\n\t\t(load)=\"load($event)\"\r\n\t\t[chartArea]=\"chartArea\"\r\n\t\twidth=\"100%\"\r\n\t\t[height]=\"height\"\r\n\t\t[width]=\"width\"\r\n\t\t[zoomSettings]=\"zoomSettings\"\r\n\t\t[legendSettings]=\"legend\"\r\n\t\t[palettes]=\"customPalette\"\r\n\t\t(pointRender)=\"onPointRender($event)\"\r\n\t\t[enableAnimation]=\"false\"\r\n\t\t(textRender)=\"textRender($event)\"\r\n\t\t(tooltipRender)=\"tooltipRender($event)\"\r\n\t\t(axisLabelRender)=\"OnChartAxisLabeRender($event)\"\r\n\t>\r\n\t\t<e-series-collection>\r\n\t\t\t<ng-container ngIf=\"dataColumn && dataColumn.length > 0\">\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of column\"\r\n\t\t\t\t\t[dataSource]=\"dataColumn\"\r\n\t\t\t\t\ttype=\"Column\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\tcolumnSpacing=\"0.1\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- 只选第二个Y轴时，显示折线图 -->\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0 &&\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length <= 0\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of columnLine\"\r\n\t\t\t\t\t[dataSource]=\"dataLine\"\r\n\t\t\t\t\ttype=\"Spline\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\tcolumnSpacing=\"0.1\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- 如果两个Y轴是同类型数据，共用一个Y轴 -->\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length > 0 &&\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0 &&\r\n\t\t\t\t\tcolumnType == lineType\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of columnLine\"\r\n\t\t\t\t\t[dataSource]=\"dataLine\"\r\n\t\t\t\t\ttype=\"Spline\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\tcolumnSpacing=\"0.1\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- 如果两个Y轴是不同类型数据，就用两个Y轴 -->\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length > 0 &&\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0 &&\r\n\t\t\t\t\tcolumnType != lineType\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-series\r\n\t\t\t\t\tngFor=\"let i of columnLine\"\r\n\t\t\t\t\t[dataSource]=\"dataLine\"\r\n\t\t\t\t\ttype=\"Spline\"\r\n\t\t\t\t\t[xName]=\"i.xName\"\r\n\t\t\t\t\t[yName]=\"i.yName\"\r\n\t\t\t\t\t[marker]=\"marker\"\r\n\t\t\t\t\t[name]=\"i.name\"\r\n\t\t\t\t\twidth=\"2\"\r\n\t\t\t\t\topacity=\"1\"\r\n\t\t\t\t\tyAxisName=\"yAxis2\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-series>\r\n\t\t\t</ng-container>\r\n\t\t</e-series-collection>\r\n\r\n\t\t<e-axes>\r\n\t\t\t<ng-container\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\tdataColumn &&\r\n\t\t\t\t\tdataColumn.length > 0 &&\r\n\t\t\t\t\tdataLine &&\r\n\t\t\t\t\tdataLine.length > 0\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<e-axis\r\n\t\t\t\t\topposedPosition=\"true\"\r\n\t\t\t\t\trowIndex=\"0\"\r\n\t\t\t\t\tname=\"yAxis2\"\r\n\t\t\t\t\t[majorGridLines]=\"{ width: 0 }\"\r\n\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t[lineStyle]=\"{ width: 0 }\"\r\n\t\t\t\t\t[majorTickLines]=\"{ width: 0 }\"\r\n\t\t\t\t>\r\n\t\t\t\t</e-axis>\r\n\t\t\t</ng-container>\r\n\t\t</e-axes>\r\n\t</ejs-chart>\r\n\t<div class=\"full-box-mask\" ngIf=\"pageLoading\">\r\n\t\t<mat-spinner\r\n\t\t\tstyle=\"z-index: 999\"\r\n\t\t\tmode=\"indeterminate\"\r\n\t\t\t[diameter]=\"24\"\r\n\t\t></mat-spinner>\r\n\t</div>\r\n</div>\r\n","styles":["#chartContent{width:100%;height:100%;padding-top:10px}#chartContent .full-screen-mask{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:9999}#chartContent mat-spinner.mat-spinner.mat-progress-spinner.mat-primary.mat-progress-spinner-indeterminate-animation{position:absolute;top:45%;left:47.5%!important;transform:translate(-25%,-25%)}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["chartContent",{"static":false}]}]}],"chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["chart",{"static":false}]}]}],"dataColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"dataLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"dataStackingColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"columnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"lineType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"portlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"dashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"load":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":124,"character":17},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/common","name":"DecimalPipe","line":126,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"initMarkerConfig":[{"__symbolic":"method"}],"textRender":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"refreshChart":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeSize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[100]}]}],"exportChart":[{"__symbolic":"method"}],"OnChartAxisLabeRender":[{"__symbolic":"method"}],"getT":[{"__symbolic":"method"}],"formatPercentage":[{"__symbolic":"method"}],"arraysAreEqual":[{"__symbolic":"method"}],"objectsAreEqual":[{"__symbolic":"method"}],"onPointRender":[{"__symbolic":"method"}],"tooltipRender":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"kt-pane-download","template":"<div class=\"container dashboard-download-container\">\r\n\t<div class=\"header\">\r\n\t\t<div class=\"header-label\">\r\n\t\t\t{{ translation.DOWNLOAD_PREVIEW \|\| \".DOWNLOAD_PREVIEW\" }}\r\n\t\t</div>\r\n\t\t<mat-icon class=\"close\" (click)=\"close()\">close</mat-icon>\r\n\t</div>\r\n\t<div class=\"body\">\r\n\t\t<div class=\"portlet\" ngFor=\"let item of portlets\">\r\n\t\t\t<kt-gadget-table\r\n\t\t\t\t#dtable\r\n\t\t\t\tngIf=\"getPortletType(item) == 'table'\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t>\r\n\t\t\t</kt-gadget-table>\r\n\t\t\t<kt-gadget-pivot\r\n\t\t\t\t#dpivot\r\n\t\t\t\tngIf=\"getPortletType(item) == 'pivot'\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[themeColor]=\"item.themeColor\"\r\n\t\t\t>\r\n\t\t\t</kt-gadget-pivot>\r\n\t\t\t<kt-gadget-pivot-chart\r\n\t\t\t\t#dpivot\r\n\t\t\t\tngIf=\"getPortletType(item) == 'newchart'\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[themeColor]=\"item.themeColor\"\r\n\t\t\t\t(updatePorletConfig)=\"updatePorletConfig($event)\"\r\n\t\t\t>\r\n\t\t\t</kt-gadget-pivot-chart>\r\n\t\t\t<kt-gadget-transpose\r\n\t\t\t\t#dtranspose\r\n\t\t\t\tngIf=\"getPortletType(item) == 'transpose'\"\r\n\t\t\t\t[portlets]=\"portlets\"\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t>\r\n\t\t\t</kt-gadget-transpose>\r\n\t\t\t<kt-bar-charts\r\n\t\t\t\tngIf=\"\r\n\t\t\t\t\t['newcolumn', 'newline', 'newcolumnline'].includes(\r\n\t\t\t\t\t\tgetPortletType(item)\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t\t#dnewChart\r\n\t\t\t\t[dashboard]=\"data.dashboard\"\r\n\t\t\t\t[dataColumn]=\"item.dataColumn\"\r\n\t\t\t\t[dataLine]=\"item.dataLine\"\r\n\t\t\t\t[columnType]=\"item.columnType\"\r\n\t\t\t\t[lineType]=\"item.lineType\"\r\n\t\t\t\t[themeColor]=\"item.themeColor\"\r\n\t\t\t\t[portlet]=\"item\"\r\n\t\t\t></kt-bar-charts>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"footer\">\r\n\t\t<div class=\"btn btn-cancle\" (click)=\"close()\">\r\n\t\t\t{{ translation.CLOSE \|\| \".CLOSE\" }}\r\n\t\t</div>\r\n\t\t<div class=\"btn btn-primary\" (click)=\"downloadAll()\">\r\n\t\t\t{{ translation.DOWNLOAD \|\| \".DOWNLOAD\" }}\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","styles":[".dashboard-download-container.container{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.dashboard-download-container .header{display:flex;justify-content:space-between;align-items:center;height:24px}.dashboard-download-container .header .header-label{font-size:18px;font-weight:600;color:#44566c}.dashboard-download-container .body{flex:1;display:flex;overflow:auto;flex-direction:column;gap:20px;padding-right:12px}.dashboard-download-container .body .portlet{height:300px;min-height:300px}.dashboard-download-container .footer{width:100%;height:40px;display:flex;justify-content:center;gap:20px}.dashboard-download-container .footer .btn{width:calc((100% - 20px)/ 2);height:40px;border-radius:5px;font-size:13px;font-weight:700;text-align:center;cursor:pointer}.dashboard-download-container .footer .btn-cancle{background:#f2f3f7;color:#979797}.dashboard-download-container .footer .btn-primary{background:#1364b3;color:#fff}"]}]}],"members":{"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":31,"character":2},"arguments":["dtable"]}]}],"pivot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":2},"arguments":["dpivot"]}]}],"newChart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":35,"character":2},"arguments":["dnewChart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":39,"character":10}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵu"}]},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":46,"character":22},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":48,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"downloadAll":[{"__symbolic":"method"}],"GetgadgetTitle":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"getChartIndexInAll":[{"__symbolic":"method"}],"downloadTable":[{"__symbolic":"method"}],"updateFormat":[{"__symbolic":"method"}],"getPortletType":[{"__symbolic":"method"}],"updatePorletConfig":[{"__symbolic":"method"}]}}},"origins":{"CommonGridComponent":"./lib/common-grid/index.component","GridActionItem":"./lib/common-grid/grid-action/grid-action.component","GridActionComponent":"./lib/common-grid/grid-action/grid-action.component","GridActionItemComponent":"./lib/common-grid/grid-action/grid-action-item/grid-action-item.component","FloatBoxComponent":"./lib/float-box/index.component","RsCommentaryComponent":"./lib/commentary/index.component","TruncatedTextToggleComponent":"./lib/truncated-text-toggle/index.component","RsPageListComponent":"./lib/layout/page-list/index.component","RsPageTabComponent":"./lib/layout/page-tab/index.component","GridBoxComponent":"./lib/layout/grid-box/index.component","MultiTabComponent":"./lib/layout/multi-tab/index.component","DrawerComponent":"./lib/layout/drawer/index.component","RSNavCardGroupComponent":"./lib/layout/nav-card-group/index.component","RSToolbarComponent":"./lib/actions/toolbar/index.component","ToolbarItemComponent":"./lib/actions/toolbar-item/index.component","MainContainerComponent":"./lib/layout/main-container/index.component","RSHeaderComponent":"./lib/layout/rs-header/index.component","RSFooterComponent":"./lib/layout/rs-footer/index.component","RSAsideComponent":"./lib/layout/rs-aside/index.component","RSStepperComponent":"./lib/layout/rs-stepper/index.component","StepItem":"./lib/layout/rs-stepper/constants","TagInputComponent":"./lib/form/tag-input/index.component","RadioGroupComponent":"./lib/form/radio-group/index.component","CheckboxGroupComponent":"./lib/form/checkbox-group/index.component","SwitchInputComponent":"./lib/form/switch-input/index.component","EncryptedInputComponent":"./lib/form/encrypted-input/index.component","SearchInputComponent":"./lib/form/search-input/index.component","DrawerFormComponent":"./lib/form/drawer-form/drawer-form.component","FieldItem":"./lib/form/drawer-form/constants","SectionItem":"./lib/form/drawer-form/constants","filterShowSection":"./lib/form/drawer-form/constants","EmailPattern":"./lib/form/drawer-form/constants","CommonDialogComponent":"./lib/dialog/common-dialog/index.component","PaneGroupNewComponent":"./lib/dashboard/pane-group-new.component","CommonFunctionService":"./lib/service/common-function.service","IconLoaderService":"./lib/service/icon-loader.service","MessageType":"./lib/service/dialog.service","DialogService":"./lib/service/dialog.service","KeepAliveService":"./lib/service/keep-alive.service","DrawerConfig":"./lib/service/drawer.service","DefaultDrawerConfig":"./lib/service/drawer.service","DrawerShowInstance":"./lib/service/drawer.service","DrawerChangeEvent":"./lib/service/drawer.service","DrawerChangeListener":"./lib/service/drawer.service","DrawerService":"./lib/service/drawer.service","TranslationService":"./lib/service/translation.service","RaiseCommonLibModule":"./lib/raise-common-lib.module","PBF_TOKEN":"./lib/service/InjectionToken","API_SERVICE_TOKEN":"./lib/service/InjectionToken","ROLE_SERVICE_TOKEN":"./lib/service/InjectionToken","ɵa":"./lib/utils/decorator","ɵb":"./lib/dashboard/dashboard.service","ɵc":"./lib/dashboard/api","ɵd":"./lib/dashboard/dashboardPorlets.service","ɵe":"./lib/dashboard/bar-charts/utils","ɵf":"./lib/form/richtexteditor/index.component","ɵg":"./lib/form/confirm-select/index.component","ɵh":"./lib/dialog/new-action-notification/new-action-notification.component","ɵi":"./lib/dialog/common-delete-dialog/index.component","ɵj":"./lib/dashboard/sidebar-iconlist/sidebar-iconlist-new.component","ɵk":"./lib/dashboard/dialog-group/empty-icon-prompt/empty-icon-prompt.component","ɵl":"./lib/dashboard/gadget-group/gadget-table/gadget-table.component","ɵm":"./lib/dashboard/gadget-group/gadget-pivot/gadget-pivot.component","ɵn":"./lib/dashboard/gadget-group/gadget-pivot-chart/gadget-pivot.component","ɵo":"./lib/dashboard/gadget-group/gadget-transpose/gadget-transpose.component","ɵp":"./lib/dashboard/sidebar-iconlist/portlet-type-new/portlet-type-new.component","ɵq":"./lib/dashboard/sidebar-iconlist/field-filter/field-filter.component","ɵr":"./lib/dashboard/sidebar-iconlist/field-format/field-format.component","ɵs":"./lib/dashboard/dashboard-properties/data-mart-new/data-mart-new.component","ɵt":"./lib/dashboard/bar-charts/bar-charts.component","ɵu":"./lib/dashboard/dialog-group/download/index.component"},"importAs":"raise-common-lib"}