{"__symbolic":"module","version":4,"metadata":{"JointSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"joint-search","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":17},"member":"None"},"template":"<div class=\"f-utils-flex-column h-100\">\r\n  <div class=\"f-utils-flex-column\" style=\" flex: 1 1 0\">\r\n    <div class=\"f-utils-fill-flex-column farris-split-section m-1 farris-overflow-hidden\">\r\n      <div class=\"farris-form farris-card-content-bg h-100\" (resized)=\"onResized($event)\">\r\n        <fieldSet style=\"height: 11% !important;\">\r\n          <button id=\"addSubFilterRow\" class=\"btn btn-primary mr-1 mb-1\" (click)=\"addSubHandler()\">{{localizeService.getValue('ideCmp.drillDown.btnAdd')}}</button>\r\n          <button id=\"addSubFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"removeSubHandler()\">{{localizeService.getValue('ideCmp.drillDown.btnDelete')}}</button>\r\n          <button id=\"addSubFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"cancelSubHandler($event)\">{{localizeService.getValue('ideCmp.drillDown.btnCancel')}}</button>\r\n        </fieldSet>\r\n        <div class=\"f-utils-fill\" style=\"height: 89% !important;\">\r\n          <farris-datagrid id=\"gridFunctionSub2\" [data]=\"functionSubDatas\"\r\n                           [columns]=\"SubColumns\" #dg=\"datagrid\"\r\n                           [fit]=\"true\" [editable]=\"true\" [editMode]=\"'cell'\"\r\n                           [showCheckbox]=\"false\" [fitColumns]=\"true\"\r\n                           [showLineNumber]=\"true\" [striped]=\"true\"\r\n                           [virtualized]=\"true\" [pagination]=\"false\"\r\n                           (selectChanged)=findIndex($event)>\r\n\r\n          </farris-datagrid>\r\n          <ng-template #functioncodeTemp let-ctx>\r\n            <div class=\"f-datagrid-cell-formgroup farris-group-auto\">\r\n              <input [disabled]=\"true\" type=\"text\" class=\"form-control\" name=\"name\"\r\n                     [(ngModel)]=\"ctx.rowData['functioncode']\">\r\n              <button id=\"functionSelect\" class=\"btn f-rt-btn f-btn-ml btn-secondary\" (click)=\"openFunc()\">\r\n                {{localizeService.getValue('ideCmp.drillDown.menuBtn')}}\r\n              </button>\r\n              <button id=\"appSelect\" class=\"btn f-rt-btn f-btn-ml btn-secondary\" (click)=\"openApp()\">\r\n                {{localizeService.getValue('ideCmp.drillDown.appBtn')}}\r\n              </button>\r\n              <app-rtf-app-help #appHelp (afterHelpConfirm)=\"selectedFunc($event)\" [languageCode]=\"language\"></app-rtf-app-help>\r\n              <app-rtf-application-help #rtfappHelp [initSelectKeys]=\"\" (afterHelpConfirm)=\"selectedApp($event)\" [languageCode]=\"language\"></app-rtf-application-help>\r\n            </div>\r\n          </ng-template>\r\n          <ng-template #functionNameTemp let-ctx>\r\n            <language-textbox [languages]=\"languages\" [(ngModel)]=\"ctx.rowData['functionname']\"></language-textbox>\r\n          </ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"f-utils-flex-column\" style=\" flex: 1 1 0\">\r\n    <div class=\"f-utils-fill-flex-column farris-split-section m-1 farris-overflow-hidden\">\r\n      <div class=\"farris-form farris-card-content-bg h-100\" (resized)=\"onResized($event)\">\r\n        <fieldSet style=\"height: 11% !important;\">\r\n          <button id=\"addFilterRow\" class=\"btn btn-primary mr-1 mb-1\" (click)=\"addParaHandler()\">{{localizeService.getValue('ideCmp.drillDown.btnAdd')}}</button>\r\n          <button id=\"addFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"removeParaHandler()\">{{localizeService.getValue('ideCmp.drillDown.btnDelete')}}</button>\r\n          <button id=\"addFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"cancelEditedPara($event)\">{{localizeService.getValue('ideCmp.drillDown.btnCancel')}}</button>\r\n        </fieldSet>\r\n        <div class=\"f-utils-fill\" style=\"height: 89% !important;\">\r\n          <farris-datagrid id=\"gridFunctionPara2\" [data]=\"functionParaDatasOfSub\"\r\n                           [columns]=\"paraColumns\" #dg1=\"datagrid\"\r\n                           [fit]=\"true\"\r\n                           [editable]=\"true\" [editMode]=\"'cell'\" [showCheckbox]=\"false\" [fitColumns]=\"true\"\r\n                           [showLineNumber]=\"true\" [striped]=\"true\" [total]=\"0\" [pageSize]=\"100\"\r\n                           [virtualized]=\"true\" [pagination]=\"false\">\r\n          </farris-datagrid>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <ng-template #enumFooter>\r\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"clickCancel()\">{{localizeService.getValue('ideCmp.drillDown.btnCancel')}}</button>\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"clickConfirm()\">{{localizeService.getValue('ideCmp.drillDown.btnOK')}}</button>\r\n  </ng-template>\r\n","styles":["tr .center{text-align:center}"]}]}],"members":{"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"submitModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"editorParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"modalFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["enumFooter"]}]}],"dg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":["dg"]}]}],"dg1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":["dg1"]}]}],"farrisDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["farrisDialog"]}]}],"appHelp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["appHelp"]}]}],"rtfappHelp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":3},"arguments":["rtfappHelp"]}]}],"functioncodeTemp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":3},"arguments":["functioncodeTemp"]}]}],"functionNameTemp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":["functionNameTemp"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":79,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":80,"character":22},{"__symbolic":"reference","name":"JointSearchService"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":82,"character":34}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"dropDownInitForIDE":[{"__symbolic":"method"}],"gridInit":[{"__symbolic":"method"}],"selectChange":[{"__symbolic":"method"}],"getViewModelFields":[{"__symbolic":"method"}],"recursiveGetViewModelFields":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"clickCancel":[{"__symbolic":"method"}],"clickConfirm":[{"__symbolic":"method"}],"handleDialogShow":[{"__symbolic":"method"}],"addSubHandler":[{"__symbolic":"method"}],"removeSubHandler":[{"__symbolic":"method"}],"cancelSubHandler":[{"__symbolic":"method"}],"getFunctionName":[{"__symbolic":"method"}],"openFunc":[{"__symbolic":"method"}],"openApp":[{"__symbolic":"method"}],"selectedFunc":[{"__symbolic":"method"}],"selectedApp":[{"__symbolic":"method"}],"findIndex":[{"__symbolic":"method"}],"cancelEditedPara":[{"__symbolic":"method"}],"inputCondExp":[{"__symbolic":"method"}],"addParaHandler":[{"__symbolic":"method"}],"removeParaHandler":[{"__symbolic":"method"}]}},"ParasMappingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"paras-mapping","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"},"template":"<div class=\"btn-group mr-3\" fDropdown *ngIf=\"!currentmode\">\r\n  <button class=\"btn f-rt-btn f-btn-ml btn-secondary dropdown-toggle\" type=\"button\" id=\"menuButton\" (click)=\"handleDialogShow()\" >\r\n    <span class=\"f-icon f-icon-grid-layout\" role=\"presentation\"></span>\r\n    <span *ngIf=\"!isMultiForm\">&nbsp;{{localizeService.getValue('ideCmp.paramsMapping.paramOption')}}</span>\r\n  </button>\r\n</div>\r\n\r\n<farris-dialog #farrisDialog [title]=\"localizeService.getValue('ideCmp.paramsMapping.paramOption')\" [showButtons]=\"false\" [width]=\"700\" [height]=\"500\" *ngIf=\"!currentmode\" [beforeClose]=\"handlebeforeClose\">\r\n  <div class=\"d-flex flex-column flex-fill position-relative h-100 m-0\">\r\n    <div class=\"flex-fill farris-split-section m-1 farris-overflow-hidden\" (resized)=\"onResized($event)\">\r\n      <div class=\"farris-form farris-card-content-bg\">\r\n          <fieldSet farrisFold [style.height.px]=\"size.height\">\r\n            <button id=\"addFilterRow\" class=\"btn btn-primary mr-1 mb-1\" (click)=\"addFilterRow($event)\">{{localizeService.getValue('ideCmp.paramsMapping.btnAdd')}}</button>\r\n            <button id=\"addFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"deleteFilterRow($event)\">{{localizeService.getValue('ideCmp.paramsMapping.btnDelete')}}</button>\r\n            <button id=\"addFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"cancelEdit($event)\">{{localizeService.getValue('ideCmp.paramsMapping.btnCancel')}}</button>\r\n            <farris-datagrid [data]=\"QueryInfoDatas\" [columns]=\"columns\" #dg1=\"datagrid\" [fit]=\"true\"\r\n              [editable]=\"true\" [editMode]=\"editMode\" [showCheckbox]=\"false\" [fitColumns]=\"true\"\r\n              [showLineNumber] =\"true\" [striped]=\"true\"  [total]=\"total\" [pageSize]=\"100\"\r\n              [virtualized]=\"true\" [pagination]=\"false\">\r\n            </farris-datagrid>\r\n          </fieldSet>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</farris-dialog>\r\n<div class=\"d-flex flex-column flex-fill position-relative h-100 m-0\" *ngIf=\"currentmode\">\r\n  <div class=\"flex-fill farris-split-section m-1 farris-overflow-hidden\" (resized)=\"onResized($event)\">\r\n    <div class=\"farris-form farris-card-content-bg\">\r\n        <fieldSet farrisFold [style.height.px]=\"size.height\">\r\n          <button id=\"addFilterRow\" class=\"btn btn-primary mr-1 mb-1\" (click)=\"addFilterRowForIde($event)\">{{localizeService.getValue('ideCmp.paramsMapping.btnAdd')}}</button>\r\n            <button id=\"addFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"deleteFilterRowForIde($event)\">{{localizeService.getValue('ideCmp.paramsMapping.btnDelete')}}</button>\r\n            <button id=\"addFilterRow\" class=\"btn btn-secondary mr-1 mb-1\" (click)=\"cancelEditForIde($event)\">{{localizeService.getValue('ideCmp.paramsMapping.btnCancel')}}</button>\r\n            <farris-datagrid [data]=\"QueryInfoDatas\" [columns]=\"columns\" #dg2=\"datagrid\" [fit]=\"true\"\r\n              [editable]=\"true\" [editMode]=\"editMode\" [showCheckbox]=\"false\" [fitColumns]=\"true\"\r\n              [showLineNumber] =\"true\" [striped]=\"true\"  [total]=\"total\" [pageSize]=\"100\"\r\n              [virtualized]=\"true\" [pagination]=\"false\">\r\n            </farris-datagrid>\r\n        </fieldSet>\r\n      </div>\r\n    </div>\r\n</div>\r\n<ng-template #enumFooter>\r\n  <button type=\"button\" class=\"btn btn-secondary\" (click)=\"clickCancel()\">{{localizeService.getValue('ideCmp.paramsMapping.btnCancel')}}</button>\r\n  <button type=\"button\" class=\"btn btn-primary\" (click)=\"clickConfirm()\">{{localizeService.getValue('ideCmp.paramsMapping.btnOK')}}</button>\r\n</ng-template>\r\n","styles":["tr .center{text-align:center}"]}]}],"members":{"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"submitModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"editorParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"queryId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"qoManagerCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"queryRelativeUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"isMultiForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"modalFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["enumFooter"]}]}],"farrisDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["farrisDialog"]}]}],"dg1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":3},"arguments":["dg1"]}]}],"dg2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":["dg2"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":78,"character":94}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":78,"character":143}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":78,"character":32},{"__symbolic":"reference","name":"ParasMappingService"},{"__symbolic":"reference","module":"@farris/ui-messager","name":"MessagerService","line":78,"character":125},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":78,"character":172}]}],"ngOnInit":[{"__symbolic":"method"}],"gridInit":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"clickCancel":[{"__symbolic":"method"}],"clickConfirm":[{"__symbolic":"method"}],"updateParasMapping":[{"__symbolic":"method"}],"handleDialogShow":[{"__symbolic":"method"}],"addFilterRow":[{"__symbolic":"method"}],"addFilterRowForIde":[{"__symbolic":"method"}],"deleteFilterRow":[{"__symbolic":"method"}],"deleteFilterRowForIde":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"cancelEditForIde":[{"__symbolic":"method"}]}},"PopupAnchorDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[popupAnchor]","exportAs":"popupAnchor"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":8,"character":30}]}]}},"ChartsSchemaEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"charts-schema-editor","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<!--<kendo-tabstrip #tabStrip id=\"chartsSchemaEditor\" class=\"schema-editor-tab h-100 pt-1\" (tabSelect)=\"handleTabSelect($event)\">-->\r\n<farris-tabs  [value]=\"'type'\" [contentFill]=\"true\" [autoTitleWidth]=\"true\"  (tabChange)=\"handleTabSelect($event)\">\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsType.tab')\" [id] = \"'type'\">\r\n    <ng-template #content>\r\n      <charts-type [currSchema]=\"currSchema\" class=\"schema-editor-tab\" (chartTypeChange)=\"chartTypeChange($event)\" ></charts-type>\r\n    </ng-template>\r\n  </farris-tab>\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.tab')\" [id] = \"'data'\">\r\n    <ng-template #content>\r\n      <charts-data [currSchema]=\"currSchema\" class=\"schema-editor-tab\" [colList]=\"colList\" [chartsType]=\"chartsType\" ></charts-data>\r\n    </ng-template>\r\n  </farris-tab>\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.tab')\" [id] = \"'style'\">\r\n    <ng-template #content>\r\n      <charts-style [currSchema]=\"currSchema\" class=\"schema-editor-tab\" [chartsType]=\"chartsType\" ></charts-style>\r\n    </ng-template>\r\n  </farris-tab>\r\n</farris-tabs>\r\n","styles":[".schema-editor-tab{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}"]}]}],"members":{"cls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class"]}]}],"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"colList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"tabsSelectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"chartsTypeCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartsTypeComponent"}]}]}],"chartsDataCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartsDataComponent"}]}]}],"chartsStyleCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartsStyleComponent"}]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","module":"@farris/ui-tabs","name":"FarrisTabsComponent","line":22,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"handleTabSelect":[{"__symbolic":"method"}],"chartTypeChange":[{"__symbolic":"method"}],"getOption":[{"__symbolic":"method"}]}},"ChartsTypeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"charts-type","template":"<div class=\"flex-fill farris-split-section m-1 farris-overflow-hidden\">\r\n  <div class=\"farris-form farris-card-content-bg\">\r\n    <div class=\"form-row m-0\">\r\n      <div class=\"col-12 col-md-12 col-lg-12\">\r\n        <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n          <div class=\"form-group farris-form-group\">\r\n            <label class=\"col-form-label\" for=\"chartsType\" style=\"width: 5rem; min-width: 5rem;\">\r\n              <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsType.chartsType')}}:</span>\r\n            </label>\r\n            <div class=\"farris-input-wrap\">\r\n              <farris-combo-list id=\"chartsType\" [(ngModel)]=\"chartsTypeSelectValue\" [data]=\"chartsTypeData\"\r\n                [textField]=\"'name'\" [idField]=\"'value'\" (valueChange)=\"valueChange($event)\" [enableClear]=\"false\"></farris-combo-list>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 col-md-12 col-lg-12\">\r\n        <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n          <div class=\"form-group farris-form-group\">\r\n            <label class=\"col-form-label\" for=\"colName\" style=\"width: 5rem; min-width: 5rem;\">\r\n              <span class=\"farris-label-text\"></span>\r\n            </label>\r\n            <div class=\"farris-input-wrap\">\r\n              <img *ngIf=\"chartsTypeSelectValue=='line'\"\r\n                src=\"data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiDnn6Lph4/lm77moIfkuIvovb0gOiBodHRwOi8vd3d3LnNmb250LmNuLyA8L21ldGFkYXRhPjxnPjxwYXRoIGQ9Ik05OTAsOTA5LjhIMjkuMkgxMHYtMTYuOVY5MC4yaDM4LjNWODc2SDk5MFY5MDkuOHoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48cGF0aCBkPSJNODIuMiw3NjQuOGwxMDcuNi0yMDguMWwxNS40LTI5LjhsMjYuOCwyMC4zTDM5OSw2NzQuMmwyMjguMi00MzcuNmwzMy02My4ybDE5LjMsNjguNmw4MS4yLDI4OS41bDE0MC41LTU4LjJsMjEuNiw1MmwtMTY5LjksNzAuNGwtMjkuNCwxMi4ybC04LjYtMzAuNmwtNzAuNS0yNTEuNGwtMjEwLjcsNDA0bC0xNS41LDI5LjdsLTI2LjctMjAuM0wyMjQuNCw2MTIuNGwtOTIuMSwxNzguMkw4Mi4yLDc2NC44eiIgc3R5bGU9ImZpbGw6IzU2YWJlNCI+PC9wYXRoPjwvZz48L3N2Zz4gIA==\"\r\n                width=\"128\" height=\"128\">\r\n              <img *ngIf=\"chartsTypeSelectValue=='bar'\"\r\n                src=\"data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiDnn6Lph4/lm77moIfkuIvovb0gOiBodHRwOi8vd3d3LnNmb250LmNuLyA8L21ldGFkYXRhPjxnPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMS4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiPjxwYXRoIGQ9Ik0xMDAsMTEwdi00MDMwLjZoNDkwMGg0OTAwdjE0OC4ydjE0OC4yaC0zNjUuNUg5MTY5bC00LDIxNzkuM2MtNS45LDI0MzQuMiw1LjksMjI0Mi41LTE0OC4yLDIzNTkuMWwtNzEuMSw1NS4zbC02MjAuNCw1LjljLTYxNC41LDUuOS02MjAuNCw1LjktNjk5LjQtMzkuNWMtNDUuNS0yNS43LTEwMC44LTgxLTEyOC40LTEyNi41bC00Ny40LTgxdi0yMTc1LjR2LTIxNzcuM2gtMTk3LjZoLTE5Ny42Vi0yNTA2YzAsNzgwLjQtNS45LDExNDQtMjMuNywxMjA3LjJjLTMxLjYsMTI4LjQtMTQwLjMsMjMzLjEtMjcwLjcsMjYwLjhjLTEzNC4zLDI3LjYtMTAxNS41LDI3LjYtMTE0OS45LDBjLTEzOC4zLTI5LjYtMjQzLTEzNC40LTI3Mi43LTI3Mi43Yy0xMy44LTY5LjItMjEuNy00NzYuMi0yMS43LTEyMDcuMnYtMTEwNi41aC0xOTcuNkg0OTIxdjE3NjguM2MwLDE5MzQuMyw1LjksMTg0OS4zLTExNi42LDE5NTIuMWMtMTA2LjcsODguOS0xNjYsOTQuOC03ODQuNCw4OC45bC01NzUtNS45bC03OS01My4zYy00My41LTI3LjctOTQuOC04NS0xMTYuNi0xMjguNGMtMzUuNi03MS4xLTM3LjUtMTUwLjEtNDMuNS0xODQ3LjRsLTQtMTc3NC4zaC0xOTcuNmgtMTk1LjZsLTUuOSw3OTYuMmwtNS45LDc5Ni4zbC01My40LDgxYy05OC44LDE1MC4yLTEyNC41LDE1NC4xLTc5Ni4yLDE1NC4xYy01ODIuOSwwLTU5NC43LDAtNjcxLjgtNDUuNGMtNDMuNS0yNS43LTEwMi43LTc3LjEtMTI4LjQtMTE2LjZsLTQ5LjQtNzMuMWwtNS45LTc5Ni4zbC01LjktNzk2LjJINzQyLjFIMzk2LjRWMjU4LjJ2Mzg4Mi41SDI0OC4ySDEwMFYxMTB6IiBzdHlsZT0iZmlsbDojNTZhYmU0Ij48L3BhdGg+PHBhdGggZD0iTTc4OTQuNiwzMzg3LjljLTM2OS41LTUxLjQtNjgzLjYtOTQuOC02OTcuNS05NC44Yy0xNS44LTIsNzktMTEyLjYsMjA3LjUtMjQ5czIzMy4xLTI1Ni45LDIzMy4xLTI2NC44YzAtOS45LTMzMy45LTMzMy45LTc0MC45LTcyMy4xcy03OTguMi03NjIuNy04NjkuNC04MzEuOEw1ODk5LDEwOTcuOWwtOTY2LjIsNTUzLjJjLTUzMS41LDMwNi4zLTk3NC4xLDU1MS4zLTk4Miw1NDkuM2MtOS45LTMuOS00NjYuMy00MjYuOC0xMDE1LjYtOTQwLjVsLTk5Ny44LTkzNC42bDkyLjktMTA2LjdjNTMuMy01OS4zLDk4LjgtMTA4LjcsMTA0LjctMTA4LjdjNS45LDIsNDI2LjgsMzkxLjIsOTM2LjUsODY5LjRsOTI2LjcsODY5LjRsNjEuMy0zNy41YzQ1MC41LTI3MC43LDE4NzUtMTA3MC45LDE4OTQuOC0xMDYxYzExLjksNS45LDQ0Ni41LDQxNC45LDk2Mi4yLDkxMC44bDkzOC41LDkwMWwyMzcuMS0yNDlsMjM1LjEtMjQ5bDEzNC40LDY3Ny43YzEzNi4zLDY4OS42LDE0Ni4yLDc0OC44LDEyMC41LDc0NC45Qzg1NzIuMywzNDg0LjcsODI2NCwzNDQxLjIsNzg5NC42LDMzODcuOXoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPiAg\"\r\n                width=\"128\" height=\"128\">\r\n              <img *ngIf=\"chartsTypeSelectValue=='pie'\"\r\n                src=\"data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiDnn6Lph4/lm77moIfkuIvovb0gOiBodHRwOi8vd3d3LnNmb250LmNuLyA8L21ldGFkYXRhPjxnPjxwYXRoIGQ9Ik01NjEuMyw0MzguOFYxMEM4MTQuOSwxMCw5OTAsMTg1LjEsOTkwLDQzOC44SDU2MS4zeiBNNDY5LjQsOTkwQzIxNS43LDk5MCwxMCw3ODQuMywxMCw1MzAuNkMxMCwyNTQsMjExLjgsNzEuMyw1MDAsNzEuM1Y1MDBoNDI4LjhDOTI4LjgsNzUzLjcsNzIzLjEsOTkwLDQ2OS40LDk5MHoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48L2c+PC9zdmc+ICA=\"\r\n                width=\"128\" height=\"128\">\r\n              <img *ngIf=\"chartsTypeSelectValue=='line1'\"\r\n                src=\"data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiDnn6Lph4/lm77moIfkuIvovb0gOiBodHRwOi8vd3d3LnNmb250LmNuLyA8L21ldGFkYXRhPjxnPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMS4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiPjxwYXRoIGQ9Ik0xMDAsMTEwdi00ODU5LjdoNDc5OS4yaDQ4MDEuMmwtNiwxMzUuMWwtNiwxMzcuMWwtNDY0MS45LDYuMWwtNDY0My45LDR2MTQxOS42djE0MjEuNmwxMTQuOSwxMjlDNzExLTEyODEuNCwyMDIzLjcsNjkuNywyMDQxLjgsNjkuN2MxMC4xLDAsMzc1LjEtMzA0LjUsODEyLjYtNjc3LjVjNTc2LjctNDkwLDgwMi41LTY3MS41LDgyMC43LTY1Ny40YzE0LjEsMTIuMSw0NzcuOSw1OTguOSwxMDMyLjQsMTMwMi42YzU1NC41LDcwMy43LDEwMTQuMywxMjgwLjQsMTAyMC4zLDEyODIuNWM4LjEsMCwzOTcuMi0zOTkuMyw4NjUuMS04ODcuMmM0NjkuOC00ODgsODU1LTg4NS4yLDg1OS04ODMuMmMyLDQsNDYzLjgsODk5LjMsMTAyNi40LDE5OTIuM0M5MDM5LDI2MzQuNiw5NTA2LjgsMzUzNiw5NTE0LjksMzU0NGMxMC4xLDEwLjEsOTAuNy0yMC4yLDE4MS41LTY0LjVjODguNy00Ni40LDE3MS40LTgyLjcsMTgzLjUtODIuN3MyMC4yLDUwLjQsMjAuMiwxMTdjMCwxMzMuMS0zOC4zLDcyNy45LTU2LjUsODkzLjNsLTE0LjEsMTE0LjlsLTQ2My44LTI5OC40Yy0yNTQuMS0xNjUuNC00NjUuOC0zMDYuNS00NjcuOC0zMTYuNmMtNC04LjEsNzQuNi01OC41LDE3MS40LTEwOC45Yzk2LjgtNTAuNCwxNzMuNC0xMDAuOCwxNzEuNC0xMTIuOWMtMi0xMC4xLTM4OS4yLTc2OC4zLTg1OS0xNjgxLjdDNzkxMS44LDEwOTAsNzQ5NC40LDI3OS40LDc0NTYsMjA0LjhsLTY4LjUtMTM5LjFsLTg1Myw4NDIuOWMtNzA5LjgsNzAxLjctODU3LDgzOC45LTg3Ny4yLDgxMi42QzU1MTIuMiwxNTI5LjYsMzYyMi44LTg1Ny45LDM2MTYuNy04NTcuOWMtOC4xLDAtMTAwMC4yLDgzOC44LTE0ODIuMSwxMjUyLjJsLTExMi45LDk2LjhsLTgwNC42LTgzMC44bC04MDQuNi04MzIuOGwtNiwzMDcxLjFsLTQsMzA3MS4xSDI1MS4ySDEwMFYxMTB6IiBzdHlsZT0iZmlsbDojNTZhYmU0Ij48L3BhdGg+PHBhdGggZD0iTTg2MDEuNCwxMTI2LjNDODAxNC42LDEzLjIsNzUyOC43LTg5OC4yLDc1MTguNi04OTQuMmMtMTAuMSw0LTQxNy40LDM5OS4zLTkwNy40LDg4MS4yYy00ODgsNDgxLjktODk1LjMsODY3LjEtOTAzLjQsODU3Yy0yNC4yLTI2LjItMTk4Ni4yLTI1MTIuNS0yMDAwLjMtMjUzNC43Yy04LjEtMTAuMS0zNzUuMSwyODguNC04MTguNyw2NjUuNGMtNDQxLjYsMzc3LjEtODE0LjYsNjg5LjYtODI2LjcsNjk3LjdjLTI2LjIsMTYuMS0xMjg4LjUtMTI4Ni41LTEzNDAuOS0xMzgzLjNjLTM0LjMtNTguNS0zNi4zLTE1OS4zLTM2LjMtMTI2MC4zdi0xMTkzLjhsNTQuNC0yMi4yYzM2LjMtMTQuMSwxNDM3LjctMTYuMiw0MzI5LjQtOC4xYzIzNTMuMiw2LjEsNDM1NS41LDEwLjEsNDQ1NC4zLDEwLjFoMTc1LjR2MzY3MGMwLDIwMTguNS02LDM2NzAtMTQuMSwzNjcwQzk2NzQuMSwzMTU0LjgsOTE4OC4yLDIyNDEuNCw4NjAxLjQsMTEyNi4zeiIgc3R5bGU9ImZpbGw6IzU2YWJlNCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+ICA=\"\r\n                width=\"128\" height=\"128\">\r\n              <img *ngIf=\"chartsTypeSelectValue=='scatter'\"\r\n                src=\"data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiDnn6Lph4/lm77moIfkuIvovb0gOiBodHRwOi8vd3d3LnNmb250LmNuLyA8L21ldGFkYXRhPjxnPjxwYXRoIGQ9Ik04MCw1NzB2MjA5LjhjMCwzOC41LDY5LjksNjkuOSw2OS45LDY5LjloNzY5LjFjMCwwLDcwLjktMTEuNCw3MC45LDIwLjRjMCwzMS43LTMzLjcsNDguNy0zMy43LDQ4LjdsLTg0NS45LTEuMkM5LDkxNy42LDEwLDgwNS40LDEwLDgwNS40VjEyMS4xYzAtMzQsNDkuNy0zOS43LDQ5LjctMzkuN2MzMS43LDAsMjAuMyw2OSwyMC4zLDY5djM0OS42TDgwLDU3MHoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48cGF0aCBkPSJNNjU3LjcsNTgxLjRjMCw0Ni45LDM4LDg0LjksODQuOSw4NC45YzQ2LjksMCw4NC45LTM4LDg0LjktODQuOXMtMzgtODQuOS04NC45LTg0LjlDNjk1LjcsNDk2LjQsNjU3LjcsNTM0LjUsNjU3LjcsNTgxLjRMNjU3LjcsNTgxLjR6IiBzdHlsZT0iZmlsbDojNTZhYmU0Ij48L3BhdGg+PHBhdGggZD0iTTYwMS4xLDQ1OC43YzQxLjcsMCw3NS41LTMzLjgsNzUuNS03NS41YzAtNDEuNy0zMy44LTc1LjUtNzUuNS03NS41cy03NS41LDMzLjgtNzUuNSw3NS41QzUyNS42LDQyNC45LDU1OS40LDQ1OC43LDYwMS4xLDQ1OC43eiIgc3R5bGU9ImZpbGw6IzU2YWJlNCI+PC9wYXRoPjxwYXRoIGQ9Ik02NTcuNywyNzBjNDEuNywwLDc1LjUtMzMuOCw3NS41LTc1LjVjMC00MS43LTMzLjgtNzUuNS03NS41LTc1LjVzLTc1LjUsMzMuOC03NS41LDc1LjVDNTgyLjIsMjM2LjIsNjE2LDI3MCw2NTcuNywyNzB6IiBzdHlsZT0iZmlsbDojNTZhYmU0Ij48L3BhdGg+PHBhdGggZD0iTTg5My42LDIxMy40YzM2LjUsMCw2Ni0yOS42LDY2LTY2YzAtMzYuNS0yOS42LTY2LTY2LTY2Yy0zNi41LDAtNjYsMjkuNi02Niw2NkM4MjcuNSwxODMuOCw4NTcuMSwyMTMuNCw4OTMuNiwyMTMuNHoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48cGF0aCBkPSJNODQ2LjQsNDM5LjhjNDEuNywwLDc1LjUtMzMuOCw3NS41LTc1LjVjMC00MS43LTMzLjgtNzUuNS03NS41LTc1LjVjLTQxLjcsMC03NS41LDMzLjgtNzUuNSw3NS41Qzc3MC45LDQwNiw4MDQuNyw0MzkuOCw4NDYuNCw0MzkuOHoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48cGF0aCBkPSJNMTQ4LjIsNjM4YzAsMzYuNSwyOS42LDY2LDY2LDY2YzM2LjUsMCw2Ni0yOS42LDY2LTY2cy0yOS42LTY2LTY2LTY2QzE3Ny43LDU3MS45LDE0OC4yLDYwMS41LDE0OC4yLDYzOCIgc3R5bGU9ImZpbGw6IzU2YWJlNCI+PC9wYXRoPjxwYXRoIGQ9Ik0zMzYuOSw1MzQuMmM1Mi4xLDAsOTQuNC00Mi4yLDk0LjQtOTQuNGMwLTUyLjEtNDIuMi05NC40LTk0LjQtOTQuNHMtOTQuNCw0Mi4yLTk0LjQsOTQuNEMyNDIuNSw0OTIsMjg0LjgsNTM0LjIsMzM2LjksNTM0LjJ6IiBzdHlsZT0iZmlsbDojNTZhYmU0Ij48L3BhdGg+PHBhdGggZD0iTTM1NS43LDcxMy41YzAsMzYuNSwyOS42LDY2LDY2LjEsNjZjMzYuNSwwLDY2LjEtMjkuNiw2Ni4xLTY2YzAtMzYuNS0yOS42LTY2LjEtNjYuMS02Ni4xQzM4NS4zLDY0Ny40LDM1NS43LDY3NywzNTUuNyw3MTMuNXoiIHN0eWxlPSJmaWxsOiM1NmFiZTQiPjwvcGF0aD48cGF0aCBkPSJNNTM1LDY0Ny40YzM2LjUsMCw2Ni0yOS42LDY2LTY2YzAtMzYuNS0yOS42LTY2LTY2LTY2Yy0zNi41LDAtNjYsMjkuNi02Niw2NkM0NjksNjE3LjgsNDk4LjYsNjQ3LjQsNTM1LDY0Ny40eiIgc3R5bGU9ImZpbGw6IzU2YWJlNCI+PC9wYXRoPjwvZz48L3N2Zz4gIA==\"\r\n                width=\"128\" height=\"128\">\r\n\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"chartTypeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"getChartsTypeOption":[{"__symbolic":"method"}]}},"ChartsDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"charts-data","template":"<div class=\"d-flex flex-row flex-fill h-100\" (resized)=\"onResized($event)\">\r\n  <perfect-scrollbar [config]=\"{}\">\r\n    <div class=\"flex-fill farris-split-section m-1 farris-overflow-hidden\">\r\n      <div class=\"farris-form farris-card-content-bg\">\r\n        <fieldset farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.dimensionSetting')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"dimensionList\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.dimension')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                    <div class=\"farris-input-wrap\" style=\"width: 91%\">\r\n                      <farris-combo-list id=\"dimensionList\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [(ngModel)]=\"dimensionField\"\r\n                                         [data]=\"bindingData\" [textField]=\"'name'\" [idField]=\"'bindField'\" \r\n                      >\r\n                      </farris-combo-list>\r\n                    </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('dimension')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of dimensionFieldList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('dimension', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"indicatorList\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.indicator')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                    <div class=\"farris-input-wrap\" style=\"width: 51%\">\r\n                      <farris-combo-list id=\"indicatorList\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [(ngModel)]=\"indicatorField\"\r\n                                         [data]=\"bindingData\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                      >\r\n                      </farris-combo-list>\r\n                    </div>\r\n                    <div class=\"farris-input-wrap\" style=\"width: 40%\">\r\n                      <farris-combo-list id=\"indicatorList\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [(ngModel)]=\"aggreSelectValue\"\r\n                                         [data]=\"aggreData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"\r\n                      >\r\n                      </farris-combo-list>\r\n                    </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('indicator')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of indicatorFieldList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd\">\r\n                      {{feild && myIsNaN(feild.substring(0, 1)) ? feild.replace(feild.substring(0, 1), aggreData[feild.substring(0, 1)].name).replace(';', '(') + ')' : feild }}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('indicator', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldset>\r\n\r\n        <fieldSet *ngIf=\"live[0]\" farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.xAxis')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"xAxisType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.type')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <!--                    <farris-combo-list id=\"chartsType\" [(ngModel)]=\"chartsTypeSelectValue\" [data]=\"chartsTypeData\"-->\r\n                    <!--                                       [textField]=\"'name'\" [idField]=\"'value'\" (valueChange)=\"valueChange($event)\" ></farris-combo-list>-->\r\n                    <farris-combo-list id=\"xAxisType\" [(ngModel)]=\"xAxisTypeSelectValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\"\r\n                                       [data]=\"axisTypeData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"xAxisPosition\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.position')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"xAxisPosition\" [(ngModel)]=\"xPositionValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\"\r\n                                       [data]=\"xPositionData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"xAxisBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n\r\n                    <div class=\"farris-input-wrap\" style=\"width: 91%\">\r\n                      <farris-combo-list id=\"xAxisBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [(ngModel)]=\"xAxisFeild\"\r\n                                         [data]=\"bindingData\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                      >\r\n                      </farris-combo-list>\r\n                    </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('x')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of xAxisBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('x', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n        <fieldSet *ngIf=\"live[1]\" farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.yAxis')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"yAxisType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.type')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"yAxisType\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [(ngModel)]=\"yAxisTypeSelectValue\"\r\n                                       [data]=\"axisTypeData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"yAxisPosition\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.position')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"yAxisPosition\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [(ngModel)]=\"yPositionValue\"\r\n                                       [data]=\"yPositionData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"xAxisBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"xAxisBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [data]=\"bindingData\"\r\n                                         [(ngModel)]=\"yAxisFeild\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                                         style=\" width: 91%\">\r\n                      </farris-combo-list>\r\n                    </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('y')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd1\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of yAxisBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd1\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('y', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n\r\n\r\n        <fieldSet *ngIf=\"live[2]\" farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.name')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"legendBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [data]=\"bindingData\"\r\n                                         [(ngModel)]=\"firstFeild\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                                         style=\"width: 91%\">\r\n                      </farris-combo-list>\r\n                    </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('f')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd2\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of firstBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd2\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('f', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n\r\n\r\n        <fieldSet *ngIf=\"live[3]\" farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.numerical1')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"legendBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [data]=\"bindingData\"\r\n                                       [(ngModel)]=\"secondFeild\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                                       style=\"width: 91%\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('s')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd2\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of secondBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd2\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('s', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n\r\n\r\n        <fieldSet *ngIf=\"live[4]\" arrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.longitude')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"legendBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [data]=\"bindingData\"\r\n                                       [(ngModel)]=\"thirdFeild\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                                       style=\"width: 91%\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('t')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd2\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of thirdBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd2\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('t', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n\r\n\r\n        <fieldSet *ngIf=\"live[5]\" farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.latitude')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"legendBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [data]=\"bindingData\"\r\n                                       [(ngModel)]=\"fourthFeild\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                                       style=\"width: 91%\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('4')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd2\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of fourthBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd2\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('4', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n\r\n\r\n        <fieldSet *ngIf=\"live[6]\" farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.numerical2')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendBinding\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.binding')}}:</span>\r\n                  </label>\r\n                  <div class=\"form-group farris-form-group flex-fill\">\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"legendBinding\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsData.select')\" [data]=\"bindingData\"\r\n                                       [(ngModel)]=\"fifthFeild\" [textField]=\"'name'\" [idField]=\"'bindField'\"\r\n                                       style=\"width: 91%\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                    <button class=\"k-button k-button-icon\" id=\"button-print\" (click)=\"handleBinding('5')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd2\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of fifthBindingFeildList\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd2\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemoveFeild('5', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n      </div>\r\n    </div>\r\n  </perfect-scrollbar>\r\n</div>\r\n","styles":[""]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"chartsType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"colList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":84,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"barValueChange":[{"__symbolic":"method"}],"xItemDisabled":[{"__symbolic":"method"}],"yItemDisabled":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"handleBinding":[{"__symbolic":"method"}],"handleRemoveFeild":[{"__symbolic":"method"}],"getChartsDataOption":[{"__symbolic":"method"}],"getGroupSummarySetOption":[{"__symbolic":"method"}],"myIsNaN":[{"__symbolic":"method"}]}},"ChartsStyleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"charts-style","template":"<div class=\"d-flex flex-row flex-fill h-100\" (resized)=\"onResized($event)\">\r\n  <perfect-scrollbar [config]=\"{}\">\r\n    <div class=\"flex-fill farris-split-section m-1 farris-overflow-hidden\">\r\n      <div class=\"farris-form farris-card-content-bg\">\r\n        <fieldSet farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.titleOption')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"title\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.title')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <input-group [(ngModel)]=\"title\" id=\"title\"></input-group>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"xAxisType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.xAxisOption')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <!--                  <farris-combo-list id=\"chartsType\" [(ngModel)]=\"chartsTypeSelectValue\" [data]=\"chartsTypeData\"-->\r\n                    <!--                   [textField]=\"'name'\" [idField]=\"'value'\" (valueChange)=\"valueChange($event)\" ></farris-combo-list>-->\r\n                    <farris-combo-list id=\"xAxisType\" [(ngModel)]=\"xAxisAlignValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.select')\"\r\n                                       [data]=\"xAxisAlignData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"yAxisType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.yAxisOption')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"yAxisType\" [(ngModel)]=\"yAxisAlignValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.select')\"\r\n                                       [data]=\"yAxisAlignData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"lineHeight\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.rowHeight')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"lineHeight\" [(ngModel)]=\"textStyle.lineHeight\" [min]=\"0\"\r\n                    ></farris-number-spinner>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"colName\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.contentStyle')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list style=\"width: 50%\"\r\n                                       [(ngModel)]=\"fontFamily\" [data]=\"fontFamilyData\" [textField]=\"'name'\"\r\n                                       [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"colName\">\r\n                    <span class=\"farris-label-text\">字号:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"lineHeight\" [(ngModel)]=\"textStyle.fontSize\" [min]=\"0\"\r\n                    ></farris-number-spinner>\r\n                  </div>\r\n                  <button class=\"k-button k-button-icon k-flat\" [class.k-state-focused]=\"isWeight\" id=\"button-search\"\r\n                          (click)=\"handleWeight()\">\r\n                    <span class=\"k-icon k-i-bold\" role=\"presentation\"></span>\r\n                  </button>\r\n                  <button class=\"k-button k-button-icon k-flat\" [class.k-state-focused]=\"isStyle\" id=\"button-search\"\r\n                          (click)=\"handleStyle()\">\r\n                    <span class=\"k-icon k-i-italic\" role=\"presentation\"></span>\r\n                  </button>\r\n                  <button class=\"k-button k-button-icon k-flat\" id=\"button-search\" [(colorPicker)]=\"textStyle.color\"\r\n                          [cpOKButton]=\"true\" [cpCancelButton]=\"true\">\r\n                      <span [style.border-bottom-color]=\"textStyle.color\" class=\"k-icon k-i-foreground-color\"\r\n                            style=\"border-bottom-width: 2px; border-bottom-style: solid; margin-top: -2px;\"\r\n                            role=\"presentation\"></span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </fieldSet>\r\n        <fieldSet farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.multiDataOption')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"visualMapType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.multiDataType')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"visualMapType\" [(ngModel)]=\"dataMultipleValue\" [data]=\"dataMultiple\"\r\n                                       [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n        <fieldSet farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.legend')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendAlignValue\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.legendAlgin')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"legendAlignValue\" [(ngModel)]=\"legendAlignValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.select')\"\r\n                                       [data]=\"legendAlignData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"legendOrientValue\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.legendOrient')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"legendOrientValue\" [(ngModel)]=\"legendOrientValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.select')\"\r\n                                       [data]=\"orientData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"itemGap\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.legendGap')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"itemGap\" [(ngModel)]=\"itemGap\" [min]=\"0\"></farris-number-spinner>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"itemWidth\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.itemWidth')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"itemWidth\" [(ngModel)]=\"itemWidth\" [min]=\"0\"></farris-number-spinner>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"itemHeight\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.itemHeight')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"itemHeight\" [(ngModel)]=\"itemHeight\" [min]=\"0\"\r\n                    ></farris-number-spinner>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n        <fieldSet farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMap')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"visualMapType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapType')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"visualMapType\" [(ngModel)]=\"visualMapTypeValue\" [data]=\"visualMapTypeData\"\r\n                                       [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"visualMapOrientValue\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapOrient')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"visualMapOrientValue\" [(ngModel)]=\"visualMapOrientValue\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.select')\"\r\n                                       [data]=\"orientData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                    </farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group form-inline farris-form-inline\">\r\n                  <label class=\"col-form-label\" for=\"colName\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapPosition')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <div class=\"col-12 col-md-12 col-lg-12\">\r\n                      <div class=\"form-group farris-form-group flex-fill\">\r\n                        <label style=\"width: 3.2rem; text-align: right;\">\r\n                          <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapTop')}}</span>\r\n                        </label>\r\n                        <farris-combo-list class=\"m-1\" style=\"width: 30%\"\r\n                                           [(ngModel)]=\"vmTopValue\" [data]=\"yAxisAlignData\" [textField]=\"'name'\"\r\n                                           [idField]=\"'value'\" [enableClear]=\"false\">\r\n                        </farris-combo-list>\r\n\r\n\r\n                        <label style=\"width: 3.2rem; text-align: right;\">\r\n                          <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapBottom')}}</span>\r\n                        </label>\r\n                        <farris-number-spinner class=\"m-1\" id=\"itemGap\" style=\"width: 30%\" [(ngModel)]=\"vmBottom\"\r\n                                               [min]=\"0\">\r\n                        </farris-number-spinner>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-12 col-md-12 col-lg-12\">\r\n                      <div class=\"form-group farris-form-group flex-fill\">\r\n                      <label style=\"width: 3.2rem; text-align: right;\">\r\n                        <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapLeft')}}</span>\r\n                      </label>\r\n                      <farris-combo-list class=\"m-1\" style=\"width: 30%\" [placeholder]=\"localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.select')\"\r\n                                         [(ngModel)]=\"vmLeftValue\" [data]=\"xAxisAlignData\" [textField]=\"'name'\"\r\n                                         [idField]=\"'value'\" [enableClear]=\"false\">\r\n                      </farris-combo-list>\r\n                      <label style=\"width: 3.2rem; text-align: right;\">\r\n                        <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.visualMapRight')}}</span>\r\n                      </label>\r\n                      <farris-number-spinner class=\"m-1\" id=\"itemGap\" style=\"width: 30%\" [(ngModel)]=\"vmRight\"\r\n                                             [min]=\"0\">\r\n                      </farris-number-spinner>\r\n                    </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"(visualMapTypeValue && visualMapTypeValue.value == 'piecewise')\"\r\n                 class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"piecewiseType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.continuous')}}: </span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <input-group id=\"piecewiseType\" [(ngModel)]=\"vmCategories\"></input-group>\r\n                    <button [disabled]=\"cBtn\" class=\"k-button k-button-icon\" id=\"button-print\"\r\n                            (click)=\"handleBinding('c')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div *ngIf=\"(visualMapTypeValue && visualMapTypeValue.value == 'piecewise')\"\r\n                 class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd1\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of visualMapCategories\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd1\">\r\n                      {{feild}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                           (click)=\"handleRemove('c', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div *ngIf=\"(visualMapTypeValue && visualMapTypeValue.value == 'piecewise')\"\r\n                 class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"piecewiseType1\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.piecewise')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    min:\r\n                    <farris-number-spinner id=\"itemGap\" style=\"width: 37%\" [(ngModel)]=\"vmPiecesMin\" [min]=\"0\">\r\n                    </farris-number-spinner>\r\n                    max:\r\n                    <farris-number-spinner id=\"itemGap\" style=\"width: 37%\" [(ngModel)]=\"vmPiecesMax\" [min]=\"0\">\r\n                    </farris-number-spinner>\r\n                    <button [disabled]=\"pBtn\" class=\"k-button k-button-icon\" id=\"button-print\"\r\n                            (click)=\"handleBinding('p')\">\r\n                      <span class=\"k-icon k-i-plus-sm\" role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div *ngIf=\"(visualMapTypeValue && visualMapTypeValue.value == 'piecewise')\"\r\n                 class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"buttonadd2\">\r\n                    <span class=\"farris-label-text\"></span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <button *ngFor=\"let feild of visualMapPieces\" class=\"k-button k-outline mr-2\"\r\n                            id=\"buttonadd2\">\r\n                      min: {{feild.min}}, max: {{feild.max}}&nbsp;<span class=\"k-icon k-i-close\" role=\"presentation\"\r\n                                                                        (click)=\"handleRemove('p', feild)\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n        <fieldSet farrisFold class=\"col-12\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.otherStyle')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"visualMapType\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.chartsSchemaManager.chartsStyle.customStyle')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <textarea class=\"form-control\" rows=\"4\" [(ngModel)]=\"customOption\"></textarea>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n      </div>\r\n    </div>\r\n  </perfect-scrollbar>\r\n</div>\r\n","styles":[""]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"chartsType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":107,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"handleWeight":[{"__symbolic":"method"}],"handleStyle":[{"__symbolic":"method"}],"handleBinding":[{"__symbolic":"method"}],"handleRemove":[{"__symbolic":"method"}],"handleAddBtnDisabled":[{"__symbolic":"method"}],"getChartsStyleOption":[{"__symbolic":"method"}],"getCustomOption":[{"__symbolic":"method"}]}},"SchemaManagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"schema-manager","template":"<div class=\"btn-group\" fDropdown *ngIf=\"!currentmode\">\r\n  <button class=\"btn btn-secondary btn-outline-link btn-icontext f-rt-btn border-0 dropdown-toggle\" type=\"button\"\r\n    id=\"dropdownMenuButtonSchema\" fDropdownToggle (mouseenter)=\"handleHover(0, 0)\" (mouseleave)=\"handleHover(0, 1)\">\r\n    <span class=\"f-icon\" role=\"presentation\">\r\n      <img *ngIf=\"svgSchema\" src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMThweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTggMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPmdlc2hpPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBpZD0n6aG16Z2iLTEnIHN0cm9rZT0nbm9uZScgc3Ryb2tlLXdpZHRoPScxJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnPjxnIGlkPSfkuqTkupLmlrnmoYgxLeW4uOinhOaAgeWkh+S7vScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTE5LjAwMDAwMCwgLTE5NS4wMDAwMDApJz48ZyBpZD0n57yW57uELTE1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg2LjAwMDAwMCwgMTgyLjAwMDAwMCknPjxnIGlkPSfnvJbnu4QtMTYnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDEzLjAwMDAwMCwgMTIuMDAwMDAwKSc+PGcgaWQ9J2ZhbmdhbicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSc+PHBhdGggZD0nTTIuMzQyODU3MTQsMy4yMTUzODQ2MiBMMTYuMDU3MTQyOSwzLjIxNTM4NDYyIEMxNi4xNDgwNzQyLDMuMjE1Mzg0NjIgMTYuMjM1MjgxMywzLjI1MTA0Mzg1IDE2LjI5OTU3OTUsMy4zMTQ1MTc3IEMxNi4zNjM4Nzc3LDMuMzc3OTkxNTUgMTYuNCwzLjQ2NDA4MDU3IDE2LjQsMy41NTM4NDYxNSBMMTYuNCwxNS4wNjE1Mzg1IEMxNi40LDE1LjI0ODQ2NTYgMTYuMjQ2NDk3NiwxNS40IDE2LjA1NzE0MjksMTUuNCBMMi4zNDI4NTcxNCwxNS40IEMyLjE1MzUwMjM3LDE1LjQgMiwxNS4yNDg0NjU2IDIsMTUuMDYxNTM4NSBMMiwzLjU1Mzg0NjE1IEMyLDMuNDY0MDgwNTcgMi4wMzYxMjIzNCwzLjM3Nzk5MTU1IDIuMTAwNDIwNTMsMy4zMTQ1MTc3IEMyLjE2NDcxODcyLDMuMjUxMDQzODUgMi4yNTE5MjU3NywzLjIxNTM4NDYyIDIuMzQyODU3MTQsMy4yMTUzODQ2MiBaJyBpZD0n6Lev5b6EJyBmaWxsPScjN0E4OUIyJyBvcGFjaXR5PScwLjUnPjwvcGF0aD48cGF0aCBkPSdNMi4zNDI5MDc3MSwxIEw4Ljk4MTYwMSwxIEM5LjEwOTg5ODU2LDEgOS4yMjc0NTAwNywxLjA3MTY1NjYzIDkuMjg2Mjc0NDksMS4xODU2NTcxNCBMMTYuMzYxODMyMiwxNC44OTk5NDI4IEMxNi40MTY2ODUxLDE1LjAwNjI0NjUgMTYuNDEyMTYxLDE1LjEzMzQ0OTEgMTYuMzQ5ODk0NywxNS4yMzU1ODg2IEMxNi4yODc2Mjg0LDE1LjMzNzcyODEgMTYuMTc2NjIyNywxNS40IDE2LjA1Njk4NzMsMTUuNCBMMi4zNDI5MDc3MSwxNS40IEMyLjE1MzUyNTAxLDE1LjQgMiwxNS4yNDY0OTc2IDIsMTUuMDU3MTQyOCBMMiwxLjM0Mjg1NzE0IEMyLDEuMTUzNTAyMzcgMi4xNTM1MjUwMSwxIDIuMzQyOTA3NzEsMSBaJyBpZD0n6Lev5b6EJyBmaWxsPScjOEZBMUNCJz48L3BhdGg+PHBhdGggZD0nTTQuMzY2NDMzNTYsMy4yMTUzODQ2MiBMNy4zODc0MTI2LDMuMjE1Mzg0NjIgQzcuNDg4MTExOSwzLjIxNTM4NDYyIDcuNTM4NDYxNTQsMy4yODkyMzA3NyA3LjUzODQ2MTU0LDMuNDM2OTIzMDYgTDcuNTM4NDYxNTQsNS4yMDkyMzA3OCBDNy41Mzg0NjE1NCw1LjM1NjkyMzA5IDcuNDg4MTExODksNS40MzA3NjkyMyA3LjM4NzQxMjYsNS40MzA3NjkyMyBMNC4zNjY0MzM1Niw1LjQzMDc2OTIzIEM0LjI2NTczNDI1LDUuNDMwNzY5MjMgNC4yMTUzODQ2Miw1LjM1NjkyMzA4IDQuMjE1Mzg0NjIsNS4yMDkyMzA3OCBMNC4yMTUzODQ2MiwzLjQzNjkyMzA2IEM0LjIxNTM4NDYyLDMuMjg5MjMwNzUgNC4yNjU3MzQyNiwzLjIxNTM4NDYyIDQuMzY2NDMzNTYsMy4yMTUzODQ2MiBaJyBpZD0n6Lev5b6EJyBmaWxsPScjRkZGRkZGJyBmaWxsLXJ1bGU9J25vbnplcm8nPjwvcGF0aD48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==\" style=\"width: 16px; height: 16px; display: block;\" />\r\n      <img *ngIf=\"!svgSchema\" src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMThweCcgaGVpZ2h0PScxN3B4JyB2aWV3Qm94PScwIDAgMTggMTcnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPmdlc2hpMjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9J+mhtemdoi0xJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0n5Zu+5qCH6YCJ5Lit6aKc6Imy5YiH5Zu+5aSH5Lu9JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTkuMDAwMDAwLCAtMTk1LjAwMDAwMCknPjxnIGlkPSfnvJbnu4QtMTUnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDYuMDAwMDAwLCAxODIuMDAwMDAwKSc+PGcgaWQ9J+e8lue7hC0xNicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTMuMDAwMDAwLCAxMi4wMDAwMDApJz48ZyBpZD0nZmFuZ2FuJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwLjAwMDAwMCwgMS4wMDAwMDApJz48cGF0aCBkPSdNMi4zNDI4NTcxNCwzLjIxNTM4NDYyIEwxNi4wNTcxNDI5LDMuMjE1Mzg0NjIgQzE2LjE0ODA3NDIsMy4yMTUzODQ2MiAxNi4yMzUyODEzLDMuMjUxMDQzODUgMTYuMjk5NTc5NSwzLjMxNDUxNzcgQzE2LjM2Mzg3NzcsMy4zNzc5OTE1NSAxNi40LDMuNDY0MDgwNTcgMTYuNCwzLjU1Mzg0NjE1IEwxNi40LDE1LjA2MTUzODUgQzE2LjQsMTUuMjQ4NDY1NiAxNi4yNDY0OTc2LDE1LjQgMTYuMDU3MTQyOSwxNS40IEwyLjM0Mjg1NzE0LDE1LjQgQzIuMTUzNTAyMzcsMTUuNCAyLDE1LjI0ODQ2NTYgMiwxNS4wNjE1Mzg1IEwyLDMuNTUzODQ2MTUgQzIsMy40NjQwODA1NyAyLjAzNjEyMjM0LDMuMzc3OTkxNTUgMi4xMDA0MjA1MywzLjMxNDUxNzcgQzIuMTY0NzE4NzIsMy4yNTEwNDM4NSAyLjI1MTkyNTc3LDMuMjE1Mzg0NjIgMi4zNDI4NTcxNCwzLjIxNTM4NDYyIFonIGlkPSfot6/lvoQnIGZpbGw9JyM0Qjk5RkYnIG9wYWNpdHk9JzAuNic+PC9wYXRoPjxwYXRoIGQ9J00yLjM0MjkwNzcxLDEgTDguOTgxNjAxLDEgQzkuMTA5ODk4NTYsMSA5LjIyNzQ1MDA3LDEuMDcxNjU2NjMgOS4yODYyNzQ0OSwxLjE4NTY1NzE0IEwxNi4zNjE4MzIyLDE0Ljg5OTk0MjggQzE2LjQxNjY4NTEsMTUuMDA2MjQ2NSAxNi40MTIxNjEsMTUuMTMzNDQ5MSAxNi4zNDk4OTQ3LDE1LjIzNTU4ODYgQzE2LjI4NzYyODQsMTUuMzM3NzI4MSAxNi4xNzY2MjI3LDE1LjQgMTYuMDU2OTg3MywxNS40IEwyLjM0MjkwNzcxLDE1LjQgQzIuMTUzNTI1MDEsMTUuNCAyLDE1LjI0NjQ5NzYgMiwxNS4wNTcxNDI4IEwyLDEuMzQyODU3MTQgQzIsMS4xNTM1MDIzNyAyLjE1MzUyNTAxLDEgMi4zNDI5MDc3MSwxIFonIGlkPSfot6/lvoQnIGZpbGw9JyM0Qjk5RkYnIG9wYWNpdHk9JzAuOCc+PC9wYXRoPjxwYXRoIGQ9J000LjM2NjQzMzU2LDMuMjE1Mzg0NjIgTDcuMzg3NDEyNiwzLjIxNTM4NDYyIEM3LjQ4ODExMTksMy4yMTUzODQ2MiA3LjUzODQ2MTU0LDMuMjg5MjMwNzcgNy41Mzg0NjE1NCwzLjQzNjkyMzA2IEw3LjUzODQ2MTU0LDUuMjA5MjMwNzggQzcuNTM4NDYxNTQsNS4zNTY5MjMwOSA3LjQ4ODExMTg5LDUuNDMwNzY5MjMgNy4zODc0MTI2LDUuNDMwNzY5MjMgTDQuMzY2NDMzNTYsNS40MzA3NjkyMyBDNC4yNjU3MzQyNSw1LjQzMDc2OTIzIDQuMjE1Mzg0NjIsNS4zNTY5MjMwOCA0LjIxNTM4NDYyLDUuMjA5MjMwNzggTDQuMjE1Mzg0NjIsMy40MzY5MjMwNiBDNC4yMTUzODQ2MiwzLjI4OTIzMDc1IDQuMjY1NzM0MjYsMy4yMTUzODQ2MiA0LjM2NjQzMzU2LDMuMjE1Mzg0NjIgWicgaWQ9J+i3r+W+hCcgZmlsbD0nI0ZGRkZGRicgZmlsbC1ydWxlPSdub256ZXJvJz48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=\" style=\"width: 16px; height: 16px; display: block;\" />\r\n    </span>\r\n    <!-- <span *ngIf=\"isMultiForm\" class=\"f-icon f-icon-indent\" role=\"presentation\"></span> -->\r\n    <span *ngIf=\"!isMultiForm\">&nbsp;{{localizeService.getValue('ideCmp.schemaManager.formatSchemaManagerName')}}</span>\r\n  </button>\r\n  <div class=\"dropdown-menu\" fDropdownMenu>\r\n    <a class=\"dropdown-item\" href=\"javascript:void(0);\" (click)=\"handleDialogShow()\">\r\n      <span class=\"k-icon\"></span>{{localizeService.getValue('ideCmp.schemaManager.formatManager')}}</a>\r\n    <div class=\"dropdown-divider\"></div>\r\n    <a *ngIf=\"controlType!='charts' && showPreSchema\" class=\"dropdown-item\" href=\"javascript:void(0);\"\r\n      (click)=\"handleDropDownItemClick('prefab')\">\r\n      <span [class.k-i-check]=\"schemaId=='prefab'\"\r\n        class=\"k-icon\"></span>&nbsp;{{localizeService.getValue('ideCmp.schemaManager.preFormat')}}</a>\r\n    <a *ngFor=\"let item of schemaDropDownData\" class=\"dropdown-item\" href=\"javascript:void(0);\"\r\n      (click)=\"handleDropDownItemClick(item.id)\">\r\n      <span [class.k-i-check]=\"schemaId==item.id\" class=\"k-icon\"></span>&nbsp;{{item.schemaName}}</a>\r\n  </div>\r\n</div>\r\n\r\n<farris-dialog #farrisDialog [title]=\"localizeService.getValue('ideCmp.schemaManager.formatSchemaManagerName')\"\r\n  [showButtons]=\"false\" [width]=\"1258\" [height]=\"630\" [beforeClose]=\"handlebeforeClose\" *ngIf=\"!currentmode\">\r\n  <div class=\"farris-main-area flex-column bg-white\">\r\n    <div class=\"d-flex flex-row flex-fill farris-overflow-hidden\">\r\n      <div class=\"col-3 p-0 m-1 farris-overflow-hidden\" (resized)=\"onResized($event)\">\r\n        <farris-treetable #schemaTree [data]=\"schemaTreeData\" [idField]=\"'id'\" [showCheckAll]=\"false\"\r\n          [resizableColumns]=\"true\" [showHeader]=\"false\" [striped]=\"false\" [fixedHeader]=\"true\" [width]=\"size.width\"\r\n          [height]=\"size.height\" (nodeSelected)=\"handleTreeNodeSelected($event)\">\r\n          <tt-column [field]=\"'schemaName'\" [width]=\"100\" [align]=\"'left'\" [hAlign]=\"'center'\"></tt-column>\r\n        </farris-treetable>\r\n      </div>\r\n      <div class=\"d-flex flex-column flex-fill mt-1 mb-1 mr-1\">\r\n        <farris-panel class=\"w-100\" defaultExpand=\"defaultExpand\">\r\n          <farris-panel-item [title]=\"localizeService.getValue('ideCmp.schemaManager.basicInfoName')\"\r\n            [value]=\"'schemaInfo'\">\r\n            <ng-template #contentTempl>\r\n              <div class=\"farris-header p-1\">\r\n                <div class=\"form-row\">\r\n                  <div class=\"col-8 col-md-8 col-lg-8\">\r\n                    <div class=\"farris-group-wrap form-inline farris-form-inline m-1\">\r\n                      <div class=\"form-group farris-group-wrap\">\r\n                        <label class=\"col-form-label\" style=\"min-width: 0;\" for=\"schema_name_id\">\r\n                          <span\r\n                            class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.schemeName')}}:</span>\r\n                        </label>\r\n                        <div class=\"farris-input-wrap\">\r\n                          <input-group id=\"schema_name_id\" [(ngModel)]=\"schemaName\"></input-group>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"form-row\">\r\n                  <div class=\"col-12 col-md-12 col-lg-12\">\r\n                    <div class=\"farris-group-wrap form-inline farris-form-inline m-1\">\r\n                      <div class=\"form-group farris-group-wrap\">\r\n                        <label class=\"col-form-label\" style=\"min-width: 0;\" for=\"range_type_id\">\r\n                          <span\r\n                            class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.schemeType')}}:</span>\r\n                        </label>\r\n                        <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                          <div class=\"custom-control custom-radio mb-0\">\r\n                            <input type=\"radio\" id=\"{{publicSchema}}\" name=\"custom-radio1\" class=\"custom-control-input\"\r\n                              [checked]=\"isSchemaType==0\">\r\n                            <label class=\"custom-control-label\" for=\"{{publicSchema}}\"\r\n                              (click)=\"handleSchemaTypeSelect(0)\">{{localizeService.getValue('ideCmp.schemaManager.schemeTypePublic')}}</label>\r\n                          </div>\r\n                          <div class=\"custom-control custom-radio mb-0\">\r\n                            <input type=\"radio\" id=\"{{orgSchema}}\" name=\"custom-radio1\" class=\"custom-control-input\"\r\n                              [checked]=\"isSchemaType==2\">\r\n                            <label class=\"custom-control-label\" for=\"{{orgSchema}}\"\r\n                              (click)=\"handleSchemaTypeSelect(2)\">{{localizeService.getValue('ideCmp.schemaManager.schemeTypeOrg')}}</label>\r\n                          </div>\r\n                          <div class=\"custom-control custom-radio mb-0\">\r\n                            <input type=\"radio\" id=\"{{personSchema}}\" name=\"custom-radio1\" class=\"custom-control-input\"\r\n                              [checked]=\"isSchemaType==1\">\r\n                            <label class=\"custom-control-label\" for=\"{{personSchema}}\"\r\n                              (click)=\"handleSchemaTypeSelect(1)\">{{localizeService.getValue('ideCmp.schemaManager.schemeTypePersonal')}}</label>\r\n                          </div>\r\n                          <div class=\"custom-control custom-checkbox mb-0\">\r\n                            <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{defaultSchema}}\"\r\n                              [(ngModel)]=\"isDefault\">\r\n                            <label class=\"custom-control-label\"\r\n                              for=\"{{defaultSchema}}\">{{localizeService.getValue('ideCmp.schemaManager.schemeDefault')}}</label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </farris-panel-item>\r\n        </farris-panel>\r\n        <div class=\"farris-form d-flex flex-fill flex-column farris-overflow-hidden\">\r\n          <schema-editor *ngIf=\"controlType!='charts'\" class=\"d-flex flex-fill flex-column mt-1\"\r\n            [currSchema]=\"currTreeNode\" [colList]=\"colList\" [controlType]=\"controlType\"\r\n            (tabsSelectChange)=\"handleTabsSelectChange($event)\">\r\n          </schema-editor>\r\n          <charts-schema-editor *ngIf=\"controlType=='charts'\" class=\"d-flex flex-fill flex-column mt-1\"\r\n            [currSchema]=\"currTreeNode\" [colList]=\"colList\" [controlType]=\"controlType\"\r\n            (tabsSelectChange)=\"handleTabsSelectChange($event)\"></charts-schema-editor>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n      <div class=\"btn-toolbar btn-group-lg\" id=\"page-header-toolbar\">\r\n        <button class=\"btn btn-primary mr-1\" id=\"button-edit\" (click)=\"handleSaveClick()\">\r\n          {{localizeService.getValue('ideCmp.schemaManager.btnSave')}}</button>\r\n        <button class=\"btn btn-secondary mr-1\" id=\"button-edit\" (click)=\"handleSaveAsClick()\">\r\n          {{localizeService.getValue('ideCmp.schemaManager.btnSaveAs')}}</button>\r\n        <button class=\"btn btn-secondary mr-1\" id=\"button-edit\" (click)=\"handleRemoveClick()\">\r\n          {{localizeService.getValue('ideCmp.schemaManager.btnDelete')}}</button>\r\n        <button class=\"btn btn-secondary\" id=\"button-edit\" (click)=\"handleSaveAndCloseClick()\">\r\n          {{localizeService.getValue('ideCmp.schemaManager.btnSaveAsClose')}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</farris-dialog>\r\n<div class=\"farris-main-area flex-column bg-white\" *ngIf=\"currentmode\">\r\n  <div class=\"d-flex flex-row flex-fill farris-overflow-hidden\">\r\n    <div class=\"col-3 p-0 m-1 farris-overflow-hidden\" (resized)=\"onResized($event)\">\r\n      <farris-treetable #schemaTree [data]=\"schemaTreeData\" [idField]=\"'id'\" [showCheckAll]=\"false\"\r\n        [resizableColumns]=\"true\" [fit]=\"true\" [showHeader]=\"false\" [striped]=\"false\" [fixedHeader]=\"true\"\r\n        [width]=\"size.width\" [height]=\"size.height\" (nodeSelected)=\"handleTreeNodeSelected($event)\">\r\n        <tt-column [field]=\"'schemaName'\" [width]=\"100\" [align]=\"'left'\" [hAlign]=\"'center'\"></tt-column>\r\n      </farris-treetable>\r\n    </div>\r\n    <div class=\"d-flex flex-column flex-fill mt-1 mb-1 mr-1\">\r\n      <farris-panel class=\"w-100\" defaultExpand=\"defaultExpand\">\r\n        <farris-panel-item [title]=\"localizeService.getValue('ideCmp.schemaManager.basicInfoName')\"\r\n          [value]=\"'schemaInfo'\">\r\n          <ng-template #contentTempl>\r\n            <div class=\"farris-header p-1\">\r\n              <div class=\"form-row\">\r\n                <div class=\"col-8 col-md-8 col-lg-8\">\r\n                  <div class=\"farris-group-wrap form-inline farris-form-inline m-1\">\r\n                    <div class=\"form-group farris-group-wrap\">\r\n                      <label class=\"col-form-label\" style=\"min-width: 0;\" for=\"schema_name_id\">\r\n                        <span\r\n                          class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.schemeName')}}:</span>\r\n                      </label>\r\n                      <div class=\"farris-input-wrap\">\r\n                        <input-group id=\"schema_name_id\" [(ngModel)]=\"schemaName\"></input-group>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"form-row\">\r\n                <div class=\"col-12 col-md-12 col-lg-12\">\r\n                  <div class=\"farris-group-wrap form-inline farris-form-inline m-1\">\r\n                    <div class=\"form-group farris-group-wrap\">\r\n                      <label class=\"col-form-label\" style=\"min-width: 0;\" for=\"range_type_id\">\r\n                        <span\r\n                          class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.schemeType')}}:</span>\r\n                      </label>\r\n                      <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                        <div class=\"custom-control custom-radio mb-0\">\r\n                          <input type=\"radio\" id=\"{{publicSchema}}\" name=\"custom-radio1\" class=\"custom-control-input\"\r\n                            [checked]=\"isSchemaType==0\">\r\n                          <label class=\"custom-control-label\" for=\"{{publicSchema}}\"\r\n                            (click)=\"handleSchemaTypeSelect(0)\">{{localizeService.getValue('ideCmp.schemaManager.schemeTypePublic')}}</label>\r\n                        </div>\r\n                        <div class=\"custom-control custom-radio mb-0\">\r\n                          <input type=\"radio\" id=\"{{orgSchema}}\" name=\"custom-radio1\" class=\"custom-control-input\"\r\n                            [checked]=\"isSchemaType==2\">\r\n                          <label class=\"custom-control-label\" for=\"{{orgSchema}}\"\r\n                            (click)=\"handleSchemaTypeSelect(2)\">{{localizeService.getValue('ideCmp.schemaManager.schemeTypeOrg')}}</label>\r\n                        </div>\r\n                        <div class=\"custom-control custom-radio mb-0\">\r\n                          <input type=\"radio\" id=\"{{personSchema}}\" name=\"custom-radio1\" class=\"custom-control-input\"\r\n                            [checked]=\"isSchemaType==1\">\r\n                          <label class=\"custom-control-label\" for=\"{{personSchema}}\"\r\n                            (click)=\"handleSchemaTypeSelect(1)\">{{localizeService.getValue('ideCmp.schemaManager.schemeTypePersonal')}}</label>\r\n                        </div>\r\n                        <div class=\"custom-control custom-checkbox mb-0\">\r\n                          <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{defaultSchema}}\"\r\n                            [(ngModel)]=\"isDefault\">\r\n                          <label class=\"custom-control-label\"\r\n                            for=\"{{defaultSchema}}\">{{localizeService.getValue('ideCmp.schemaManager.schemeDefault')}}</label>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </farris-panel-item>\r\n      </farris-panel>\r\n      <div class=\"farris-form d-flex flex-fill flex-column farris-overflow-hidden\">\r\n        <schema-editor *ngIf=\"controlType!='charts'\" class=\"d-flex flex-fill flex-column mt-1\"\r\n          [currSchema]=\"currTreeNode\" [colList]=\"colList\" [controlType]=\"controlType\"\r\n          (tabsSelectChange)=\"handleTabsSelectChange($event)\">\r\n        </schema-editor>\r\n        <charts-schema-editor *ngIf=\"controlType=='charts'\" class=\"d-flex flex-fill flex-column mt-1\"\r\n          [currSchema]=\"currTreeNode\" [colList]=\"colList\" [controlType]=\"controlType\"\r\n          (tabsSelectChange)=\"handleTabsSelectChange($event)\"></charts-schema-editor>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"modal-footer\">\r\n    <div class=\"btn-toolbar btn-group-lg\" id=\"page-header-toolbar\">\r\n      <button class=\"btn btn-primary mr-1\" id=\"button-edit\" (click)=\"handleSaveClick()\">\r\n        {{localizeService.getValue('ideCmp.schemaManager.btnSave')}}</button>\r\n      <button class=\"btn btn-secondary mr-1\" id=\"button-edit\" (click)=\"handleSaveAsClick()\">\r\n        {{localizeService.getValue('ideCmp.schemaManager.btnSaveAs')}}</button>\r\n      <button class=\"btn btn-secondary mr-1\" id=\"button-edit\" (click)=\"handleRemoveClick()\">\r\n        {{localizeService.getValue('ideCmp.schemaManager.btnDelete')}}</button>\r\n      <button class=\"btn btn-secondary\" id=\"button-edit\" (click)=\"handleSaveAndCloseClick()\" *ngIf=\"!currentmode\">\r\n        {{localizeService.getValue('ideCmp.schemaManager.btnSaveAsClose')}}</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template #enumFooter>\r\n  <button type=\"button\" class=\"btn btn-secondary\"\r\n    (click)=\"clickCancel()\">{{localizeService.getValue('ideCmp.schemaManager.btnCancel')}}</button>\r\n  <button type=\"button\" class=\"btn btn-primary\"\r\n    (click)=\"handleSaveAndCloseClick()\">{{localizeService.getValue('ideCmp.schemaManager.btnOK')}}</button>\r\n</ng-template>\r\n","styles":[".schema-position{position:absolute;top:0;left:0;right:0}"]}]}],"members":{"queryId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"groupType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"schemaInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"colList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"showPreSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"editorParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"isMultiForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"schemaTree":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["schemaTree"]}]}],"modalFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["enumFooter"]}]}],"schemaEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"SchemaEditorComponent"}]}]}],"chartsSchemaEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartsSchemaEditorComponent"}]}]}],"farrisPanelComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@farris/ui-panel","name":"FarrisPanelComponent","line":33,"character":13}]}]}],"farrisDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["farrisDialog"]}]}],"schemaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"saveSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"saveAsSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"removeSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"saveAndCloseSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"dialogBeforeClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"submitModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"queryRelativeUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":195,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"SchemaService"},{"__symbolic":"reference","module":"@farris/ui-messager","name":"MessagerService","line":193,"character":24},{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":194,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":195,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"initSelectedSchemaId":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"colListChange":[{"__symbolic":"method"}],"initColumns":[{"__symbolic":"method"}],"schemaInfoChange":[{"__symbolic":"method"}],"schemaManagerInitForIDE":[{"__symbolic":"method"}],"controlInit":[{"__symbolic":"method"}],"validateSchemaId":[{"__symbolic":"method"}],"handleDialogShow":[{"__symbolic":"method"}],"handleDropDownItemClick":[{"__symbolic":"method"}],"handleTabsSelectChange":[{"__symbolic":"method"}],"handleSchemaTypeSelect":[{"__symbolic":"method"}],"handleTreeNodeSelected":[{"__symbolic":"method"}],"currTreeNodeChanged":[{"__symbolic":"method"}],"treeNodeSelected":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"handleSaveAsClick":[{"__symbolic":"method"}],"handleRemoveClick":[{"__symbolic":"method"}],"handleSaveClick":[{"__symbolic":"method"}],"handleSaveAndCloseClick":[{"__symbolic":"method"}],"updateCurrSchema":[{"__symbolic":"method"}],"updateListSchema":[{"__symbolic":"method"}],"updateChartsSchema":[{"__symbolic":"method"}],"crosstabColumnValidate":[{"__symbolic":"method"}],"objectCopy":[{"__symbolic":"method"}],"clickCancel":[{"__symbolic":"method"}],"handleHover":[{"__symbolic":"method"}],"getTextColumnSort":[{"__symbolic":"method"}],"recursiveTextColumnSort":[{"__symbolic":"method"}]}},"SchemaEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"schema-editor","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"},"template":"<farris-tabs [value]=\"'title'\"  [contentFill]=\"true\" [autoTitleWidth]=\"true\"  (tabChange)=\"handleTabSelect($event)\">\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.schemaManager.titleOption.tab')\" [id]=\"'title'\">\r\n    <ng-template #content>\r\n      <title-editor [currSchema]=\"currSchema\" class=\"schema-editor-tab d-flex flex-column flex-fill\"></title-editor>\r\n    </ng-template>\r\n  </farris-tab>\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.schemaManager.columnOption.tab')\" [id]=\"'column'\">\r\n    <ng-template #content>\r\n      <column-editor [currSchema]=\"currSchema\" [colList]=\"colList\" [controlType]=\"controlType\"  class=\"schema-editor-tab d-flex flex-column flex-fill\"></column-editor>\r\n    </ng-template>\r\n  </farris-tab>\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.schemaManager.styleOption.tab')\" [id]=\"'style'\">\r\n    <ng-template #content>\r\n      <style-editor [currSchema]=\"currSchema\" class=\"schema-editor-tab d-flex flex-column flex-fill\"></style-editor>\r\n    </ng-template>\r\n  </farris-tab>\r\n  <farris-tab [title]=\"localizeService.getValue('ideCmp.schemaManager.otherOption.tab')\" [id]=\"'other'\">\r\n    <ng-template #content>\r\n      <other-editor [currSchema]=\"currSchema\"  [controlType]=\"controlType\"  class=\"schema-editor-tab d-flex flex-column flex-fill\"></other-editor>\r\n    </ng-template>\r\n  </farris-tab>\r\n</farris-tabs>\r\n","styles":[".schema-editor-tab{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}"]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"colList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"tabsSelectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"titleOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"TitleEditorComponent"}]}]}],"columnOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ColumnEditorComponent"}]}]}],"styleOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"StyleEditorComponent"}]}]}],"otherOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"OtherEditorComponent"}]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"@farris/ui-tabs","name":"FarrisTabsComponent","line":24,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"handleTabSelect":[{"__symbolic":"method"}],"getOption":[{"__symbolic":"method"}]}},"ColumnEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"column-editor","template":"<div #colToolbar class=\"flex-roww\">\r\n  <div class=\"navbar p-0\">\r\n    <div>\r\n      <button [class]=\"colInfoChanged == true ? 'btn btn-primary' : 'btn btn-secondary'\" id=\"button-edit1\" (click)=\"handleInfoChanged(0)\">\r\n        {{localizeService.getValue('ideCmp.schemaManager.columnOption.selection1')}}</button>\r\n      <button [class]=\"colInfoChanged == false ? 'btn btn-primary' : 'btn btn-secondary'\" id=\"button-edit2\"\r\n        (click)=\"handleInfoChanged(1)\">\r\n        {{localizeService.getValue('ideCmp.schemaManager.columnOption.selection2')}}</button>\r\n    </div>\r\n    <!-- <label class=\"farris-form-title mr-auto\" for=\"page-header-title\">\r\n      <span></span>\r\n    </label> -->\r\n    <div class=\"btn-toolbar btn-group-lg\" id=\"page-header-toolbar\">\r\n      <button *ngIf=\"controlType!='crosstab'\" class=\"btn btn-link p-1 mr-1\" id=\"button-edit\"\r\n        (click)=\"handleAddTreeNode()\">\r\n        <span id=\"btnAdd\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTVweCcgaGVpZ2h0PScxNXB4JyB2aWV3Qm94PScwIDAgMTUgMTUnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWKoOWPtzwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMDHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6YWN572uMScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEwNjEuMDAwMDAwLCAtMTk3LjAwMDAwMCknPjxnIGlkPSfliIbnu4QtMTMnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDMxMi4wMDAwMDAsIDE5NS4wMDAwMDApJz48ZyBpZD0n5YigLemZpC0oMyknIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDc0OS4wMDAwMDAsIDIuMDAwMDAwKSc+PGcgaWQ9J+WKoOWPtyc+PGNpcmNsZSBpZD0n5qSt5ZyG5b2iJyBzdHJva2U9JyMxRTgwRkYnIGN4PSc3LjUnIGN5PSc3LjUnIHI9JzYuNSc+PC9jaXJjbGU+PHBhdGggZD0nTTgsOCBMOCwxMC4xMTIyNzc5IEM4LDEwLjIxNTEwOTggNy45NDczMjA1MiwxMC4zMTM3MyA3Ljg1MzU1MDc5LDEwLjM4NjQ0MjIgQzcuNzU5NzgxMDcsMTAuNDU5MTU0NSA3LjYzMjYwMjQ5LDEwLjUwMDAwMjYgNy40OTk5OTM3NCwxMC41IEw3LjUwMDAwNjI1LDEwLjQ5OTk5MDMgQzcuMzY3Mzk1MzMsMTAuNDk5OTkyOSA3LjI0MDIxNDg2LDEwLjQ1OTE0MzUgNy4xNDY0NDQ3OCwxMC4zODY0MjkxIEM3LjA1MjY3NDcsMTAuMzEzNzE0NyA2Ljk5OTk5NjY4LDEwLjIxNTA5MjEgNywxMC4xMTIyNTg1IEw3LDggTDQuODg3NjY5NjgsOCBDNC42NzM1NTU3MSw3Ljk5OTk1NjMyIDQuNSw3Ljc3NjExMTQ5IDQuNSw3LjUgQzQuNSw3LjIyMzg4ODUxIDQuNjczNTU1NzEsNy4wMDAwNDM2OCA0Ljg4NzY2OTY4LDcgTDcsNyBMNyw0Ljg4NzcyNyBDNyw0LjY3MzU5MTI5IDcuMjIzODU3NjMsNC41IDcuNSw0LjUgQzcuNzc2MTQyMzcsNC41IDgsNC42NzM1OTEyOSA4LDQuODg3NzI3IEw4LDcgTDEwLjExMjMzMDMsNyBDMTAuMzI2NDQ0Myw3LjAwMDA0MzY4IDEwLjUsNy4yMjM4ODg1MSAxMC41LDcuNSBDMTAuNSw3Ljc3NjExMTQ5IDEwLjMyNjQ0NDMsNy45OTk5NTYzMiAxMC4xMTIzMzAzLDggTDgsOCBaJyBpZD0n5ZCI5bm25b2i54q2JyBmaWxsPScjMUU4MEZGJz48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=\" style=\"width: 15px; height: 15px; display: block;\" />\r\n        </span>\r\n        {{localizeService.getValue('ideCmp.schemaManager.columnOption.btnAdd')}}</button>\r\n      <button *ngIf=\"controlType!='crosstab'\" class=\"btn btn-link p-1 mr-1\" id=\"button-edit\"\r\n        (click)=\"handleRemoveTreeNode()\">\r\n        <span id=\"btnDel\" class=\"f-icon f-icon-yxs_delete pt-1 pr-3\" role=\"presentation\">\r\n        </span>\r\n        {{localizeService.getValue('ideCmp.schemaManager.columnOption.btnDelete')}}</button>\r\n      <span *ngIf=\"controlType!='crosstab'\" class=\"d-inline-block m-2\"\r\n        style=\"width:1px; background-color: #1890ff\"></span>\r\n      <button class=\"btn btn-link p-1 mr-1\" id=\"button-edit\" (click)=\"handleNodeUpAndDown('up')\">\r\n        <span id=\"btnUp\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNHB4JyB2aWV3Qm94PScwIDAgMTYgMTQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWIhue7hCAxNTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMDHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6YWN572uMScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTExOTQuMDAwMDAwLCAtMTk4LjAwMDAwMCknPjxnIGlkPSfliIbnu4QtMTMnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDMxMi4wMDAwMDAsIDE5NS4wMDAwMDApJz48ZyBpZD0n5YiG57uELTE1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg4ODIuMDAwMDAwLCAzLjAwMDAwMCknPjxwYXRoIGQ9J00xMC45MTcwMzA2LDMuNTI0MjgzMDEgTDkuNzAxMzEwMDUsNC43NDEwNTI5NSBDOS41NjYzNzYwOCw0Ljg3Njg0MDQzIDkuMzgyNjk1NTIsNC45NTI5NTQ2MyA5LjE5MTI2NjM3LDQuOTUyNDM1NTUgQzkuMDAwODc4NzgsNC45NTM2MzQ1MyA4LjgxODg4NjM1LDQuODc3NDg4MzkgOC42ODczMzYyNSw0Ljc0MTA1Mjk1IEM4LjQxMDc2NDkzLDQuNDYzMDQyNiA4LjQxMDc2NDkzLDQuMDEzODIzMTEgOC42ODczMzYyNSwzLjczNTgxMjc3IEwxMS4yMTU3MjA1LDEuMjA3NDI4NDkgQzExLjQ5MzczMDksMC45MzA4NTcxNjkgMTEuOTQyOTUwNCwwLjkzMDg1NzE2OSAxMi4yMjA5NjA3LDEuMjA3NDI4NDkgTDE0Ljc1NjMzMTksMy43MzU4MTI3NyBDMTUuMDMyMzI0NSw0LjAxMzcyMTE2IDE1LjAzMjMyNDUsNC40NjIyNzExOSAxNC43NTYzMzE5LDQuNzQwMTc5NTggQzE0LjQ3ODMyMTUsNS4wMTY3NTA5IDE0LjAyOTEwMiw1LjAxNjc1MDkgMTMuNzUxMDkxNyw0Ljc0MDE3OTU4IEwxMi4zNDQ5NzgyLDMuMzM1Mjc4MjYgTDEyLjM0NDk3ODIsMTAuODQyODgzNiBDMTIuMzQyMTI0MSwxMS4yMzYyNTM0IDEyLjAyMzkzNzQsMTEuNTU0NDQwMSAxMS42MzA1Njc3LDExLjU1NzI5NDEgQzExLjIzNzA4MjUsMTEuNTU2ODEyOSAxMC45MTc1MTE4LDExLjIzNzI0MjIgMTAuOTE3MDMwNiwxMC44NDI4ODM2IEwxMC45MTcwMzA2LDMuNTI0MjgzMDEgWiBNMS43MTM1MzcxMSwxMy44MDA5NjIyIEMxLjMxOTg1OTg2LDEzLjgwMDAwMiAxLjAwMDk2MDE5LDEzLjQ4MTEwMjQgMSwxMy4wODc0MjUxIEMxLDEyLjY5NDQxMiAxLjMyMDUyNDAyLDEyLjM3MzAxNDcgMS43MTQ0MTA0OCwxMi4zNzMwMTQ3IEwxNC4yNDU0MTQ4LDEyLjM3MzAxNDcgQzE0LjYzODQyNzksMTIuMzczMDE0NyAxNC45NTk4MjUzLDEyLjY5MzUzODcgMTQuOTU5ODI1MywxMy4wODc0MjUxIEMxNC45NTk4MjUzLDEzLjQ4MDQzODIgMTQuNjQ2Mjg4MiwxMy44MDA5NjIyIDE0LjI0NTQxNDgsMTMuODAwOTYyMiBMMS43MTM1MzcxMSwxMy44MDA5NjIyIFogTTEuNzE1MjgzODQsMTAuMjk5ODUwNyBDMS4zMjA5MjUzMywxMC4yOTkzNjk1IDEuMDAxMzU0NTgsOS45Nzk3OTg3MSAxLjAwMDg3MzM2LDkuNTg1NDQwMiBDMS4wMDA4NzMzNiw5LjE5MjQyNzEgMS4zMjEzOTczOSw4Ljg3MTkwMzA3IDEuNzE1MjgzODQsOC44NzE5MDMwNyBMNy4wNDgwMzQ5NCw4Ljg3MTkwMzA3IEM3LjQ0MTA0ODA0LDguODcxOTAzMDcgNy43NjI0NDU0Miw5LjE5MjQyNzEgNy43NjI0NDU0Miw5LjU4NTQ0MDIgQzcuNzYyNDQ1NDIsOS45Nzg0NTMzIDcuNDQxOTIxMzksMTAuMjk5ODUwNyA3LjA0ODAzNDk0LDEwLjI5OTg1MDcgTDEuNzE1MjgzODQsMTAuMjk5ODUwNyBaIE0xLjcxNTI4Mzg0LDYuNzk4NzM5MSBDMS4zMjEyNjU1Niw2Ljc5ODI1MDU2IDEuMDAxODM1MjcsNi40NzkyMTA3NyAxLjAwMDg3MzM2LDYuMDg1MTkzMzcgQzEuMDAwODczMzYsNS42OTIxODAyNiAxLjMyMTM5NzM5LDUuMzcwNzgyODkgMS43MTUyODM4NCw1LjM3MDc4Mjg5IEw3LjA0ODAzNDk0LDUuMzcwNzgyODkgQzcuNDQxMDQ4MDQsNS4zNzA3ODI4OSA3Ljc2MjQ5MTIzLDUuNjkxMzA2OTEgNy43NjI0OTEyMyw2LjA4NTE5MzM3IEM3Ljc2MzE0NjUxLDYuMjc0ODAwNzkgNy42ODgwNzU1Myw2LjQ1NjgzMjA5IDcuNTUzOTE5OTUsNi41OTA4MjM2NyBDNy40MTk3NjQzNiw2LjcyNDgxNTI2IDcuMjM3NjQxMzYsNi43OTk2NjM1MSA3LjA0ODAzNDk0LDYuNzk4NzM5MSBMMS43MTUyODM4NCw2Ljc5ODczOTEgWiBNMS43MTUyODM4NCwzLjI5NzYxODkyIEMxLjMyMTI2NTU2LDMuMjk3MTM4OTkgMS4wMDE4MzUyNiwyLjk3ODA5OTE5IDEuMDAwODczMzYsMi41ODQwODE3OSBDMS4wMDA4NzMzNiwyLjE5MTA2ODY5IDEuMzIxMzk3MzksMS44Njk2NzEzMSAxLjcxNTI4Mzg0LDEuODY5NjcxMzEgTDcuMDQ4MDM0OTQsMS44Njk2NzEzMSBDNy40MjU1Nzc4OSwxLjg5MjU1MjY2IDcuNzIwMDQ3NzIsMi4yMDU0MDk0MyA3LjcyMDA0NzcyLDIuNTgzNjQ1MTEgQzcuNzIwMDQ3NzIsMi45NjE4ODA4IDcuNDI1NTc3ODksMy4yNzQ3Mzc1NiA3LjA0ODAzNDk0LDMuMjk3NjE4OTIgTDEuNzE1MjgzODQsMy4yOTc2MTg5MiBaJyBpZD0n5b2i54q2JyBzdHJva2U9JyNGRkZGRkYnIHN0cm9rZS13aWR0aD0nMC4yJyBmaWxsPScjMUU4MEZGJyBmaWxsLXJ1bGU9J25vbnplcm8nPjwvcGF0aD48cmVjdCBpZD0n55+p5b2iJyB4PScwJyB5PScwJyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnPjwvcmVjdD48L2c+PC9nPjwvZz48L2c+PC9zdmc+\" style=\"width: 15px; height: 14px; display: block;\" />\r\n        </span>\r\n      </button>\r\n      <!-- {{localizeService.getValue('ideCmp.schemaManager.columnOption.btnUp')}} -->\r\n      <button class=\"btn btn-link p-1 mr-1\" id=\"button-edit\" (click)=\"handleNodeUpAndDown('down')\">\r\n        <span id=\"btnDown\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNHB4JyB2aWV3Qm94PScwIDAgMTYgMTQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWIhue7hCAxNzwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMDHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6YWN572uMScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEyMjEuMDAwMDAwLCAtMTk4LjAwMDAwMCknPjxnIGlkPSfliIbnu4QtMTMnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDMxMi4wMDAwMDAsIDE5NS4wMDAwMDApJz48ZyBpZD0n5YiG57uELTE3JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg5MDkuMDAwMDAwLCAzLjAwMDAwMCknPjxwYXRoIGQ9J00xMC45MTcwMzA2LDMuNTI0MjgzMDQgTDkuNzAxMzEwMDQsNC43NDEwNTI5NCBDOS41NjYzNzYwNyw0Ljg3Njg0MDQyIDkuMzgyNjk1NTEsNC45NTI5NTQ2MyA5LjE5MTI2NjM3LDQuOTUyNDM1NTUgQzkuMDAwODc4NzgsNC45NTM2MzQ1MiA4LjgxODg4NjM1LDQuODc3NDg4MzkgOC42ODczMzYyNSw0Ljc0MTA1Mjk0IEM4LjQxMDc2NDkyLDQuNDYzMDQyNiA4LjQxMDc2NDkyLDQuMDEzODIzMTEgOC42ODczMzYyNSwzLjczNTgxMjc2IEwxMS4yMTU3MjA2LDEuMjA3NDI4NDkgQzExLjQ5MzczMDksMC45MzA4NTcxNyAxMS45NDI5NTA0LDAuOTMwODU3MTcgMTIuMjIwOTYwNywxLjIwNzQyODQ5IEwxNC43NTYzMzE5LDMuNzM1ODEyNzYgQzE1LjAzMjMyNDUsNC4wMTM3MjExNSAxNS4wMzIzMjQ1LDQuNDYyMjcxMTkgMTQuNzU2MzMxOSw0Ljc0MDE3OTU4IEMxNC40NzgzMjE2LDUuMDE2NzUwOSAxNC4wMjkxMDIxLDUuMDE2NzUwOSAxMy43NTEwOTE3LDQuNzQwMTc5NTggTDEyLjM0NDk3ODIsMy4zMzUyNzgyIEwxMi4zNDQ5NzgyLDEwLjg0Mjg4MzcgQzEyLjM0MjEyNDEsMTEuMjM2MjUzNCAxMi4wMjM5Mzc1LDExLjU1NDQ0MDEgMTEuNjMwNTY3NywxMS41NTcyOTQxIEMxMS4yMzcwODI2LDExLjU1NjgxMjkgMTAuOTE3NTExOCwxMS4yMzcyNDIyIDEwLjkxNzAzMDYsMTAuODQyODgzNyBMMTAuOTE3MDMwNiwzLjUyNDI4MzA0IFogTTEuNzEzNTM3MTEsMTMuODAwOTYyMyBDMS4zMTk4NTk4NiwxMy44MDAwMDIxIDEuMDAwOTYwMTksMTMuNDgxMTAyNCAxLDEzLjA4NzQyNTEgQzEsMTIuNjk0NDEyIDEuMzIwNTI0MDIsMTIuMzczMDE0NyAxLjcxNDQxMDQ4LDEyLjM3MzAxNDcgTDE0LjI0NTQxNDksMTIuMzczMDE0NyBDMTQuNjM4NDI4LDEyLjM3MzAxNDcgMTQuOTU5ODI1NCwxMi42OTM1Mzg3IDE0Ljk1OTgyNTQsMTMuMDg3NDI1MSBDMTQuOTU5ODI1NCwxMy40ODA0MzgzIDE0LjY0NjI4ODIsMTMuODAwOTYyMyAxNC4yNDU0MTQ5LDEzLjgwMDk2MjMgTDEuNzEzNTM3MTEsMTMuODAwOTYyMyBaIE0xLjcxNTI4Mzg0LDEwLjI5OTg1MDcgQzEuMzIwOTI1MzMsMTAuMjk5MzY5NSAxLjAwMTM1NDU4LDkuOTc5Nzk4NzEgMS4wMDA4NzMzNiw5LjU4NTQ0MDIgQzEuMDAwODczMzYsOS4xOTI0MjcwOSAxLjMyMTM5NzM5LDguODcxOTAzMDcgMS43MTUyODM4NCw4Ljg3MTkwMzA3IEw3LjA0ODAzNDk0LDguODcxOTAzMDcgQzcuNDQxMDQ4MDQsOC44NzE5MDMwNyA3Ljc2MjQ0NTQxLDkuMTkyNDI3MDkgNy43NjI0NDU0MSw5LjU4NTQ0MDIgQzcuNzYyNDQ1NDEsOS45Nzg0NTMzIDcuNDQxOTIxMzksMTAuMjk5ODUwNyA3LjA0ODAzNDk0LDEwLjI5OTg1MDcgTDEuNzE1MjgzODQsMTAuMjk5ODUwNyBaIE0xLjcxNTI4Mzg0LDYuNzk4NzM5MSBDMS4zMjEyNjU1Niw2Ljc5ODI1MDU1IDEuMDAxODM1MjcsNi40NzkyMTA3NiAxLjAwMDg3MzM2LDYuMDg1MTkzMzYgQzEuMDAwODczMzYsNS42OTIxODAyNiAxLjMyMTM5NzM5LDUuMzcwNzgyODggMS43MTUyODM4NCw1LjM3MDc4Mjg4IEw3LjA0ODAzNDk0LDUuMzcwNzgyODggQzcuNDQxMDQ4MDQsNS4zNzA3ODI4OCA3Ljc2MjQ5MTIyLDUuNjkxMzA2OTEgNy43NjI0OTEyMiw2LjA4NTE5MzM2IEM3Ljc2MzE0NjUxLDYuMjc0ODAwNzkgNy42ODgwNzU1Myw2LjQ1NjgzMjA5IDcuNTUzOTE5OTQsNi41OTA4MjM2NyBDNy40MTk3NjQzNSw2LjcyNDgxNTI2IDcuMjM3NjQxMzYsNi43OTk2NjM1MSA3LjA0ODAzNDk0LDYuNzk4NzM5MSBMMS43MTUyODM4NCw2Ljc5ODczOTEgWiBNMS43MTUyODM4NCwzLjI5NzYxODkxIEMxLjMyMTI2NTU2LDMuMjk3MTM4OTkgMS4wMDE4MzUyNiwyLjk3ODA5OTE5IDEuMDAwODczMzYsMi41ODQwODE3OSBDMS4wMDA4NzMzNiwyLjE5MTA2ODY4IDEuMzIxMzk3MzksMS44Njk2NzEzMSAxLjcxNTI4Mzg0LDEuODY5NjcxMzEgTDcuMDQ4MDM0OTQsMS44Njk2NzEzMSBDNy40MjU1Nzc4OCwxLjg5MjU1MjY2IDcuNzIwMDQ3NzEsMi4yMDU0MDk0MiA3LjcyMDA0NzcxLDIuNTgzNjQ1MTEgQzcuNzIwMDQ3NzEsMi45NjE4ODA4IDcuNDI1NTc3ODgsMy4yNzQ3Mzc1NiA3LjA0ODAzNDk0LDMuMjk3NjE4OTEgTDEuNzE1MjgzODQsMy4yOTc2MTg5MSBaJyBpZD0n5b2i54q2JyBzdHJva2U9JyNGRkZGRkYnIHN0cm9rZS13aWR0aD0nMC4yJyBmaWxsPScjMUU4MEZGJyBmaWxsLXJ1bGU9J25vbnplcm8nIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDcuOTgxNjYzLCA3LjQwMDQ4MSkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtNy45ODE2NjMsIC03LjQwMDQ4MSkgJz48L3BhdGg+PHJlY3QgaWQ9J+efqeW9oicgeD0nMCcgeT0nMCcgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0Jz48L3JlY3Q+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==\" style=\"width: 15px; height: 14px; display: block;\" />\r\n        </span>\r\n      </button>\r\n      <!-- {{localizeService.getValue('ideCmp.schemaManager.columnOption.btnDown')}} -->\r\n      <button *ngIf=\"controlType!='crosstab'\" class=\"btn btn-link p-1 mr-1\" id=\"button-edit\" (click)=\"handleNodeLeft()\">\r\n        <span id=\"btnLeft\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTRweCcgaGVpZ2h0PScxNXB4JyB2aWV3Qm94PScwIDAgMTQgMTUnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWIhue7hCAxODwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMDHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6YWN572uMScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEyNDguMDAwMDAwLCAtMTk4LjAwMDAwMCknPjxnIGlkPSfliIbnu4QtMTMnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDMxMi4wMDAwMDAsIDE5NS4wMDAwMDApJz48ZyBpZD0n5YiG57uELTE4JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg5MzYuMDAwMDAwLCAzLjAwMDAwMCknPjxyZWN0IGlkPSfnn6nlvaInIHg9JzAnIHk9JzAnIHdpZHRoPScxNCcgaGVpZ2h0PScxNCc+PC9yZWN0PjxwYXRoIGQ9J005LjkxNzAzMDU3LDMuNTI0MjgzMDEgTDguNzAxMzEwMDUsNC43NDEwNTI5NSBDOC41NjYzNzYwOCw0Ljg3Njg0MDQzIDguMzgyNjk1NTIsNC45NTI5NTQ2MyA4LjE5MTI2NjM3LDQuOTUyNDM1NTUgQzguMDAwODc4NzgsNC45NTM2MzQ1MyA3LjgxODg4NjM1LDQuODc3NDg4MzkgNy42ODczMzYyNSw0Ljc0MTA1Mjk1IEM3LjQxMDc2NDkzLDQuNDYzMDQyNiA3LjQxMDc2NDkzLDQuMDEzODIzMTEgNy42ODczMzYyNSwzLjczNTgxMjc3IEwxMC4yMTU3MjA1LDEuMjA3NDI4NDkgQzEwLjQ5MzczMDksMC45MzA4NTcxNjkgMTAuOTQyOTUwNCwwLjkzMDg1NzE2OSAxMS4yMjA5NjA3LDEuMjA3NDI4NDkgTDEzLjc1NjMzMTksMy43MzU4MTI3NyBDMTQuMDMyMzI0NSw0LjAxMzcyMTE2IDE0LjAzMjMyNDUsNC40NjIyNzExOSAxMy43NTYzMzE5LDQuNzQwMTc5NTggQzEzLjQ3ODMyMTUsNS4wMTY3NTA5IDEzLjAyOTEwMiw1LjAxNjc1MDkgMTIuNzUxMDkxNyw0Ljc0MDE3OTU4IEwxMS4zNDQ5NzgyLDMuMzM1Mjc4MjYgTDExLjM0NDk3ODIsMTAuODQyODgzNiBDMTEuMzQyMTI0MSwxMS4yMzYyNTM0IDExLjAyMzkzNzQsMTEuNTU0NDQwMSAxMC42MzA1Njc3LDExLjU1NzI5NDEgQzEwLjIzNzA4MjUsMTEuNTU2ODEyOSA5LjkxNzUxMTc5LDExLjIzNzI0MjIgOS45MTcwMzA1NywxMC44NDI4ODM2IEw5LjkxNzAzMDU3LDMuNTI0MjgzMDEgWiBNMC43MTM1MzcxMTQsMTMuODAwOTYyMiBDMC4zMTk4NTk4NTksMTMuODAwMDAyIDAuMDAwOTYwMTk0NTgxLDEzLjQ4MTEwMjQgMCwxMy4wODc0MjUxIEMwLDEyLjY5NDQxMiAwLjMyMDUyNDAyMywxMi4zNzMwMTQ3IDAuNzE0NDEwNDc5LDEyLjM3MzAxNDcgTDEzLjI0NTQxNDgsMTIuMzczMDE0NyBDMTMuNjM4NDI3OSwxMi4zNzMwMTQ3IDEzLjk1OTgyNTMsMTIuNjkzNTM4NyAxMy45NTk4MjUzLDEzLjA4NzQyNTEgQzEzLjk1OTgyNTMsMTMuNDgwNDM4MiAxMy42NDYyODgyLDEzLjgwMDk2MjIgMTMuMjQ1NDE0OCwxMy44MDA5NjIyIEwwLjcxMzUzNzExNCwxMy44MDA5NjIyIFogTTAuNzE1MjgzODQzLDEwLjI5OTg1MDcgQzAuMzIwOTI1MzMsMTAuMjk5MzY5NSAwLjAwMTM1NDU4NDA3LDkuOTc5Nzk4NzEgMC4wMDA4NzMzNjQxNTEsOS41ODU0NDAyIEMwLjAwMDg3MzM2NDE1MSw5LjE5MjQyNzEgMC4zMjEzOTczODcsOC44NzE5MDMwNyAwLjcxNTI4Mzg0Myw4Ljg3MTkwMzA3IEw2LjA0ODAzNDk0LDguODcxOTAzMDcgQzYuNDQxMDQ4MDQsOC44NzE5MDMwNyA2Ljc2MjQ0NTQyLDkuMTkyNDI3MSA2Ljc2MjQ0NTQyLDkuNTg1NDQwMiBDNi43NjI0NDU0Miw5Ljk3ODQ1MzMgNi40NDE5MjEzOSwxMC4yOTk4NTA3IDYuMDQ4MDM0OTQsMTAuMjk5ODUwNyBMMC43MTUyODM4NDMsMTAuMjk5ODUwNyBaIE0wLjcxNTI4Mzg0Myw2Ljc5ODczOTEgQzAuMzIxMjY1NTYxLDYuNzk4MjUwNTYgMC4wMDE4MzUyNjgwNyw2LjQ3OTIxMDc3IDAuMDAwODczMzY0MTUxLDYuMDg1MTkzMzcgQzAuMDAwODczMzY0MTUxLDUuNjkyMTgwMjYgMC4zMjEzOTczODcsNS4zNzA3ODI4OSAwLjcxNTI4Mzg0Myw1LjM3MDc4Mjg5IEw2LjA0ODAzNDk0LDUuMzcwNzgyODkgQzYuNDQxMDQ4MDQsNS4zNzA3ODI4OSA2Ljc2MjQ5MTIzLDUuNjkxMzA2OTEgNi43NjI0OTEyMyw2LjA4NTE5MzM3IEM2Ljc2MzE0NjUxLDYuMjc0ODAwNzkgNi42ODgwNzU1Myw2LjQ1NjgzMjA5IDYuNTUzOTE5OTUsNi41OTA4MjM2NyBDNi40MTk3NjQzNiw2LjcyNDgxNTI2IDYuMjM3NjQxMzYsNi43OTk2NjM1MSA2LjA0ODAzNDk0LDYuNzk4NzM5MSBMMC43MTUyODM4NDMsNi43OTg3MzkxIFogTTAuNzE1MjgzODQzLDMuMjk3NjE4OTIgQzAuMzIxMjY1NTU2LDMuMjk3MTM4OTkgMC4wMDE4MzUyNjE1MSwyLjk3ODA5OTE5IDAuMDAwODczMzY0MTUxLDIuNTg0MDgxNzkgQzAuMDAwODczMzY0MTUxLDIuMTkxMDY4NjkgMC4zMjEzOTczODcsMS44Njk2NzEzMSAwLjcxNTI4Mzg0MywxLjg2OTY3MTMxIEw2LjA0ODAzNDk0LDEuODY5NjcxMzEgQzYuNDI1NTc3ODksMS44OTI1NTI2NiA2LjcyMDA0NzcyLDIuMjA1NDA5NDMgNi43MjAwNDc3MiwyLjU4MzY0NTExIEM2LjcyMDA0NzcyLDIuOTYxODgwOCA2LjQyNTU3Nzg5LDMuMjc0NzM3NTYgNi4wNDgwMzQ5NCwzLjI5NzYxODkyIEwwLjcxNTI4Mzg0MywzLjI5NzYxODkyIFonIGlkPSflvaLnirYnIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLXdpZHRoPScwLjInIGZpbGw9JyMxRTgwRkYnIGZpbGwtcnVsZT0nbm9uemVybycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoNi45ODE2NjMsIDcuNDAwNDgxKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC02Ljk4MTY2MywgLTcuNDAwNDgxKSAnPjwvcGF0aD48L2c+PC9nPjwvZz48L2c+PC9zdmc+\" style=\"width: 15px; height: 14px; display: block;\" />\r\n        </span>\r\n      </button>\r\n      <!-- {{localizeService.getValue('ideCmp.schemaManager.columnOption.btnLeft')}} -->\r\n      <button *ngIf=\"controlType!='crosstab'\" class=\"btn btn-link p-1 mr-1\" id=\"button-edit\"\r\n        (click)=\"handleNodeRight()\">\r\n        <span id=\"btnRight\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTRweCcgaGVpZ2h0PScxNXB4JyB2aWV3Qm94PScwIDAgMTQgMTUnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWIhue7hCAxOTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMDHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6YWN572uMycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEyNzQuMDAwMDAwLCAtMTk4LjAwMDAwMCknPjxnIGlkPSfliIbnu4QtMTMnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDMxMi4wMDAwMDAsIDE5NS4wMDAwMDApJz48ZyBpZD0n5YiG57uELTE5JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg5NjIuMDAwMDAwLCAzLjAwMDAwMCknPjxwYXRoIGQ9J005LjkxNzAzMDU3LDMuNTI0MjgzMDEgTDguNzAxMzEwMDUsNC43NDEwNTI5NSBDOC41NjYzNzYwOCw0Ljg3Njg0MDQzIDguMzgyNjk1NTIsNC45NTI5NTQ2MyA4LjE5MTI2NjM3LDQuOTUyNDM1NTUgQzguMDAwODc4NzgsNC45NTM2MzQ1MyA3LjgxODg4NjM1LDQuODc3NDg4MzkgNy42ODczMzYyNSw0Ljc0MTA1Mjk1IEM3LjQxMDc2NDkzLDQuNDYzMDQyNiA3LjQxMDc2NDkzLDQuMDEzODIzMTEgNy42ODczMzYyNSwzLjczNTgxMjc3IEwxMC4yMTU3MjA1LDEuMjA3NDI4NDkgQzEwLjQ5MzczMDksMC45MzA4NTcxNjkgMTAuOTQyOTUwNCwwLjkzMDg1NzE2OSAxMS4yMjA5NjA3LDEuMjA3NDI4NDkgTDEzLjc1NjMzMTksMy43MzU4MTI3NyBDMTQuMDMyMzI0NSw0LjAxMzcyMTE2IDE0LjAzMjMyNDUsNC40NjIyNzExOSAxMy43NTYzMzE5LDQuNzQwMTc5NTggQzEzLjQ3ODMyMTUsNS4wMTY3NTA5IDEzLjAyOTEwMiw1LjAxNjc1MDkgMTIuNzUxMDkxNyw0Ljc0MDE3OTU4IEwxMS4zNDQ5NzgyLDMuMzM1Mjc4MjYgTDExLjM0NDk3ODIsMTAuODQyODgzNiBDMTEuMzQyMTI0MSwxMS4yMzYyNTM0IDExLjAyMzkzNzQsMTEuNTU0NDQwMSAxMC42MzA1Njc3LDExLjU1NzI5NDEgQzEwLjIzNzA4MjUsMTEuNTU2ODEyOSA5LjkxNzUxMTc5LDExLjIzNzI0MjIgOS45MTcwMzA1NywxMC44NDI4ODM2IEw5LjkxNzAzMDU3LDMuNTI0MjgzMDEgWiBNMC43MTM1MzcxMTQsMTMuODAwOTYyMiBDMC4zMTk4NTk4NTksMTMuODAwMDAyIDAuMDAwOTYwMTk0NTgxLDEzLjQ4MTEwMjQgMCwxMy4wODc0MjUxIEMwLDEyLjY5NDQxMiAwLjMyMDUyNDAyMywxMi4zNzMwMTQ3IDAuNzE0NDEwNDc5LDEyLjM3MzAxNDcgTDEzLjI0NTQxNDgsMTIuMzczMDE0NyBDMTMuNjM4NDI3OSwxMi4zNzMwMTQ3IDEzLjk1OTgyNTMsMTIuNjkzNTM4NyAxMy45NTk4MjUzLDEzLjA4NzQyNTEgQzEzLjk1OTgyNTMsMTMuNDgwNDM4MiAxMy42NDYyODgyLDEzLjgwMDk2MjIgMTMuMjQ1NDE0OCwxMy44MDA5NjIyIEwwLjcxMzUzNzExNCwxMy44MDA5NjIyIFogTTAuNzE1MjgzODQzLDEwLjI5OTg1MDcgQzAuMzIwOTI1MzMsMTAuMjk5MzY5NSAwLjAwMTM1NDU4NDA3LDkuOTc5Nzk4NzEgMC4wMDA4NzMzNjQxNTEsOS41ODU0NDAyIEMwLjAwMDg3MzM2NDE1MSw5LjE5MjQyNzEgMC4zMjEzOTczODcsOC44NzE5MDMwNyAwLjcxNTI4Mzg0Myw4Ljg3MTkwMzA3IEw2LjA0ODAzNDk0LDguODcxOTAzMDcgQzYuNDQxMDQ4MDQsOC44NzE5MDMwNyA2Ljc2MjQ0NTQyLDkuMTkyNDI3MSA2Ljc2MjQ0NTQyLDkuNTg1NDQwMiBDNi43NjI0NDU0Miw5Ljk3ODQ1MzMgNi40NDE5MjEzOSwxMC4yOTk4NTA3IDYuMDQ4MDM0OTQsMTAuMjk5ODUwNyBMMC43MTUyODM4NDMsMTAuMjk5ODUwNyBaIE0wLjcxNTI4Mzg0Myw2Ljc5ODczOTEgQzAuMzIxMjY1NTYxLDYuNzk4MjUwNTYgMC4wMDE4MzUyNjgwNyw2LjQ3OTIxMDc3IDAuMDAwODczMzY0MTUxLDYuMDg1MTkzMzcgQzAuMDAwODczMzY0MTUxLDUuNjkyMTgwMjYgMC4zMjEzOTczODcsNS4zNzA3ODI4OSAwLjcxNTI4Mzg0Myw1LjM3MDc4Mjg5IEw2LjA0ODAzNDk0LDUuMzcwNzgyODkgQzYuNDQxMDQ4MDQsNS4zNzA3ODI4OSA2Ljc2MjQ5MTIzLDUuNjkxMzA2OTEgNi43NjI0OTEyMyw2LjA4NTE5MzM3IEM2Ljc2MzE0NjUxLDYuMjc0ODAwNzkgNi42ODgwNzU1Myw2LjQ1NjgzMjA5IDYuNTUzOTE5OTUsNi41OTA4MjM2NyBDNi40MTk3NjQzNiw2LjcyNDgxNTI2IDYuMjM3NjQxMzYsNi43OTk2NjM1MSA2LjA0ODAzNDk0LDYuNzk4NzM5MSBMMC43MTUyODM4NDMsNi43OTg3MzkxIFogTTAuNzE1MjgzODQzLDMuMjk3NjE4OTIgQzAuMzIxMjY1NTU2LDMuMjk3MTM4OTkgMC4wMDE4MzUyNjE1MSwyLjk3ODA5OTE5IDAuMDAwODczMzY0MTUxLDIuNTg0MDgxNzkgQzAuMDAwODczMzY0MTUxLDIuMTkxMDY4NjkgMC4zMjEzOTczODcsMS44Njk2NzEzMSAwLjcxNTI4Mzg0MywxLjg2OTY3MTMxIEw2LjA0ODAzNDk0LDEuODY5NjcxMzEgQzYuNDI1NTc3ODksMS44OTI1NTI2NiA2LjcyMDA0NzcyLDIuMjA1NDA5NDMgNi43MjAwNDc3MiwyLjU4MzY0NTExIEM2LjcyMDA0NzcyLDIuOTYxODgwOCA2LjQyNTU3Nzg5LDMuMjc0NzM3NTYgNi4wNDgwMzQ5NCwzLjI5NzYxODkyIEwwLjcxNTI4Mzg0MywzLjI5NzYxODkyIFonIGlkPSflvaLnirYnIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLXdpZHRoPScwLjInIGZpbGw9JyMxRTgwRkYnIGZpbGwtcnVsZT0nbm9uemVybycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoNi45ODE2NjMsIDcuNDAwNDgxKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi45ODE2NjMsIC03LjQwMDQ4MSkgJz48L3BhdGg+PHJlY3QgaWQ9J+efqeW9oicgeD0nMCcgeT0nMScgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0Jz48L3JlY3Q+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==\" style=\"width: 15px; height: 14px; display: block;\" />\r\n        </span>\r\n      </button>\r\n      <button *ngIf=\"controlType!='crosstab'\" class=\"btn btn-link p-1 mr-1\" id=\"button-edit\"\r\n        (click)=\"handleNodeUpAndDown('top')\">\r\n        <span id=\"btnTop\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTNweCcgaGVpZ2h0PScxNHB4JyB2aWV3Qm94PScwIDAgMTMgMTQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuW9oueKtjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0n5qC85byP5pa55qGI566h55CGLeWIl+mFjee9rjEnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0xMjQ4LjAwMDAwMCwgLTIwMi4wMDAwMDApJyBmaWxsPScjMUU4MEZGJyBmaWxsLXJ1bGU9J25vbnplcm8nPjxnIGlkPSfliIbnu4QtMjAnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDEwMDkuMDAwMDAwLCAxOTguMDAwMDAwKSc+PGcgaWQ9J+WIhue7hC0xOScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMjEzLjAwMDAwMCwgMy4wMDAwMDApJz48ZyBpZD0n572u6aG2JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyNi4wMDAwMDAsIDEuMDAwMDAwKSc+PHBhdGggZD0nTTExLjc3ODcyMzgsNy4xOTM2NjgyMiBMNi45MjYyNDQyMiwyLjMyNjIyMzk3IEM2LjgyMzM0MjU0LDIuMjIzMzYwMTQgNi42ODM0MzQ1NiwyLjE2NjM0OTY3IDYuNTM4MDg5MSwyLjE2ODA1NjQgQzYuNTE5NzA4NDksMi4xNjU4ODk3MyA2LjUwMzQ5MDMsMi4xNTcyMjMwMiA2LjQ4NDAyODUsMi4xNTcyMjMwMiBDNi40MDgyNTQzMywyLjE1Nzc4NTQ2IDYuMzMzNDU1NjEsMi4xNzQzOTkwOCA2LjI2NDU0MjQ2LDIuMjA1OTczMjkgQzYuMTk0MTYxNzYsMi4yMzE5ODg3OSA2LjEzMDA1NDEzLDIuMjcyNTk2MzQgNi4wNzY0MTE1NywyLjMyNTE0MDYzIEwxLjY5NzUwMjg3LDYuNjgxMjQ4NjUgQzEuNDg3MzEwNjgsNi44OTI3NTE4OSAxLjQ4ODAzNjgsNy4yMzQ5Mzg4NyAxLjY5OTEyNDcsNy40NDU1NDQ2NSBDMS45MTAyMTI1OSw3LjY1NjE1MDQyIDIuMjUxNzI3NTksNy42NTU0MjI4OCAyLjQ2MTkxOTc4LDcuNDQzOTE5NjMgTDUuOTQzNDIyNDksMy45Nzk0MDAwMSBMNS45NDM0MjI0OSwxMy40NjQwMzcxIEM1Ljk0MzQyMjQ5LDEzLjc2MTk1NTQgNi4xODU2MTM5OSwxNC4wMDI0NTY4IDYuNDg0MDI4NSwxNC4wMDI0NTY4IEM2Ljc4MjQ0MzAxLDE0LjAwMjQ1NjggNy4wMjQ2MzQ1MSwxMy43NjE5NTU0IDcuMDI0NjM0NTEsMTMuNDY0MDM3MSBMNy4wMjQ2MzQ1MSwzLjk1MjMxNjUyIEwxMS4wMTEwNjMyLDcuOTUzMDg5MTkgQzExLjIyMTU3MjMsOC4xNjUxNDY4MyAxMS41NjM3NzcxLDguMTY2MTE2NzggMTEuNzc1NDgwMSw3Ljk1NTI1NTg2IEMxMS44NzczODg5LDcuODU0OTk1NTMgMTEuOTM0OTc3Nyw3LjcxODAxNzA5IDExLjkzNTM4NjIsNy41NzQ5MTQ3NyBDMTEuOTM1NzkwMyw3LjQzMTgxMjQ2IDExLjg3ODk4MDMsNy4yOTQ1MDc5MiAxMS43Nzc2NDI2LDcuMTkzNjY4MjIgTDExLjc3ODcyMzgsNy4xOTM2NjgyMiBaIE0xMi40Mjc0NTEsMS4wODAzODM1OSBMMC41NDA2MDYwMTEsMS4wODAzODM1OSBDMC4yNDMwNTUzMywxLjA4MDk4MzQ0IDAuMDAxMTkxOTg1NDIsMC44NDAwOTgyMjkgMi44NDIxNzA5NGUtMTQsMC41NDE5NjM4NjEgQzIuODQyMTcwOTRlLTE0LDAuMjQ1MTI4ODQ4IDAuMjQyMTkxNDk5LDAuMDAzNTQ0MTM2OCAwLjU0MDYwNjAxMSwwLjAwMzU0NDE1MDU1IEwxMi40Mjc0NTEsMC4wMDM1NDQxNTA1NSBDMTIuNjI3NTY3NywtMC4wMDkxODE4ODE0MSAxMi44MTgxNjQ2LDAuMDkwNTY2NDk5MiAxMi45MjIwNzA1LDAuMjYyNDAxOTEgQzEzLjAyNTk3NjUsMC40MzQyMzczMjEgMTMuMDI1OTc2NSwwLjY0OTY5MDQxNSAxMi45MjIwNzA1LDAuODIxNTI1ODI2IEMxMi44MTgxNjQ2LDAuOTkzMzYxMjM2IDEyLjYyNzU2NzcsMS4wOTMxMDk2MiAxMi40Mjc0NTEsMS4wODAzODM1OSBaJyBpZD0n5b2i54q2Jz48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=\" style=\"width: 15px; height: 14px; display: block;\" />\r\n        </span>\r\n      </button>\r\n      <button *ngIf=\"controlType!='crosstab'\" class=\"btn btn-link p-1 mr-1\" id=\"button-edit\"\r\n        (click)=\"handleNodeUpAndDown('bottom')\">\r\n        <span id=\"btnBottom\" class=\"f-icon pt-1 pr-3\" role=\"presentation\">\r\n          <img src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTNweCcgaGVpZ2h0PScxNHB4JyB2aWV3Qm94PScwIDAgMTMgMTQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuW9oueKtjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9JzLjgIHmoLzlvI/mlrnmoYjnrqHnkIYt5YiX6K6+572uJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0n5qC85byP5pa55qGI566h55CGLeWIl+mFjee9rjEnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0xMjczLjAwMDAwMCwgLTIwMi4wMDAwMDApJyBmaWxsPScjMUU4MEZGJyBmaWxsLXJ1bGU9J25vbnplcm8nPjxnIGlkPSfliIbnu4QtMjAnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDEwMDkuMDAwMDAwLCAxOTguMDAwMDAwKSc+PGcgaWQ9J+WIhue7hC0xOScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMjEzLjAwMDAwMCwgMy4wMDAwMDApJz48ZyBpZD0n572u6aG2JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyNi4wMDAwMDAsIDEuMDAwMDAwKSc+PHBhdGggZD0nTTM2Ljc3ODcyMzgsNy4xOTM2NjgyMiBMMzEuOTI2MjQ0MiwyLjMyNjIyMzk3IEMzMS44MjMzNDI1LDIuMjIzMzYwMTQgMzEuNjgzNDM0NiwyLjE2NjM0OTY3IDMxLjUzODA4OTEsMi4xNjgwNTY0IEMzMS41MTk3MDg1LDIuMTY1ODg5NzMgMzEuNTAzNDkwMywyLjE1NzIyMzAyIDMxLjQ4NDAyODUsMi4xNTcyMjMwMiBDMzEuNDA4MjU0MywyLjE1Nzc4NTQ2IDMxLjMzMzQ1NTYsMi4xNzQzOTkwOCAzMS4yNjQ1NDI1LDIuMjA1OTczMjkgQzMxLjE5NDE2MTgsMi4yMzE5ODg3OSAzMS4xMzAwNTQxLDIuMjcyNTk2MzQgMzEuMDc2NDExNiwyLjMyNTE0MDYzIEwyNi42OTc1MDI5LDYuNjgxMjQ4NjUgQzI2LjQ4NzMxMDcsNi44OTI3NTE4OSAyNi40ODgwMzY4LDcuMjM0OTM4ODcgMjYuNjk5MTI0Nyw3LjQ0NTU0NDY1IEMyNi45MTAyMTI2LDcuNjU2MTUwNDIgMjcuMjUxNzI3Niw3LjY1NTQyMjg4IDI3LjQ2MTkxOTgsNy40NDM5MTk2MyBMMzAuOTQzNDIyNSwzLjk3OTQwMDAxIEwzMC45NDM0MjI1LDEzLjQ2NDAzNzEgQzMwLjk0MzQyMjUsMTMuNzYxOTU1NCAzMS4xODU2MTQsMTQuMDAyNDU2OCAzMS40ODQwMjg1LDE0LjAwMjQ1NjggQzMxLjc4MjQ0MywxNC4wMDI0NTY4IDMyLjAyNDYzNDUsMTMuNzYxOTU1NCAzMi4wMjQ2MzQ1LDEzLjQ2NDAzNzEgTDMyLjAyNDYzNDUsMy45NTIzMTY1MiBMMzYuMDExMDYzMiw3Ljk1MzA4OTE5IEMzNi4yMjE1NzIzLDguMTY1MTQ2ODMgMzYuNTYzNzc3MSw4LjE2NjExNjc4IDM2Ljc3NTQ4MDEsNy45NTUyNTU4NiBDMzYuODc3Mzg4OSw3Ljg1NDk5NTUzIDM2LjkzNDk3NzcsNy43MTgwMTcwOSAzNi45MzUzODYyLDcuNTc0OTE0NzcgQzM2LjkzNTc5MDMsNy40MzE4MTI0NiAzNi44Nzg5ODAzLDcuMjk0NTA3OTIgMzYuNzc3NjQyNiw3LjE5MzY2ODIyIEwzNi43Nzg3MjM4LDcuMTkzNjY4MjIgWiBNMzcuNDI3NDUxLDEuMDgwMzgzNTkgTDI1LjU0MDYwNiwxLjA4MDM4MzU5IEMyNS4yNDMwNTUzLDEuMDgwOTgzNDQgMjUuMDAxMTkyLDAuODQwMDk4MjI5IDI1LDAuNTQxOTYzODYxIEMyNSwwLjI0NTEyODg0OCAyNS4yNDIxOTE1LDAuMDAzNTQ0MTM2OCAyNS41NDA2MDYsMC4wMDM1NDQxNTA1NSBMMzcuNDI3NDUxLDAuMDAzNTQ0MTUwNTUgQzM3LjYyNzU2NzcsLTAuMDA5MTgxODgxNDEgMzcuODE4MTY0NiwwLjA5MDU2NjQ5OTIgMzcuOTIyMDcwNSwwLjI2MjQwMTkxIEMzOC4wMjU5NzY1LDAuNDM0MjM3MzIxIDM4LjAyNTk3NjUsMC42NDk2OTA0MTUgMzcuOTIyMDcwNSwwLjgyMTUyNTgyNiBDMzcuODE4MTY0NiwwLjk5MzM2MTIzNiAzNy42Mjc1Njc3LDEuMDkzMTA5NjIgMzcuNDI3NDUxLDEuMDgwMzgzNTkgWicgaWQ9J+W9oueKticgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMzEuNTAwMDAwLCA3LjAwMjQ1Nykgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMzEuNTAwMDAwLCAtNy4wMDI0NTcpICc+PC9wYXRoPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+\" style=\"width: 15px; height: 14px; display: block;\" />\r\n        </span>\r\n      </button>\r\n      <!-- {{localizeService.getValue('ideCmp.schemaManager.columnOption.btnRight')}} -->\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"f-utils-fill-flex-row\">\r\n  <div (resized)=\"onResized($event)\"\r\n    [class]=\"colInfoChanged == true ? 'colInfoDisplay1 d-flex flex-row flex-fill farris-overflow-hidden' : 'colInfoDisplay2 d-flex flex-row flex-fill farris-overflow-hidden'\">\r\n    <farris-treetable #schemaTree [columns]=\"cols\" class=\"w-100\" [data]=\"schemaTreeData\" [idField]=\"'id'\"\r\n      [keepSelect]=\"false\" [fit]=\"true\" [showCheckAll]=\"false\" [resizableColumns]=\"true\" [showHeader]=\"true\"\r\n      [striped]=\"false\" [fixedHeader]=\"true\" [width]=\"size.width\" [height]=\"size.height\"\r\n      (nodeSelected)=\"handleTreeNodeSelected($event)\" (nodeUnSelect)=\"handleTreeNodeUnSelected($event)\">\r\n      <!-- <tt-column [field]=\"'name'\" [width]=\"100\" [align]=\"'left'\" [hAlign]=\"'center'\"></tt-column> -->\r\n    </farris-treetable>\r\n    <ng-template #nameCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{ctx.node.data['name']}}</span>\r\n      <input-group *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" [(ngModel)]=\"ctx.node.data['name']\"></input-group>\r\n    </ng-template>\r\n    <ng-template #bindFieldCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{ctx.node.data['bindField']}}</span>\r\n      <farris-combo-list *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" [(ngModel)]=\"ctx.node.data['bindField']\" [textField]=\"'name'\" [idField]=\"'value'\" (ngModelChange)=\"handleNgModelChange(ctx.node)\"\r\n        [data]=\"colListData\" [enableClear]=\"false\"></farris-combo-list>\r\n    </ng-template>\r\n    <ng-template #colAlignCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{getAlignName(ctx.node.data['align'])}}</span>\r\n      <farris-combo-list *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" [(ngModel)]=\"ctx.node.data['align']\" [data]=\"alignData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n    </ng-template>\r\n    <ng-template #colWidthCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{ctx.node.data['colWidth']}}</span>\r\n      <farris-number-spinner *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" [(ngModel)]=\"ctx.node.data['colWidth']\" [min]=\"1\" (ngModelChange)=\"handleNgModelChange(ctx.node)\">\r\n      </farris-number-spinner>\r\n    </ng-template>\r\n    <ng-template #visibleCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{ctx.node.data['visible']}}</span>\r\n      <div *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" class=\"farris-input-wrap farris-checkradio-hor\">\r\n        <div class=\"custom-control custom-checkbox mb-0\">\r\n          <input type=\"checkbox\" [(ngModel)]=\"ctx.node.data['visible']\" class=\"custom-control-input\"\r\n            id=\"{{colVisibleId + ctx.node.id}}\" checked=\"\" (click)=\"handleIsGroupClick(ctx.node.data)\">\r\n          <label class=\"custom-control-label\" for=\"{{colVisibleId + ctx.node.id}}\"></label>\r\n          <!-- {{localizeService.getValue('ideCmp.schemaManager.columnOption.show')}} -->\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #isFixedCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{ctx.node.data['isFixed']}}</span>\r\n      <div *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" class=\"farris-input-wrap farris-checkradio-hor\">\r\n        <div class=\"custom-control custom-checkbox mb-0\">\r\n          <input type=\"checkbox\" [(ngModel)]=\"ctx.node.data['isFixed']\" class=\"custom-control-input\"\r\n            id=\"{{colFixedId + ctx.node.id}}\" checked=\"\">\r\n          <label class=\"custom-control-label\" for=\"{{colFixedId + ctx.node.id}}\"></label>\r\n          <!-- {{localizeService.getValue('ideCmp.schemaManager.columnOption.fixColumn')}} -->\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #autoFixCell let-ctx>\r\n      <span *ngIf=\"findEditable(ctx.node.data['id']) ? !findEditable(ctx.node.data['id']).editable : false\">{{getComboboxName(0, !ctx.node.data['autoFit'] && !ctx.node.data['wordWrap'] ? -1 : ctx.node.data['autoFit'] ? 1 : 2)}}</span>\r\n      <farris-combo-list *ngIf=\"findEditable(ctx.node.data['id']) ? findEditable(ctx.node.data['id']).editable : false\" (ngModelChange)=\"handleNgModelChange(ctx.node)\"\r\n        [ngModel]=\"!ctx.node.data['autoFit'] && !ctx.node.data['wordWrap'] ? -1 : ctx.node.data['autoFit'] ? 1 : 2\"\r\n        [textField]=\"'name'\" [idField]=\"'value'\" [data]=\"dataShowOption\" [enableClear]=\"false\"\r\n        (valueChange)=\"onValueChange($event)\"></farris-combo-list>\r\n    </ng-template>\r\n  </div>\r\n  <div [class]=\"colInfoChanged == false ? 'colInfoDisplay1 d-flex flex-row flex-fill' : 'colInfoDisplay2 d-flex flex-row flex-fill'\">\r\n    <perfect-scrollbar [config]=\"{}\">\r\n      <div class=\"flex-fill farris-split-section farris-overflow-hidden\">\r\n        <div class=\"col-12 farris-form farris-card-content-bg\">\r\n          <fieldSet farrisFold>\r\n            <legend class=\"ml-2 f-legend-icon f-legend-show\">\r\n              {{localizeService.getValue('ideCmp.schemaManager.columnOption.selection2')}}</legend>\r\n            <div class=\"d-flex flex-wrap mb-2\">\r\n              <!-- <div class=\"col-12 col-md-12 col-lg-12\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colAlign\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.align')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colAlign\" [(ngModel)]=\"alignSelectValue\" [data]=\"alignData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div> -->\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"controlType=='list' || controlType=='treelist'\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\"  [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{colIsRedId}}\">\r\n                      <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.isRed')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" [(ngModel)]=\"colIsRed\" class=\"custom-control-input\"\r\n                          id=\"{{colIsRedId}}\" checked=\"\">\r\n                        <label class=\"custom-control-label\" for=\"{{colIsRedId}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"type=='enum'\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\"  [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colShowType\">\r\n                      <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.showType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colShowType\" [(ngModel)]=\"showTypeSelectValue\" [textField]=\"'name'\"\r\n                        [idField]=\"'value'\" [data]=\"enumType\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colFormatType\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.formatType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colFormatType\" [(ngModel)]=\"formatTypeSelectValue\" [data]=\"formatTypeData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"formatTypeSelectValue==1\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colNumFormat\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.numberFormat')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <input-group [(ngModel)]=\"formatText\" id=\"colNumFormat\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"formatTypeSelectValue==1 && controlType != 'crosstab'\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colNumFormat\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.numberField')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list [(ngModel)]=\"formatField\" [textField]=\"'name'\" [idField]=\"'value'\"\r\n                        [data]=\"colListData\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"formatTypeSelectValue==2\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colDateFormat\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.dateFormat')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <input-group [(ngModel)]=\"formatText\" id=\"colDateFormat\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"formatTypeSelectValue==3\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colLogicFormat\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.enumFormat')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <input-group [(ngModel)]=\"formatText\" id=\"colLogicFormat\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"controlType!='crosstab'\">\r\n                <!-- || (controlType=='crosstab' && (dimensionSelectValue ===1 || dimensionSelectValue ===3)) -->\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colSort\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.sort')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colSort\" [(ngModel)]=\"sortSelectValue\" [data]=\"sortData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"(controlType!='crosstab' && controlType!='treelist' && isOrNotPaging)\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colPageText\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.pageTotal')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <input-group [(ngModel)]=\"pageText\" id=\"colPageText\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"(controlType!='crosstab' && controlType!='treelist' && isOrNotPaging)\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colPageAggre\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.pageTotalType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colPageAggre\" [(ngModel)]=\"pageSelectValue\" [data]=\"aggreData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"controlType=='crosstab'\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colDimension\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.dimension')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colDimension\" [(ngModel)]=\"dimensionSelectValue\" [data]=\"dimensionData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\"\r\n                *ngIf=\"(controlType!='crosstab' && controlType!='treelist') || (controlType=='crosstab' && (dimensionSelectValue ===1 || dimensionSelectValue ===2))\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{colIsGroupId}}\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.group')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" [(ngModel)]=\"colIsGroup\" class=\"custom-control-input\"\r\n                          id=\"{{colIsGroupId}}\" checked=\"\">\r\n                        <label class=\"custom-control-label\" for=\"{{colIsGroupId}}\"\r\n                          (click)=\"handleIsGroupClick('')\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"controlType=='crosstab' && dimensionSelectValue ===1 \">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"button-search\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.groupColor')}}:</span>\r\n                    </label>\r\n                    <button class=\"k-button k-button-icon k-flat\" id=\"button-search\" [(colorPicker)]=\"rowColor\"\r\n                      [cpOKButton]=\"true\" [cpCancelButton]=\"true\">\r\n                      <span [style.border-bottom-color]=\"rowColor\" class=\"k-icon k-i-foreground-color\"\r\n                        style=\"border-bottom-width: 2px; border-bottom-style: solid; margin-top: -2px;\"\r\n                        role=\"presentation\"></span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\"\r\n                *ngIf=\"(controlType!='crosstab' && controlType!='treelist') || (controlType=='crosstab' && dimensionSelectValue ===3 )\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colGroupText\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.groupTotal')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <input-group [(ngModel)]=\"groupText\" id=\"colGroupText\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\"\r\n                *ngIf=\"(controlType!='crosstab' && controlType!='treelist')\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colGroupAggre\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.groupSubTotalType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colGroupAggre\" [disabled]=\"colIsGroup\" [(ngModel)]=\"groupSubSelectValue\"\r\n                        [data]=\"aggreData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                      </farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\"\r\n                *ngIf=\"(controlType!='crosstab' && controlType!='treelist') || (controlType=='crosstab' && dimensionSelectValue ===3)\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colGroupAggre\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.groupTotalType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colGroupAggre\" [disabled]=\"colIsGroup\" [(ngModel)]=\"groupSelectValue\"\r\n                        [data]=\"aggreData\" [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\">\r\n                      </farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\"\r\n                *ngIf=\"(controlType!='crosstab' && !isOrNotPaging) || (controlType=='crosstab' && dimensionSelectValue ===3) \">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colTotalText\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.aggregateTotal')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <input-group [(ngModel)]=\"totalText\" id=\"colTotalText\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12 col-md-12 col-lg-12\"\r\n                *ngIf=\"(controlType!='crosstab' && !isOrNotPaging) || (controlType=='crosstab' && dimensionSelectValue ===3)\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"colTotalAggre\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.columnOption.totalType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"colTotalAggre\" [(ngModel)]=\"totalSelectValue\" [data]=\"aggreData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </fieldSet>\r\n        </div>\r\n      </div>\r\n    </perfect-scrollbar>\r\n  </div>\r\n</div>\r\n","styles":[".column-editor-header{height:2.875rem;min-height:2.875rem;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.06)}.parentContent{position:absolute;top:46px;bottom:0;left:0;right:0}.colInfoDisplay1{display:block!important}.colInfoDisplay2{display:none!important}"]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"colList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"colToolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["colToolbar"]}]}],"schemaTree":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["schemaTree"]}]}],"nameCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["nameCell"]}]}],"bindFieldCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["bindFieldCell"]}]}],"colWidthCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["colWidthCell"]}]}],"colAlignCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["colAlignCell"]}]}],"visibleCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["visibleCell"]}]}],"isFixedCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["isFixedCell"]}]}],"autoFixCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["autoFixCell"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":141,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleAddTreeNode":[{"__symbolic":"method"}],"handleRemoveTreeNode":[{"__symbolic":"method"}],"handleTreeNodeSelected":[{"__symbolic":"method"}],"handleTreeNodeUnSelected":[{"__symbolic":"method"}],"handleNodeUpAndDown":[{"__symbolic":"method"}],"handleNodeLeft":[{"__symbolic":"method"}],"handleNodeRight":[{"__symbolic":"method"}],"handleIsGroupClick":[{"__symbolic":"method"}],"handleVisible":[{"__symbolic":"method"}],"recursiveNodeUpAndDown":[{"__symbolic":"method"}],"recursiveNodeLeft":[{"__symbolic":"method"}],"recursiveNodeRight":[{"__symbolic":"method"}],"initColInfo":[{"__symbolic":"method"}],"handleWrap":[{"__symbolic":"method"}],"updateColInfo":[{"__symbolic":"method"}],"findTreeNodeById":[{"__symbolic":"method"}],"recursiveInitTreeData":[{"__symbolic":"method"}],"initColListData":[{"__symbolic":"method"}],"recursiveInitColListData":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"getColumnOption":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"handleInfoChanged":[{"__symbolic":"method"}],"handleNgModelChange":[{"__symbolic":"method"}],"getComboboxName":[{"__symbolic":"method"}],"getAlignName":[{"__symbolic":"method"}],"findEditable":[{"__symbolic":"method"}],"recursiveGetTreeNodes":[{"__symbolic":"method"}],"objectCopy":[{"__symbolic":"method"}],"handlePagingModeChanged":[{"__symbolic":"method"}]}},"TitleEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"title-editor","template":"<div class=\"d-flex flex-column flex-fill position-relative h-100 m-0\">\r\n  <div class=\"farris-group-wrap form-inline farris-form-inline m-2\">\r\n    <div class=\"form-group farris-group-wrap mb-0\">\r\n      <label class=\"mr-2\" for=\"titleID\">\r\n        <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.titleOption.title')}}:</span>\r\n      </label>\r\n      <div class=\"farris-input-wrap\">\r\n        <input-group  id=\"titleID\" [(ngModel)]=\"title\" ></input-group>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"table-header\">\r\n    <table class=\"table table-bordered mb-0\">\r\n      <colgroup>\r\n        <col *ngFor=\"let s of columnSizeData\" [style.width]=\" s + 'px'\">\r\n      </colgroup>\r\n      <thead>\r\n        <tr>\r\n          <th>\r\n            <button type=\"button\" (click)=\"onAddSubTitle()\" class=\"btn btn-link\" style=\"color: black;\"><span\r\n                class=\"f-icon f-icon-plus\"></span></button>\r\n          </th>\r\n          <th><b>{{localizeService.getValue('ideCmp.schemaManager.titleOption.subTitleColumnName')[0]}}</b></th>\r\n          <th><b>{{localizeService.getValue('ideCmp.schemaManager.titleOption.subTitleColumnName')[1]}}</b></th>\r\n          <th><b>{{localizeService.getValue('ideCmp.schemaManager.titleOption.subTitleColumnName')[2]}}</b></th>\r\n          <th><b>{{localizeService.getValue('ideCmp.schemaManager.titleOption.subTitleColumnName')[3]}}</b></th>\r\n        </tr>\r\n      </thead>\r\n    </table>\r\n  </div>\r\n  <perfect-scrollbar [config]=\"{}\" [style.height.px]=\"205\">\r\n    <div class=\"table-body flex-fill\" style=\"overflow: hidden\" #tablebodybox>\r\n      <table class=\"table table-bordered\">\r\n        <colgroup>\r\n          <col *ngFor=\"let s of columnSizeData\" [style.width.px]=\"s\">\r\n        </colgroup>\r\n        <tbody>\r\n          <tr *ngFor=\"let sub of subTitles; let index=index;\" (click)=\"selected({'index':index, 'sub': sub})\"\r\n            [class.selected]=\"isSelected(index)\">\r\n            <td>\r\n              <button type=\"button\" (click)=\"insertSubTitle(index)\" class=\"btn btn-link\" style=\"color: black;\"><span\r\n                  class=\"f-icon f-icon-plus\"></span></button>\r\n              <button type=\"button\" (click)=\"removeSubTitle(index)\" class=\"btn btn-link\" style=\"color: black;\"><span\r\n                  class=\"f-icon f-icon-minus\"></span></button>\r\n            </td>\r\n            <td>\r\n              <select class=\"form-control filter-select\" [(ngModel)]=\"sub.type\" name=\"subType\">\r\n                <option *ngFor=\"let item of subTitleType\" [value]=\"item.value\">{{ item.label }}</option>\r\n              </select>\r\n            </td>\r\n            <td>\r\n              <farris-combo-list [(ngModel)]=\"sub.text\" [data]=\"alignData\" [textField]=\"'name'\" [idField]=\"'value'\" [nosearch]=\"true\" [editable]=\"true\"></farris-combo-list>\r\n              <!-- <input-group type=\"text\" style=\"width:100%\" placeholder=\"\" name=\"value\"\r\n                [(ngModel)]=\"sub.text\"></input-group> -->\r\n            </td>\r\n            <td>\r\n              <farris-number-spinner [(ngModel)]=\"sub.level\" [min]=\"1\" [step]=\"1\"></farris-number-spinner>\r\n            </td>\r\n            <td>\r\n              <select class=\"form-control filter-select\" [(ngModel)]=\"sub.align\" name=\"subAlign\">\r\n                <option *ngFor=\"let item of subTitleAlign\" [value]=\"item.value\">{{ item.label }}</option>\r\n              </select>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </perfect-scrollbar>\r\n</div>\r\n","styles":[".filter-select{width:100%;padding-left:0;padding-right:0}.selected{background:#c2e4ff}:host{position:absolute;top:0;left:0;right:0;bottom:0}"]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"insertSubTitle":[{"__symbolic":"method"}],"removeSubTitle":[{"__symbolic":"method"}],"onAddSubTitle":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"getTitleOption":[{"__symbolic":"method"}]}},"StyleEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"style-editor","template":"<div class=\"d-flex flex-column flex-fill h-100\">\r\n  <div class=\"f-utils-fill-flex-column\">\r\n    <div class=\"f-utils-fill-flex-column\">\r\n      <div class=\"mx-2 row no-gutters\">\r\n        <div class=\"col-9 col-md-9 col-lg-9\">\r\n          <div class=\"farris-group-wrap\">\r\n            <div class=\"form-group farris-form-group d-flex flex-column h-100\">\r\n              <label class=\"col-form-label\" for=\"fontBanner\" style=\"width: 5rem; min-width: 5rem;\">\r\n                <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.styleOption.column')}}:</span>\r\n              </label>\r\n              <div class=\"farris-input-wrap\">\r\n                <button class=\"btn mr-1\" [class.btn-primary]=\"titleActive\" [class.btn-secondary]=\"!titleActive\" (click)=\"handleTitleBtn()\"\r\n                  id=\"button-edit\">\r\n                  {{localizeService.getValue('ideCmp.schemaManager.styleOption.styleTitle')}}</button>\r\n                <button class=\"btn mr-1\" [class.btn-primary]=\"subTitleActive\" [class.btn-secondary]=\"!subTitleActive\"\r\n                  (click)=\"handleSubTitleBtn()\" id=\"button-edit\">\r\n                  {{localizeService.getValue('ideCmp.schemaManager.styleOption.styleSubTitle')}}</button>\r\n                <button class=\"btn mr-1\" [class.btn-primary]=\"headerActive\" [class.btn-secondary]=\"!headerActive\"\r\n                  (click)=\"handleHeaderBtn()\" id=\"button-edit\">\r\n                  {{localizeService.getValue('ideCmp.schemaManager.styleOption.styleHeader')}}</button>\r\n                <button class=\"btn mr-1\" [class.btn-primary]=\"dataAreaActive\" [class.btn-secondary]=\"!dataAreaActive\"\r\n                  (click)=\"handleDataAreaBtn()\" id=\"button-edit\">\r\n                  {{localizeService.getValue('ideCmp.schemaManager.styleOption.styleBody')}}</button>\r\n                <button class=\"btn\" [class.btn-primary]=\"footerActive\" [class.btn-secondary]=\"!footerActive\" (click)=\"handleFooterBtn()\"\r\n                  id=\"button-edit\">\r\n                  {{localizeService.getValue('ideCmp.schemaManager.styleOption.styleFooter')}}</button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-3 col-md-3 col-lg-3\">\r\n          <div class=\"form-group farris-form-group\">\r\n            <label class=\"col-form-label\" for=\"rowHeight\">\r\n              <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.styleOption.rowHeight')}}:</span>\r\n            </label>\r\n            <div class=\"farris-input-wrap\">\r\n              <farris-number-spinner id=\"rowHeight\" [(ngModel)]=\"rowHeight\" [min]=\"1\">\r\n              </farris-number-spinner>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"mx-2 row no-gutters\">\r\n        <div class=\"col-4 col-md-4 col-lg-4\">\r\n          <div class=\"form-group farris-form-group\">\r\n            <label class=\"col-form-label\" for=\"rowHeight\">\r\n              <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.styleOption.textStyle')}}:</span>\r\n            </label>\r\n            <div class=\"farris-input-wrap\">\r\n                <farris-combo-list [editable]=\"true\" [autoWidth]=\"false\" [(ngModel)]=\"fontFamily\" [data]=\"fontFamilyData\"\r\n                  [textField]=\"'name'\" [idField]=\"'value'\"></farris-combo-list>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-4 col-md-4 col-lg-4\">\r\n          <div class=\"form-group farris-form-group\">\r\n            <label class=\"col-form-label\" for=\"rowHeight\">\r\n              <span class=\"farris-label-text\">&nbsp;</span>\r\n            </label>\r\n            <div class=\"farris-input-wrap\">\r\n                <farris-combo-list style=\"width: 20%\" [editable]=\"true\" [autoWidth]=\"false\" [(ngModel)]=\"fontSize\"\r\n                  [data]=\"fontSizeData\" [textField]=\"'name'\" [idField]=\"'value'\"></farris-combo-list>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-4 col-md-4 col-lg-4\">\r\n          <div class=\"form-group farris-form-group\">\r\n            <label class=\"col-form-label\" for=\"rowHeight\">\r\n              <span class=\"farris-label-text\">&nbsp;</span>\r\n            </label>\r\n            <div class=\"farris-input-wrap\">\r\n              <button class=\"k-button k-button-icon k-flat\" id=\"button-search\" (click)=\"handleWeight()\">\r\n                <span class=\"k-icon k-i-bold\" role=\"presentation\"></span>\r\n              </button>\r\n              <button class=\"k-button k-button-icon k-flat\" id=\"button-search\" (click)=\"handleStyle()\">\r\n                <span class=\"k-icon k-i-italic\" role=\"presentation\"></span>\r\n              </button>\r\n              <button class=\"k-button k-button-icon k-flat\" id=\"button-search\" (click)=\"handleUnderLine()\">\r\n                <span class=\"k-icon k-i-underline\" role=\"presentation\"></span>\r\n              </button>\r\n              <button class=\"k-button k-button-icon k-flat\" id=\"button-search\" [(colorPicker)]=\"fontColor\"\r\n                [cpOKButton]=\"true\" [cpCancelButton]=\"true\">\r\n                <span [style.border-bottom-color]=\"fontColor\" class=\"k-icon k-i-foreground-color\"\r\n                  style=\"border-bottom-width: 2px; border-bottom-style: solid; margin-top: -2px;\"\r\n                  role=\"presentation\"></span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex-fill position-relative\">\r\n        <div class=\"d-flex flex-row\"\r\n          style=\"margin-bottom: .375rem; position: absolute; top: 0; bottom: 0; left: 10px; right: 10px;\">\r\n          <fieldSet style=\"border: 1px solid #aaa !important; width: 100% !important;\">\r\n            <legend class=\"ml-2 p-0\">{{localizeService.getValue('ideCmp.schemaManager.styleOption.preview')}}</legend>\r\n            <div class=\"d-flex flex-wrap mb-2\" style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0;\">\r\n              <span class=\"preview-span\" [style.text-decoration]=\"fontUnderLine\" [style.font-style]=\"fontStyle\"\r\n                [style.font-weight]=\"fontWeight\" [style.font-family]=\"getFontFamily(fontFamily)\"\r\n                [style.color]=\"fontColor\" [style.font-size.pt]=\"fontSize\">AaBbYyZz</span>\r\n            </div>\r\n          </fieldSet>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".preview-span{width:100%!important;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;position:absolute}"]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":55,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"handleTitleBtn":[{"__symbolic":"method"}],"handleSubTitleBtn":[{"__symbolic":"method"}],"handleHeaderBtn":[{"__symbolic":"method"}],"handleDataAreaBtn":[{"__symbolic":"method"}],"handleFooterBtn":[{"__symbolic":"method"}],"handleWeight":[{"__symbolic":"method"}],"handleStyle":[{"__symbolic":"method"}],"handleUnderLine":[{"__symbolic":"method"}],"getStyleOption":[{"__symbolic":"method"}],"initStyleOption":[{"__symbolic":"method"}],"updateStyleOption":[{"__symbolic":"method"}],"getFontFamily":[{"__symbolic":"method"}]}},"OtherEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"other-editor","template":"<perfect-scrollbar [config]=\"{}\" [style.height.px]=\"size.height\">\r\n  <div class=\"flex-fill farris-split-section farris-overflow-hidden\">\r\n    <div class=\"farris-form farris-card-content-bg\">\r\n      <div class=\"d-flex flex-column flex-fill\" (resized)=\"onResized($event)\">\r\n        <div class=\"form-row m-0\">\r\n          <fieldSet farrisFold>\r\n            <legend class=\"ml-2 f-legend-icon f-legend-show\">\r\n              {{localizeService.getValue('ideCmp.schemaManager.otherOption.selection')}}</legend>\r\n            <div class=\"d-flex flex-wrap mb-2\">\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"true\">\r\n                <!-- controlType!='crosstab' -->\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{isCache}}\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.dataCache')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{isCache}}\" [(ngModel)]=\"dataCache\">\r\n                        <label class=\"custom-control-label\" for=\"{{isCache}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"true\">\r\n                <!-- controlType!='crosstab' -->\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{firstLoadId}}\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.firstLoad')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{firstLoadId}}\"\r\n                          [(ngModel)]=\"firstLoad\">\r\n                        <label class=\"custom-control-label\" for=\"{{firstLoadId}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"controlType!=='crosstab'\">\r\n                <!-- controlType!='crosstab' -->\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{filterRowId}}\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.filterRow')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{filterRowId}}\"\r\n                          [(ngModel)]=\"showFilterRow\">\r\n                        <label class=\"custom-control-label\" for=\"{{filterRowId}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"controlType!=='crosstab'\">\r\n                <!-- controlType!='crosstab' -->\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{showHeaderSortId}}\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.showHeaderSort')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{showHeaderSortId}}\"\r\n                          [(ngModel)]=\"showHeaderSort\">\r\n                        <label class=\"custom-control-label\" for=\"{{showHeaderSortId}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"controlType==='list'\">\r\n                <!-- controlType!='crosstab' -->\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{mergeCellId}}\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.mergeCell')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" class=\"custom-control-input\" id=\"{{mergeCellId}}\"\r\n                          [(ngModel)]=\"mergeCell\">\r\n                        <label class=\"custom-control-label\" for=\"{{mergeCellId}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"controlType!=='crosstab'\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\"  [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"{{isShowZero}}\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.showZero')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                      <div class=\"custom-control custom-checkbox mb-0\">\r\n                        <input type=\"checkbox\" [(ngModel)]=\"showZero\" class=\"custom-control-input\" id=\"{{isShowZero}}\" checked=\"\">\r\n                          <label class=\"custom-control-label\" for=\"{{isShowZero}}\"></label>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"controlType=='list'\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"pageType\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.pageType')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"pageType\" [(ngModel)]=\"pageTypeSelectValue\" [data]=\"pageTypeData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\" (valueChange)=\"handlePagingChanged($event)\"></farris-combo-list>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"controlType=='list' && pageTypeSelectValue === 1\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"pageSize\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.pageSize')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-number-spinner [(ngModel)]=\"pageSizeData\" [min]=\"1\" [step]=\"1\" [max]=\"5000\"></farris-number-spinner>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-7 col-md-7 col-lg-7\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"delay\" style=\"width: 10rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.delay')}}(s):</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-number-spinner [(ngModel)]=\"delay\" [min]=\"0\"></farris-number-spinner>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-7 col-md-7 col-lg-7\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"interval\" style=\"width: 10rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.timing')}}(s):</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-number-spinner [(ngModel)]=\"interval\" [min]=\"0\"></farris-number-spinner>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-7 col-md-7 col-lg-7\">\r\n                <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"range\" style=\"width: 8rem; min-width: 8rem;\">\r\n                      <span\r\n                        class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.export')}}:</span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                      <farris-combo-list id=\"range\" [(ngModel)]=\"rangeSelectValue\" [data]=\"rangeData\"\r\n                        [textField]=\"'name'\" [idField]=\"'value'\"></farris-combo-list>\r\n                    </div>\r\n                    <div class=\"farris-input-wrap\" *ngIf=\"rangeSelectValue===2\">\r\n                      <input-group class=\"form-control\" [(ngModel)]=\"rangeValue\" id=\"rangeValue\"></input-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </fieldSet>\r\n        </div>\r\n        <!-- || controlType=='crosstab' -->\r\n        <fieldSet farrisFold *ngIf=\"controlType=='treelist' || controlType=='crosstab'\">\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">\r\n            {{localizeService.getValue('ideCmp.schemaManager.otherOption.treeInfo')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <!-- <div class=\"col-7 col-md-7 col-lg-7\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\"  [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"{{isExpand}}\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.expand')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap farris-checkradio-hor\">\r\n                    <div class=\"custom-control custom-checkbox mb-0\">\r\n                      <input type=\"checkbox\" [(ngModel)]=\"expand\" class=\"custom-control-input\" id=\"{{isExpand}}\" checked=\"\">\r\n                        <label class=\"custom-control-label\" for=\"{{colVisibleId}}\"></label>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"col-7 col-md-7 col-lg-7\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"treeInfoSelect\" style=\"width: 8rem; min-width: 8rem;\">\r\n                    <span\r\n                      class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.treeInfoType')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"treeInfoSelect\" [(ngModel)]=\"treeInfoSelectValue\" [data]=\"treeInfoData\"\r\n                      [textField]=\"'name'\" [idField]=\"'value'\" [enableClear]=\"false\"></farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"treeInfoSelectValue==0 || treeInfoSelectValue=='0'\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"pathField\" style=\"width: 8rem; min-width: 8rem;\">\r\n                    <span\r\n                      class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.pathField')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <input-group id=\"pathField\" [(ngModel)]=\"pathField\"></input-group>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"treeInfoSelectValue==0 || treeInfoSelectValue=='0'\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"pathStep\" style=\"width: 8rem; min-width: 8rem;\">\r\n                    <span\r\n                      class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.pathStep')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"pathStep\" [(ngModel)]=\"pathStep\" [min]=\"0\">\r\n                    </farris-number-spinner>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"treeInfoSelectValue==1 || treeInfoSelectValue=='1'\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"idField\" style=\"width: 8rem; min-width: 8rem;\">\r\n                    <span\r\n                      class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.idField')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <input-group id=\"idField\" [(ngModel)]=\"idField\"></input-group>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-7 col-md-7 col-lg-7\" *ngIf=\"treeInfoSelectValue==1 || treeInfoSelectValue=='1'\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"parentField\" style=\"width: 8rem; min-width: 8rem;\">\r\n                    <span\r\n                      class=\"farris-label-text\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.parentField')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <input-group id=\"parentField\" [(ngModel)]=\"parentField\"></input-group>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n\r\n        <fieldSet *ngIf=\"controlType=='crosstab'\" farrisFold>\r\n          <legend class=\"ml-2 f-legend-icon f-legend-show\">\r\n            {{localizeService.getValue('ideCmp.schemaManager.otherOption.groupOption')}}</legend>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap\" [class.form-inline]=\"formInline\" [class.farris-form-inline]=\"formInline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <div class=\"custom-control custom-checkbox mb-0\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"rowGroup\" class=\"custom-control-input\" id=\"{{isRowGroup}}\" checked=\"\">\r\n                    <label class=\"custom-control-label\"\r\n                      for=\"{{isRowGroup}}\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.rowSubtotal')}}</label>\r\n                  </div>\r\n                  <div class=\"custom-control custom-checkbox mb-0\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"colGroup\" class=\"custom-control-input\" id=\"{{isColGroup}}\" checked=\"\">\r\n                    <label class=\"custom-control-label\"\r\n                      for=\"{{isColGroup}}\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.colSubtotal')}}</label>\r\n                  </div>\r\n                  <div class=\"custom-control custom-checkbox mb-0\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"rowSum\" class=\"custom-control-input\" id=\"{{isRowSum}}\" checked=\"\">\r\n                    <label class=\"custom-control-label\"\r\n                      for=\"{{isRowSum}}\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.rowTotal')}}</label>\r\n                  </div>\r\n                  <div class=\"custom-control custom-checkbox mb-0\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"colSum\" class=\"custom-control-input\" id=\"{{isColSum}}\" checked=\"\">\r\n                    <label class=\"custom-control-label\"\r\n                      for=\"{{isColSum}}\">{{localizeService.getValue('ideCmp.schemaManager.otherOption.colTotal')}}</label>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</perfect-scrollbar>\r\n","styles":[""]}]}],"members":{"currSchema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":69,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getOtherOption":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"handlePagingChanged":[{"__symbolic":"method"}]}},"PrintIntegrationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"print-integration","template":"<div class=\"btn-group\" fDropdown>\r\n  <button id=\"printBtn\" class=\"btn btn-secondary btn-outline-link btn-icontext f-rt-btn f-btn-ml border-0\" type=\"button\" (click)=\"handleDialogShow()\" (mouseenter)=\"handleHover(0, 0)\" (mouseleave)=\"handleHover(0, 1)\">\r\n    <span class=\"f-icon\" role=\"presentation\">\r\n      <img *ngIf=\"svgPrint\" src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMThweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTggMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPmRheWluPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZGVmcz48cGF0aCBkPSdNMTQuNjI1LDEzLjgyMTU1IEwxNC42MjUsMTcuMSBMMy4zNzUsMTcuMSBMMy4zNzUsMTMuODIxNTUgTDAsMTMuODIxNTUgTDAsNi43MTgwOTk5OSBDMCw2LjU3MzYgMC4wNTk0LDYuNDM0MTk5OTkgMC4xNjQ3LDYuMzMxMzUgQzAuMjY4OTQyOTk5LDYuMjI5NDQxNTEgMC40MTI0Njc5MzksNi4xNzE3ODYxOSAwLjU2MjUwMDAwNyw2LjE3MTU1MDAxIEwxNy40Mzc1LDYuMTcxNTUwMDEgQzE3LjU4NjksNi4xNzE1NTAwMSAxNy43Myw2LjIyOTM1IDE3LjgzNTMsNi4zMzEzNSBDMTcuOTQwNiw2LjQzMzM1IDE4LDYuNTcyNzQ5OTkgMTgsNi43MTgwOTk5OSBMMTgsMTMuODIxNTUgTDE0LjYyNSwxMy44MjE1NSBaIE01LjYyNSwxMS42MzUzNSBMNS42MjUsMTQuOTE0NjUgTDEyLjM3NSwxNC45MTQ2NSBMMTIuMzc1LDExLjYzNDUgTDUuNjI1LDExLjYzNDUgTDUuNjI1LDExLjYzNTM1IFogTTE1LjE4NzUsMTAuMDA5MyBDMTUuNDg1NCwxMC4wMDkzIDE1Ljc3MjUsOS44OTQ1NTAwMSAxNS45ODMxLDkuNjg5NyBDMTYuMTkzNyw5LjQ4NDg0OTk5IDE2LjMxMjUsOS4yMDY4OTk5OSAxNi4zMTI1LDguOTE2MTk5OTkgQzE2LjMxMjUsOC42MjcxOTk5OSAxNi4xOTM3LDguMzQ5MjQ5OTkgMTUuOTgzMSw4LjE0MzU0OTk5IEMxNS43NzQ1NTQ0LDcuOTM5ODE0ODIgMTUuNDg3NTQzLDcuODI0NTE5NjQgMTUuMTg3NSw3LjgyMzk1MDAxIEMxNC44ODk2LDcuODIzOTUwMDEgMTQuNjAyNSw3LjkzODcwMDAxIDE0LjM5MTksOC4xNDM1NDk5OSBDMTQuMTc5NzgwMSw4LjM1MTEyMDg2IDE0LjA2MTYyNTUsOC42Mjg1NzI0NSAxNC4wNjI0OTUyLDguOTE3MDUgQzE0LjA2MjQ5NTIsOS4yMDYwNTAwMSAxNC4xODEzLDkuNDg0ODQ5OTkgMTQuMzkxOSw5LjY4OTcgQzE0LjYwMzQsOS44OTM3IDE0Ljg4OTYsMTAuMDA5MyAxNS4xODc1LDEwLjAwOTMgTDE1LjE4NzUsMTAuMDA5MyBaJyBpZD0ncGF0aC0xJz48L3BhdGg+PC9kZWZzPjxnIGlkPSfpobXpnaItMScgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J+S6pOS6kuaWueahiDEt5bi46KeE5oCB5aSH5Lu9JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTYxLjAwMDAwMCwgLTE5NS4wMDAwMDApJz48ZyBpZD0n57yW57uELTE1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg2LjAwMDAwMCwgMTgyLjAwMDAwMCknPjxnIGlkPSfnvJbnu4QtMTQnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE1NS4wMDAwMDAsIDEyLjAwMDAwMCknPjxnIGlkPSfnvJbnu4QtMTblpIfku70nPjxtYXNrIGlkPSdtYXNrLTInIGZpbGw9J3doaXRlJz48dXNlIHhsaW5rOmhyZWY9JyNwYXRoLTEnPjwvdXNlPjwvbWFzaz48dXNlIGlkPSflvaLnirYnIGZpbGw9JyM4QTk4QkUnIHhsaW5rOmhyZWY9JyNwYXRoLTEnPjwvdXNlPjwvZz48cGF0aCBkPSdNMy44MjUsMS44IEwxNC4xNzUsMS44IEMxNC40MjM1MjgxLDEuOCAxNC42MjUsMi4wMDE0NzE4NiAxNC42MjUsMi4yNSBMMTQuNjI1LDUuMDc4NDQ5OTkgTDE0LjYyNSw1LjA3ODQ0OTk5IEwzLjM3NSw1LjA3ODQ0OTk5IEwzLjM3NSwyLjI1IEMzLjM3NSwyLjAwMTQ3MTg2IDMuNTc2NDcxODYsMS44IDMuODI1LDEuOCBaJyBpZD0n55+p5b2iJyBmaWxsPScjN0E4OUIyJyBvcGFjaXR5PScwLjUnPjwvcGF0aD48L2c+PC9nPjwvZz48L2c+PC9zdmc+\" style=\"width: 16px; height: 16px; display: block;\" />\r\n      <img *ngIf=\"!svgPrint\" src=\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMThweCcgaGVpZ2h0PScxN3B4JyB2aWV3Qm94PScwIDAgMTggMTcnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPmRheWluMjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGRlZnM+PHBhdGggZD0nTTE0LjYyNSwxMy44MjE1NSBMMTQuNjI1LDE3LjEgTDMuMzc1LDE3LjEgTDMuMzc1LDEzLjgyMTU1IEwwLDEzLjgyMTU1IEwwLDYuNzE4MDk5OTkgQzAsNi41NzM2IDAuMDU5NCw2LjQzNDE5OTk5IDAuMTY0Nyw2LjMzMTM1IEMwLjI2ODk0Mjk5OSw2LjIyOTQ0MTUxIDAuNDEyNDY3OTM5LDYuMTcxNzg2MTkgMC41NjI1MDAwMDcsNi4xNzE1NTAwMSBMMTcuNDM3NSw2LjE3MTU1MDAxIEMxNy41ODY5LDYuMTcxNTUwMDEgMTcuNzMsNi4yMjkzNSAxNy44MzUzLDYuMzMxMzUgQzE3Ljk0MDYsNi40MzMzNSAxOCw2LjU3Mjc0OTk5IDE4LDYuNzE4MDk5OTkgTDE4LDEzLjgyMTU1IEwxNC42MjUsMTMuODIxNTUgWiBNNS42MjUsMTEuNjM1MzUgTDUuNjI1LDE0LjkxNDY1IEwxMi4zNzUsMTQuOTE0NjUgTDEyLjM3NSwxMS42MzQ1IEw1LjYyNSwxMS42MzQ1IEw1LjYyNSwxMS42MzUzNSBaIE0xNS4xODc1LDEwLjAwOTMgQzE1LjQ4NTQsMTAuMDA5MyAxNS43NzI1LDkuODk0NTUwMDEgMTUuOTgzMSw5LjY4OTcgQzE2LjE5MzcsOS40ODQ4NDk5OSAxNi4zMTI1LDkuMjA2ODk5OTkgMTYuMzEyNSw4LjkxNjE5OTk5IEMxNi4zMTI1LDguNjI3MTk5OTkgMTYuMTkzNyw4LjM0OTI0OTk5IDE1Ljk4MzEsOC4xNDM1NDk5OSBDMTUuNzc0NTU0NCw3LjkzOTgxNDgyIDE1LjQ4NzU0Myw3LjgyNDUxOTY0IDE1LjE4NzUsNy44MjM5NTAwMSBDMTQuODg5Niw3LjgyMzk1MDAxIDE0LjYwMjUsNy45Mzg3MDAwMSAxNC4zOTE5LDguMTQzNTQ5OTkgQzE0LjE3OTc4MDEsOC4zNTExMjA4NiAxNC4wNjE2MjU1LDguNjI4NTcyNDUgMTQuMDYyNDk1Miw4LjkxNzA1IEMxNC4wNjI0OTUyLDkuMjA2MDUwMDEgMTQuMTgxMyw5LjQ4NDg0OTk5IDE0LjM5MTksOS42ODk3IEMxNC42MDM0LDkuODkzNyAxNC44ODk2LDEwLjAwOTMgMTUuMTg3NSwxMC4wMDkzIEwxNS4xODc1LDEwLjAwOTMgWicgaWQ9J3BhdGgtMSc+PC9wYXRoPjwvZGVmcz48ZyBpZD0n6aG16Z2iLTEnIHN0cm9rZT0nbm9uZScgc3Ryb2tlLXdpZHRoPScxJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnPjxnIGlkPSflm77moIfpgInkuK3popzoibLliIflm77lpIfku70nIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0xNjEuMDAwMDAwLCAtMTk1LjAwMDAwMCknPjxnIGlkPSfnvJbnu4QtMTUnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDYuMDAwMDAwLCAxODIuMDAwMDAwKSc+PGcgaWQ9J+e8lue7hC0xNCcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTU1LjAwMDAwMCwgMTIuMDAwMDAwKSc+PGcgaWQ9J+e8lue7hC0xNuWkh+S7vSc+PG1hc2sgaWQ9J21hc2stMicgZmlsbD0nd2hpdGUnPjx1c2UgeGxpbms6aHJlZj0nI3BhdGgtMSc+PC91c2U+PC9tYXNrPjx1c2UgaWQ9J+W9oueKticgZmlsbD0nIzU4QTFGRScgeGxpbms6aHJlZj0nI3BhdGgtMSc+PC91c2U+PC9nPjxwYXRoIGQ9J00zLjgyNSwxLjggTDE0LjE3NSwxLjggQzE0LjQyMzUyODEsMS44IDE0LjYyNSwyLjAwMTQ3MTg2IDE0LjYyNSwyLjI1IEwxNC42MjUsNS4wNzg0NDk5OSBMMTQuNjI1LDUuMDc4NDQ5OTkgTDMuMzc1LDUuMDc4NDQ5OTkgTDMuMzc1LDIuMjUgQzMuMzc1LDIuMDAxNDcxODYgMy41NzY0NzE4NiwxLjggMy44MjUsMS44IFonIGlkPSfnn6nlvaInIGZpbGw9JyM1OEExRkUnIG9wYWNpdHk9JzAuNSc+PC9wYXRoPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=\" style=\"width: 16px; height: 16px; display: block;\" />\r\n    </span>\r\n    <!-- <span *ngIf=\"isMultiForm\" class=\"f-icon f-icon-print\" role=\"presentation\"></span> -->\r\n    <span *ngIf=\"!isMultiForm\">&nbsp;{{localizeService.getValue('ideCmp.printOption.print')}}</span>\r\n  </button>\r\n</div>\r\n<farris-dialog #farrisDialog [title]=\"localizeService.getValue('ideCmp.printOption.dailogName')\" [showButtons]=\"false\" [width]=\"450\" [height]=\"220\"\r\n  [beforeClose]=\"handlebeforeClose\" (resized)=\"onResized($event)\">\r\n  <div class=\"flex-fill farris-split-section m-1 farris-overflow-hidden\">\r\n    <div class=\"farris-form farris-card-content-bg\">\r\n      <div class=\"form-row m-0\">\r\n        <fieldSet farrisFold>\r\n          <div class=\"d-flex flex-wrap mb-2\">\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"distributionSelectValue\" style=\"width: 5rem; min-width: 5rem;\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.printOption.layout')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"distributionSelectValue\" [(ngModel)]=\"distributionSelectValue\"\r\n                    [data]=\"distributionData\" [textField]=\"'name'\" [idField]=\"'value'\"></farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"pageSizeSelectValue\" style=\"width: 5rem; min-width: 5rem;\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.printOption.paperSize')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"pageSizeSelectValue\" [(ngModel)]=\"pageSizeSelectValue\" [data]=\"pageSizeData\"\r\n                    [textField]=\"'name'\" [idField]=\"'value'\"></farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"marginSelectValue\" style=\"width: 5rem; min-width: 5rem;\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.printOption.margin')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-combo-list id=\"marginSelectValue\" [(ngModel)]=\"marginSelectValue\" [data]=\"marginData\"\r\n                    [textField]=\"'name'\" [idField]=\"'value'\" (valueChange)=\"onValueChange($event)\"></farris-combo-list>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\" *ngIf=\"marginSelectValue==3\">\r\n                <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                  <div class=\"form-group farris-form-group\">\r\n                    <label class=\"col-form-label\" for=\"marginSelectValue\" style=\"width: 5rem; min-width: 5rem;\">\r\n                      <span class=\"farris-label-text\"></span>\r\n                    </label>\r\n                    <div class=\"farris-input-wrap\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-4 offset-4\">\r\n                              <farris-number-spinner id=\"marginTop\" [(ngModel)]=\"marginTop\" [min]=\"0\"></farris-number-spinner>\r\n                            </div>\r\n                          </div>\r\n                          <div class=\"row p-3\">\r\n                            <div class=\"col-4\">\r\n                              <farris-number-spinner id=\"marginLeft\" [(ngModel)]=\"marginLeft\" [min]=\"0\"></farris-number-spinner>\r\n                            </div>\r\n                            <div class=\"col-4  offset-4\">\r\n                              <farris-number-spinner id=\"marginRight\" [(ngModel)]=\"marginRight\" [min]=\"0\"></farris-number-spinner>\r\n                            </div>\r\n                          </div>\r\n                          <div class=\"row\">\r\n                            <div class=\"col-4 offset-4\">\r\n                              <farris-number-spinner id=\"marginBottom\" [(ngModel)]=\"marginBottom\" [min]=\"0\"></farris-number-spinner>\r\n                            </div>\r\n                          </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12\">\r\n              <div class=\"farris-group-wrap form-inline farris-form-inline\">\r\n                <div class=\"form-group farris-form-group\">\r\n                  <label class=\"col-form-label\" for=\"zoomSize\" style=\"width: 5rem; min-width: 5rem;\">\r\n                    <span class=\"farris-label-text\">{{localizeService.getValue('ideCmp.printOption.zoom')}}:</span>\r\n                  </label>\r\n                  <div class=\"farris-input-wrap\">\r\n                    <farris-number-spinner id=\"zoomSize\" [(ngModel)]=\"zoomSize\" [min]=\"1\"></farris-number-spinner>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-12 col-lg-12 text-right\">\r\n              <button type=\"button\" class=\"btn btn-primary mr-2\" (click)=\"clickConfirm('print')\">{{localizeService.getValue('ideCmp.printOption.pdfDownload')}}</button>\r\n              <button type=\"button\" class=\"btn btn-primary\" (click)=\"clickConfirm('preview')\">{{localizeService.getValue('ideCmp.printOption.printPreview')}}</button>\r\n            </div>\r\n          </div>\r\n        </fieldSet>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</farris-dialog>\r\n","styles":[""]}]}],"members":{"queryId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"isMultiForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"printIntegration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"printPreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"queryRelativeUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"dialogBeforeClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"farrisDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["farrisDialog"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":68,"character":102}}]],"parameters":[{"__symbolic":"reference","name":"PrintIntegrationService"},{"__symbolic":"reference","module":"@ecp-caf/caf-common","name":"CacheService","line":68,"character":87},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":68,"character":131}]}],"ngOnInit":[{"__symbolic":"method"}],"handleDialogShow":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}],"clickConfirm":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"findItem":[{"__symbolic":"method"}],"handleHover":[{"__symbolic":"method"}]}},"ParasMappingService":{"__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":"@qdp/common","name":"ParasMappingManagerService","line":9,"character":43}]}],"getParasMapping":[{"__symbolic":"method"}],"saveParasMapping":[{"__symbolic":"method"}],"deleteParasMapping":[{"__symbolic":"method"}]}},"JointSearchService":{"__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":"@qdp/common","name":"JointSearchManagerService","line":9,"character":42},{"__symbolic":"reference","module":"@qdp/common","name":"LcpService","line":9,"character":89}]}],"getjointsearch":[{"__symbolic":"method"}],"savejointsearch":[{"__symbolic":"method"}],"deletejointsearch":[{"__symbolic":"method"}],"getLanguageList":[{"__symbolic":"method"}],"getCol":[{"__symbolic":"method"}]}},"SchemaService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@qdp/common","name":"SchemaManagerService","line":12,"character":37},{"__symbolic":"reference","module":"@qdp/common","name":"LcpService","line":12,"character":79}]}],"getSchemaList":[{"__symbolic":"method"}],"getSchema":[{"__symbolic":"method"}],"saveSchema":[{"__symbolic":"method"}],"deleteSchema":[{"__symbolic":"method"}],"getSpreadTemplate":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getCol":[{"__symbolic":"method"}],"getOperation":[{"__symbolic":"method"}]}},"PrintIntegrationService":{"__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":"@qdp/common","name":"PrintIntegrationManagerService","line":9,"character":47}]}],"getPrintIntegration":[{"__symbolic":"method"}],"savePrintIntegration":[{"__symbolic":"method"}],"deletPrintIntegration":[{"__symbolic":"method"}]}},"ResizedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":5,"character":22},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"ResizedDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[resized]"}]}],"members":{"resized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3},"arguments":["resized"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":5,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}]}},"IdeCmpModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":45,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"JointSearchComponent"},{"__symbolic":"reference","name":"ParasMappingComponent"},{"__symbolic":"reference","name":"PopupAnchorDirective"},{"__symbolic":"reference","name":"ChartsSchemaEditorComponent"},{"__symbolic":"reference","name":"ChartsTypeComponent"},{"__symbolic":"reference","name":"ChartsDataComponent"},{"__symbolic":"reference","name":"ChartsStyleComponent"},{"__symbolic":"reference","name":"SchemaManagerComponent"},{"__symbolic":"reference","name":"SchemaEditorComponent"},{"__symbolic":"reference","name":"ColumnEditorComponent"},{"__symbolic":"reference","name":"TitleEditorComponent"},{"__symbolic":"reference","name":"StyleEditorComponent"},{"__symbolic":"reference","name":"OtherEditorComponent"},{"__symbolic":"reference","name":"PrintIntegrationComponent"},{"__symbolic":"reference","name":"ResizedDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":66,"character":4},{"__symbolic":"reference","module":"@farris/ui-combo-list","name":"ComboListModule","line":67,"character":4},{"__symbolic":"reference","module":"@farris/ui-input-group","name":"InputGroupModule","line":68,"character":4},{"__symbolic":"reference","module":"@farris/ui-number-spinner","name":"NumberSpinnerModule","line":69,"character":4},{"__symbolic":"reference","module":"@farris/ui-dialog","name":"FarrisDialogModule","line":70,"character":4},{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyModule","line":71,"character":4},{"__symbolic":"reference","module":"@farris/ui-dropdown","name":"FDropdownDirectiveTypeModule","line":72,"character":4},{"__symbolic":"reference","module":"@farris/ui-flex-layout","name":"FlexLayoutModule","line":73,"character":4},{"__symbolic":"reference","module":"@farris/ui-treetable","name":"TreeTableModule","line":74,"character":4},{"__symbolic":"reference","module":"@farris/ui-perfect-scrollbar","name":"PerfectScrollbarModule","line":75,"character":4},{"__symbolic":"reference","module":"@gsp-sys/rtf-ui","name":"RtfAppHelpModule","line":76,"character":4},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":77,"character":4},{"__symbolic":"reference","module":"@farris/ui-datagrid","name":"ScrollbarModule","line":78,"character":4},{"__symbolic":"reference","module":"@farris/ui-datagrid-editors","name":"DatagridEditorsModule","line":79,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@farris/ui-datagrid","name":"DatagridModule","line":80,"character":4},"member":"forRoot"},"arguments":[[{"__symbolic":"spread","expression":{"__symbolic":"reference","module":"@farris/ui-datagrid-editors","name":"EditorProviders","line":81,"character":11}}]]},{"__symbolic":"reference","module":"@farris/ui-tabs","name":"FarrisTabsModule","line":83,"character":4},{"__symbolic":"reference","module":"@gsp-sys/rtf-apphelp","name":"RtfAppHelpModule","line":84,"character":4},{"__symbolic":"reference","module":"@farris/ui-language-textbox","name":"LanguageTextboxModule","line":86,"character":4},{"__symbolic":"reference","module":"@farris/ui-section","name":"FarrisSectionModule","line":87,"character":4},{"__symbolic":"reference","module":"@gsp-svc/expression","name":"ExpressionModule","line":88,"character":4},{"__symbolic":"reference","module":"@farris/ui-panel","name":"FarrisPanelModule","line":89,"character":4}],"providers":[{"__symbolic":"reference","name":"ParasMappingService"},{"__symbolic":"reference","name":"JointSearchService"},{"__symbolic":"reference","name":"SchemaService"},{"__symbolic":"reference","name":"PrintIntegrationService"},{"__symbolic":"reference","module":"@gsp-svc/expression","name":"ExpressionService","line":96,"character":4}],"exports":[{"__symbolic":"reference","name":"JointSearchComponent"},{"__symbolic":"reference","name":"PopupAnchorDirective"},{"__symbolic":"reference","name":"ParasMappingComponent"},{"__symbolic":"reference","name":"ChartsSchemaEditorComponent"},{"__symbolic":"reference","name":"ChartsTypeComponent"},{"__symbolic":"reference","name":"ChartsDataComponent"},{"__symbolic":"reference","name":"ChartsStyleComponent"},{"__symbolic":"reference","name":"SchemaManagerComponent"},{"__symbolic":"reference","name":"SchemaEditorComponent"},{"__symbolic":"reference","name":"ColumnEditorComponent"},{"__symbolic":"reference","name":"TitleEditorComponent"},{"__symbolic":"reference","name":"StyleEditorComponent"},{"__symbolic":"reference","name":"OtherEditorComponent"},{"__symbolic":"reference","name":"PrintIntegrationComponent"},{"__symbolic":"reference","name":"ResizedDirective"}]}]}],"members":{}}},"origins":{"JointSearchComponent":"./lib/component/joint-search/joint-search.component","ParasMappingComponent":"./lib/component/paras-mapping/paras-mapping.component","PopupAnchorDirective":"./lib/component/paras-mapping/popup.anchor-target.directive","ChartsSchemaEditorComponent":"./lib/component/charts-schema-editor/charts-schema-editor.component","ChartsTypeComponent":"./lib/component/charts-schema-editor/charts-type/charts-type.component","ChartsDataComponent":"./lib/component/charts-schema-editor/charts-data/charts-data.component","ChartsStyleComponent":"./lib/component/charts-schema-editor/charts-style/charts-style.component","SchemaManagerComponent":"./lib/component/schema-manager/schema-manager.component","SchemaEditorComponent":"./lib/component/schema-editor/schema-editor.component","ColumnEditorComponent":"./lib/component/schema-editor/column-editor/column-editor.component","TitleEditorComponent":"./lib/component/schema-editor/title-editor/title-editor.component","StyleEditorComponent":"./lib/component/schema-editor/style-editor/style-editor.component","OtherEditorComponent":"./lib/component/schema-editor/other-editor/other-editor.component","PrintIntegrationComponent":"./lib/component/print-integration/print-integration.component","ParasMappingService":"./lib/service/paras-mapping/paras-mapping.service","JointSearchService":"./lib/service/joint-search/joint-search.service","SchemaService":"./lib/service/schema/schema.service","PrintIntegrationService":"./lib/service/print-integration/print-integration.service","ResizedEvent":"./lib/directive/resized/resized.directive","ResizedDirective":"./lib/directive/resized/resized.directive","IdeCmpModule":"./lib/ide-cmp.module"},"importAs":"@qdp/ide-cmp"}