raise-common-lib 0.0.211 → 0.0.213

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/bundles/raise-common-lib.umd.js +12 -15
  2. package/bundles/raise-common-lib.umd.js.map +1 -1
  3. package/bundles/raise-common-lib.umd.min.js +1 -1
  4. package/bundles/raise-common-lib.umd.min.js.map +1 -1
  5. package/esm2015/lib/common-grid/index.component.js +2 -5
  6. package/esm2015/lib/dashboard/dashboard-properties/data-mart-new/data-mart-new.component.js +1 -1
  7. package/esm2015/lib/dashboard/sidebar-iconlist/field-format/field-format.component.js +1 -1
  8. package/esm2015/lib/dashboard/sidebar-iconlist/portlet-type-new/portlet-type-new.component.js +1 -1
  9. package/esm2015/lib/dashboard/sidebar-iconlist/sidebar-iconlist-new.component.js +1 -1
  10. package/esm2015/lib/dialog/common-delete-dialog/index.component.js +2 -2
  11. package/esm2015/lib/dialog/common-dialog/index.component.js +2 -2
  12. package/esm2015/lib/dialog/new-action-notification/new-action-notification.component.js +1 -1
  13. package/esm2015/lib/form/drawer-form/drawer-form.component.js +1 -1
  14. package/esm2015/lib/form/richtexteditor/index.component.js +1 -1
  15. package/esm2015/lib/layout/drawer/index.component.js +1 -1
  16. package/esm2015/lib/layout/page-tab/index.component.js +1 -1
  17. package/esm5/lib/common-grid/index.component.js +2 -5
  18. package/esm5/lib/dashboard/dashboard-properties/data-mart-new/data-mart-new.component.js +1 -1
  19. package/esm5/lib/dashboard/sidebar-iconlist/field-format/field-format.component.js +1 -1
  20. package/esm5/lib/dashboard/sidebar-iconlist/portlet-type-new/portlet-type-new.component.js +1 -1
  21. package/esm5/lib/dashboard/sidebar-iconlist/sidebar-iconlist-new.component.js +1 -1
  22. package/esm5/lib/dialog/common-delete-dialog/index.component.js +2 -2
  23. package/esm5/lib/dialog/common-dialog/index.component.js +2 -2
  24. package/esm5/lib/dialog/new-action-notification/new-action-notification.component.js +1 -1
  25. package/esm5/lib/form/drawer-form/drawer-form.component.js +1 -1
  26. package/esm5/lib/form/richtexteditor/index.component.js +1 -1
  27. package/esm5/lib/layout/drawer/index.component.js +1 -1
  28. package/esm5/lib/layout/page-tab/index.component.js +1 -1
  29. package/fesm2015/raise-common-lib.js +12 -15
  30. package/fesm2015/raise-common-lib.js.map +1 -1
  31. package/fesm5/raise-common-lib.js +12 -15
  32. package/fesm5/raise-common-lib.js.map +1 -1
  33. package/lib/common-grid/index.component.d.ts +0 -1
  34. package/package.json +1 -1
  35. package/raise-common-lib.metadata.json +1 -1
  36. package/src/assets/img/calendar_arrow_down.svg +3 -3
  37. package/src/assets/img/calendar_arrow_up.svg +3 -3
package/esm5/lib/dashboard/sidebar-iconlist/field-format/field-format.component.js CHANGED
@@ -1089,7 +1089,7 @@ var FieldFormatComponent = /** @class */ (function () {
1089
1089
  { type: Component, args: [{
1090
1090
  selector: "kt-field-format",
1091
1091
  template: "<div class=\"container dashboard-format-container\">\r\n\t<div class=\"header\">\r\n\t\t<mat-icon\r\n\t\t\tclass=\"icon-previous\"\r\n\t\t\t*ngIf=\"!Conditional\"\r\n\t\t\t(click)=\"Conditional = true\"\r\n\t\t>\r\n\t\t\tkeyboard_arrow_left</mat-icon\r\n\t\t>\r\n\t\t<p class=\"format-title\">\r\n\t\t\t{{\r\n\t\t\t\tConditional\r\n\t\t\t\t\t? translation.CONDITIONAL_SETTING || \"Conditional Setting\"\r\n\t\t\t\t\t: translation.FORMATTING_AND_HIDE_SUBTOTAL ||\r\n\t\t\t\t\t \"Formatting and hide sub total\"\r\n\t\t\t}}\r\n\t\t</p>\r\n\t\t<mat-icon class=\"close\" (click)=\"close()\">close</mat-icon>\r\n\t</div>\r\n\t<div class=\"content\">\r\n\t\t<!--Conditional Setting start \u7B2C\u4E00\u9875\uFF1Afield list-->\r\n\t\t<div *ngIf=\"Conditional\">\r\n\t\t\t<div class=\"notice\">\r\n\t\t\t\t{{\r\n\t\t\t\t\ttranslation.CONDITIONAL_SETTING_TIPS ||\r\n\t\t\t\t\t\t\"The fields you have selected are shown below, you can apply formatting,sub totals or grand totals. Sub totals are only available for pivot tables.\"\r\n\t\t\t\t}}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"all-fields\">\r\n\t\t\t\t<div class=\"fields-group\" *ngFor=\"let field of fieldslist\">\r\n\t\t\t\t\t<p class=\"fl\">{{ field.langValue }}</p>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\topacity: field.showGrandTotals\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-basic-total{{\r\n\t\t\t\t\t\t\tfield.showGrandTotals ? '' : '-1'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr format-icon\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-sub-total{{\r\n\t\t\t\t\t\t\tfield.showSubTotals ? '-0' : '-1'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"fr format-icon\"\r\n\t\t\t\t\t\tsrc=\"../../../../../assets/img/dashboard_icon/gadget-format{{\r\n\t\t\t\t\t\t\tfield.format && field.format.length ? '-1' : '-0'\r\n\t\t\t\t\t\t}}.svg\"\r\n\t\t\t\t\t\t(click)=\"openFormat(field)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!--Conditional Setting end \u7B2C\u4E00\u9875\uFF1Afield list-->\r\n\r\n\t\t<!--Formatting and hide sub total start \u7B2C\u4E8C\u9875\uFF1Aformat setting-->\r\n\t\t<div *ngIf=\"!Conditional\">\r\n\t\t\t<div class=\"format-group format-field\">\r\n\t\t\t\t<div class=\"field-name\">\r\n\t\t\t\t\t<label>{{ translation.FIELD || \".FIELD\" }}</label>\r\n\t\t\t\t\t<p>{{ currentField?.langValue }}</p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"format-checkbox\">\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.formatChecked\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ translation.FORMAT || \"Format\" }}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Format part start -->\r\n\t\t\t<div class=\"format-group format-box\">\r\n\t\t\t\t<!-- compare \u90E8\u5206 start -->\r\n\t\t\t\t<div class=\"group-style\">\r\n\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\t\tcurrentField.dataType !== 'string' &&\r\n\t\t\t\t\t\t\tcurrentField.dataType !== 'date'\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 50%\">\r\n\t\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\t\tselectOption($event.value, 'compare')\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t\t*ngFor=\"let item of compareList\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"item.code\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t\t\t\twidth:\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t\t'Between' ||\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t\t'NotBetween'\r\n\t\t\t\t\t\t\t\t\t\t? '15%'\r\n\t\t\t\t\t\t\t\t\t\t: '36%'\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-form-field class=\"marging-top-style\">\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareValue1\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t'Between' ||\r\n\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareSelect ===\r\n\t\t\t\t\t\t\t\t\t'NotBetween'\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\tstyle=\"width: 15%; display: flex\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\tline-height: 60px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateX(8px);\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t-\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<mat-form-field\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\tstyle=\"margin-left: 15px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.compareValue2\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- compare \u90E8\u5206 end -->\r\n\r\n\t\t\t\t<!-- Field Title & align start -->\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 40%\">\r\n\t\t\t\t\t\t<mat-form-field class=\"marging-top-style\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tmatInput\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{\r\n\t\t\t\t\t\t\t\t\ttranslation.EDIT_FIELD_TITLE ||\r\n\t\t\t\t\t\t\t\t\t\t'.EDIT_FIELD_TITLE'\r\n\t\t\t\t\t\t\t\t}}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.displayName\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.formatChecked = true\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"transform: translateY(-9px)\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"box-content\"\r\n\t\t\t\t\t\t\t*ngIf=\"config.portletType == 'table'\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"content-title\">\r\n\t\t\t\t\t\t\t\t{{ translation.ALIGNMENT || \".ALIGNMENT\" }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"icon-list\">\r\n\t\t\t\t\t\t\t\t<mat-icon\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"let item of alignList\"\r\n\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\tselected:\r\n\t\t\t\t\t\t\t\t\t\t\titem.code ==\r\n\t\t\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.align\r\n\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"changeAligh(item.code)\"\r\n\t\t\t\t\t\t\t\t\t>{{ item.name }}</mat-icon\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Field Title & align end -->\r\n\r\n\t\t\t\t<!-- Number/percent format start -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"group-style marging-top-style\"\r\n\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\tcurrentField.dataType !== 'string' &&\r\n\t\t\t\t\t\tcurrentField.dataType !== 'date'\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div style=\"width: 96%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style format-font\"\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{\r\n\t\t\t\t\t\t\t\t\ttranslation.NUMBER_FORMAT ||\r\n\t\t\t\t\t\t\t\t\t\t'.NUMBER_FORMAT'\r\n\t\t\t\t\t\t\t\t}}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.selectedFormatDisplay\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'number')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"\r\n\t\t\t\t\t\t\t\t\t\tlet format of currentFieldFormatInfo.formatList\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"format.key\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tclass=\"format-select-checkbox\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"format.val\"\r\n\t\t\t\t\t\t\t\t\t\t[name]=\"format.key\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t/>{{ format.key }}\r\n\t\t\t\t\t\t\t\t\t<!-- <mat-checkbox\r\n\t\t\t\t\t\t\t\t\t\tstyle=\"margin-left: 15px\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"format.isChecked\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ format.key }}\r\n\t\t\t\t\t\t\t\t\t</mat-checkbox> -->\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Number/percent format end -->\r\n\r\n\t\t\t\t<!-- date format start -->\r\n\t\t\t\t<div *ngIf=\"currentField.dataType === 'date'\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"marging-right-style\"\r\n\t\t\t\t\t\tstyle=\"display: inline-block; width: 26%\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.dateType\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption(\r\n\t\t\t\t\t\t\t\t\t\t$event.value,\r\n\t\t\t\t\t\t\t\t\t\t'selectdDateType'\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option value=\"Quarter\">Quarter</mat-option>\r\n\t\t\t\t\t\t\t\t<mat-option value=\"Date\">Date</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: inline-block; width: 60%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption(\r\n\t\t\t\t\t\t\t\t\t\t$event.value,\r\n\t\t\t\t\t\t\t\t\t\t'selectdDateformat'\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.selectedFormatDisplay\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"\r\n\t\t\t\t\t\t\t\t\t\tlet date of currentFieldFormatInfo.formatList\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"date.key\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tclass=\"format-select-checkbox\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"date.val\"\r\n\t\t\t\t\t\t\t\t\t\t[name]=\"date.key\"\r\n\t\t\t\t\t\t\t\t\t\t[value]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t/>{{ date.key }}\r\n\r\n\t\t\t\t\t\t\t\t\t<!-- <mat-checkbox\r\n\t\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 15px;\r\n\t\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t\t[checked]=\"date.isChecked\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ date.key }}\r\n\t\t\t\t\t\t\t\t\t</mat-checkbox> -->\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- date format end -->\r\n\t\t\t</div>\r\n\t\t\t<!-- Format part end -->\r\n\r\n\t\t\t<!-- font setting start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"format-checkbox\"\r\n\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t!['string', 'nvarchar', 'date', 'datetime'].includes(\r\n\t\t\t\t\t\tcurrentField.dataType\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"currentFieldFormatInfo.fontSettingChecked\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.FONT_SETTINGS || \".FONT_SETTINGS\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"format-group format-box\"\r\n\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t!['string', 'nvarchar', 'date', 'datetime'].includes(\r\n\t\t\t\t\t\tcurrentField.dataType\r\n\t\t\t\t\t)\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t\t<!-- Number Format \u5B57\u4F53\u5927\u5C0F\u3001\u5B57\u4F53\u989C\u8272\u3001\u5355\u5143\u683C\u80CC\u666F\u8272 start -->\r\n\t\t\t\t<span class=\"format-number\">\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.POSITIVE_NUMBER_FORMAT ||\r\n\t\t\t\t\t\t\t\"Positive Number Format\"\r\n\t\t\t\t\t}}\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 35%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'fontFamily')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.fontFamilyValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"let item of fontFamilyList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 15%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'fontSize')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.fontSizeValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"let item of fontSizeList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: flex; line-height: 54px\">\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerFont\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerFontElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'font')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpicker\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event)\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div #previewColor>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"preview\"\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\twidth: 62px;\r\n\t\t\t\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateY(12px);\r\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t123.45\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span class=\"format-number\">{{\r\n\t\t\t\t\ttranslation.NEGATIVE_NUMBER_FORMAT ||\r\n\t\t\t\t\t\t\"Negative Number Format\"\r\n\t\t\t\t}}</span>\r\n\t\t\t\t<div class=\"group-style marging-top-style\">\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 35%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'negaFontFamily')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.negaFontFamilyValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"let item of fontFamilyList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"marging-right-style\" style=\"width: 15%\">\r\n\t\t\t\t\t\t<mat-form-field>\r\n\t\t\t\t\t\t\t<mat-select\r\n\t\t\t\t\t\t\t\tclass=\"marging-top-style\"\r\n\t\t\t\t\t\t\t\t(selectionChange)=\"\r\n\t\t\t\t\t\t\t\t\tselectOption($event.value, 'negaFontSize')\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"\r\n\t\t\t\t\t\t\t\t\tcurrentFieldFormatInfo.negaFontSizeValue\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-option\r\n\t\t\t\t\t\t\t\t\t*ngFor=\"let item of fontSizeList\"\r\n\t\t\t\t\t\t\t\t\t[value]=\"item.value\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ item.value }}\r\n\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"display: flex; line-height: 54px\">\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerFontBurden\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerFontElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'ngeaFont')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"wrap\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tejs-colorpicker\r\n\t\t\t\t\t\t\t\t#colorpickerBurden\r\n\t\t\t\t\t\t\t\t[modeSwitcher]=\"false\"\r\n\t\t\t\t\t\t\t\tid=\"pickerElement\"\r\n\t\t\t\t\t\t\t\t(change)=\"colorOnChange($event, 'ngeaBgColor')\"\r\n\t\t\t\t\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div #previewColorBurden>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"preview\"\r\n\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\twidth: 62px;\r\n\t\t\t\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\t\t\t\ttransform: translateY(12px);\r\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t123.45\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Number Format \u5B57\u4F53\u5927\u5C0F\u3001\u5B57\u4F53\u989C\u8272\u3001\u5355\u5143\u683C\u80CC\u666F\u8272 end -->\r\n\t\t\t</div>\r\n\t\t\t<!-- font setting end -->\r\n\r\n\t\t\t<!-- hide subtotal start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"subtotal-checkbox\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\topacity:\r\n\t\t\t\t\t\tconfig.portletType !== 'pivot' || !currentField?.isValue\r\n\t\t\t\t}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"!currentField.showSubTotals\"\r\n\t\t\t\t\t(ngModelChange)=\"changeHideStatus('showSubTotals')\"\r\n\t\t\t\t\t[disabled]=\"\r\n\t\t\t\t\t\tconfig.portletType !== 'pivot' || !currentField?.isValue\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.HIDE_SUB_TOTAL || \"Hide Sub total\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<!-- hide subtotal end -->\r\n\r\n\t\t\t<!-- hide grandtotal start -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"subtotal-checkbox\"\r\n\t\t\t\t[ngClass]=\"{ opacity: disabledGrandTotal() }\"\r\n\t\t\t>\r\n\t\t\t\t<mat-checkbox\r\n\t\t\t\t\tclass=\"example-margin\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t[(ngModel)]=\"!currentField.showGrandTotals\"\r\n\t\t\t\t\t(ngModelChange)=\"changeHideStatus('showGrandTotals')\"\r\n\t\t\t\t\t[disabled]=\"disabledGrandTotal()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\ttranslation.HIDE_GRAND_TOTAL || \"Hide Grand total\"\r\n\t\t\t\t\t}}</mat-checkbox\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<!-- hide grandtotal end -->\r\n\t\t</div>\r\n\t\t<!--Formatting and hide sub total end \u7B2C\u4E8C\u9875\uFF1Aformat setting-->\r\n\t</div>\r\n\t<div class=\"button-group\" *ngIf=\"!Conditional\">\r\n\t\t<button (click)=\"clearFormat_Current()\" class=\"btn clear-button\">\r\n\t\t\t{{ translation.CLEAR || \".CLEAR\" }}\r\n\t\t</button>\r\n\t\t<button (click)=\"saveFormat()\" class=\"btn save-button\">\r\n\t\t\t{{ translation.SAVE || \".SAVE\" }}\r\n\t\t</button>\r\n\t</div>\r\n\t<div class=\"button-group\" *ngIf=\"Conditional\">\r\n\t\t<button (click)=\"clearFormat_All()\" class=\"btn clear-button\">\r\n\t\t\t{{ translation.CLEAR || \".CLEAR\" }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n",
1092
- styles: ["@charset \"UTF-8\";.container{font-size:13px;font-weight:400}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn{--rs-primary-btn-hover-bg:#f8fafb!important;--rs-primary-btn-bg:#f8fafb!important;max-width:18px!important;min-width:unset!important;width:18px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn .e-btn-icon{font-size:8px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-split-btn .e-btn-icon{font-size:14px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn.e-icon-btn .e-btn-icon::before{width:8px!important;height:8px!important;content:\"\uE744\"!important;color:#495057!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn{--rs-primary-btn-hover:#f8fafb!important;--rs-primary-btn:#f8fafb!important}.container .header{width:109%;display:flex;border-bottom:1px solid #e9ecef;transform:translateX(-25px);height:41px}.container .header .icon-previous{transform:translate(20px,5px);cursor:pointer}.container .header .close{margin-right:30px;padding-left:3px;padding-top:3px;border-radius:18px;transform:scale(1.1);cursor:pointer;background-color:#eaedf0;float:right;font-size:18px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.container .header .format-title{width:91%;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;color:#212529;margin-left:28px}.container .content .all-fields{height:543px;overflow:auto}.container .content .all-fields::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.container .content .all-fields::-webkit-scrollbar-thumb{background:#eaedf0}.container .content .all-fields .fields-group{width:calc(100% - 9px);height:30px;border-radius:4px;border:1px solid #efeff3;padding:4px 9px 0 11px;margin:0 0 11px 4px}.container .content .all-fields .fields-group p{color:#44566c}.container .content .all-fields .fields-group img:hover{cursor:pointer}.container .content .all-fields .fields-group .format-icon{margin-right:10px}.container .content .format-group{width:535px;border-radius:5px;border:1px solid #b3c0ce;padding:15px 0 0 10px;margin:0 0 20px 4px}.container .content .format-group .group-style{display:flex;width:100%}.container .content .format-group .group-style .format-font{color:#4a4a4a!important;font-weight:400!important}.container .content .format-group .marging-right-style{margin-right:16px}.container .content .format-group .marging-top-style{margin-top:10px}.container .content .format-field{margin-top:36px}.container .content .format-field .field-name label{font-family:Arial;font-size:10px;font-weight:700;color:#a2a3b5}.container .content .format-field .field-name p{font-family:Arial;font-size:15px;color:#4a4a4a;margin-bottom:12px}.container .content .format-checkbox,.container .content .subtotal-checkbox{font-family:Arial;font-size:15px;font-weight:700;color:#4a4a4a;margin-bottom:10px;margin-left:4px}.container .content .format-box{width:512px;margin-left:25px}.container .button-group{text-align:right;position:absolute;right:0;bottom:0;margin:0 20px 20px 0}.container .button-group .btn{width:117px;height:36px;border:none;border-radius:5px;font-family:Arial;font-size:14px;font-weight:700}.container .button-group .clear-button{color:#979cb4;background-color:#f2f3f7;margin-right:20px}.container .button-group .save-button{color:#0081ff;background-color:#d9edff}.container .fl{float:left}.container .fr{float:right}.add-format-button{width:36px;height:39px;background:0 0;border:none}.add-format-button img{width:36px;height:39px;transform:translateX(-10px)}.add-format-font{font-family:Arial;font-size:15px;font-weight:700;color:#09b66d;transform:translateY(5px)}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.wrap{margin-right:10px}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color{background:0 0;border-bottom-style:solid;border-bottom-width:5px;width:25px;height:20px;border-radius:unset}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview{display:none}.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../assets/img/dashboard_icon/print-A2.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-wrapper #pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../assets/img/dashboard_icon/paint-bucket.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn{padding:5px;background-color:#f8fafb;border:none!important}.e-dropdown-btn .e-caret,.e-dropdown-btn.e-btn .e-caret{transform:translateX(-2px)}.e-colorpicker-container .e-icon-btn,.e-colorpicker-wrapper .e-icon-btnr{background-color:#f8fafb!important;color:unset!important}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn{padding:0 10px!important;background-color:#f8fafb!important;border:none!important}.e-btn.e-active,.e-css.e-btn.e-active{box-shadow:unset!important}::ng-deep .mat-checkbox-frame{background-color:#fff!important;border:1px solid #d6d6d6!important}.select-chip{transform:translateY(20px);height:24px;border-radius:5px;min-height:24px}.delete-group{margin-left:468px;cursor:pointer;transform:translateY(-10px);padding-left:3px;padding-top:3px}.format-number{font-family:Arial;font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#a2a3b5}.notice{margin:15px 0 20px;width:529px;font-family:Arial;font-size:13px;color:#212529}.opacity{opacity:30%}input[type=checkbox].format-select-checkbox{transform:translateY(1px);margin-right:12px;width:14px;height:14px;border:1px solid #d6d6d6!important;background-color:#fff;line-height:14px;border-radius:4px;text-align:center;cursor:pointer}::ng-deep .e-colorpicker-popup{padding:0!important;border-radius:unset!important}::ng-deep .e-colorpicker-popup .e-switch-ctrl-btn{padding:14px!important}::ng-deep .e-colorpicker-popup .e-ctrl-btn{display:flex;justify-content:right}::ng-deep .e-colorpicker-popup .e-selected-value .e-value-switch-btn{border:unset!important;width:28px!important;max-width:28px!important}"]
1092
+ styles: ["@charset \"UTF-8\";.container{font-size:13px;font-weight:400}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn{--rs-primary-btn-hover-bg:#f8fafb!important;--rs-primary-btn-bg:#f8fafb!important;max-width:18px!important;min-width:unset!important;width:18px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):active+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):focus+.e-icon-btn .e-btn-icon,.container.dashboard-format-container .e-split-btn-wrapper .e-btn:not([disabled]):hover+.e-icon-btn .e-btn-icon{font-size:8px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-split-btn .e-btn-icon{font-size:14px!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn.e-icon-btn .e-btn-icon::before{width:8px!important;height:8px!important;content:\"\uE744\"!important;color:#495057!important}.container.dashboard-format-container .e-split-btn-wrapper .e-btn{--rs-primary-btn-hover:#f8fafb!important;--rs-primary-btn:#f8fafb!important}.container .header{width:109%;display:flex;border-bottom:1px solid #e9ecef;transform:translateX(-25px);height:41px}.container .header .icon-previous{transform:translate(20px,5px);cursor:pointer}.container .header .close{margin-right:30px;padding-left:3px;padding-top:3px;border-radius:18px;transform:scale(1.1);cursor:pointer;background-color:#eaedf0;float:right;font-size:18px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.container .header .format-title{width:91%;font-family:HelveticaNeue;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;color:#212529;margin-left:28px}.container .content .all-fields{height:543px;overflow:auto}.container .content .all-fields::-webkit-scrollbar{width:5px;height:8px;background:#fff;position:static;z-index:999}.container .content .all-fields::-webkit-scrollbar-thumb{background:#eaedf0}.container .content .all-fields .fields-group{width:calc(100% - 9px);height:30px;border-radius:4px;border:1px solid #efeff3;padding:4px 9px 0 11px;margin:0 0 11px 4px}.container .content .all-fields .fields-group p{color:#44566c}.container .content .all-fields .fields-group img:hover{cursor:pointer}.container .content .all-fields .fields-group .format-icon{margin-right:10px}.container .content .format-group{width:535px;border-radius:5px;border:1px solid #b3c0ce;padding:15px 0 0 10px;margin:0 0 20px 4px}.container .content .format-group .group-style{display:flex;width:100%}.container .content .format-group .group-style .format-font{color:#4a4a4a!important;font-weight:400!important}.container .content .format-group .marging-right-style{margin-right:16px}.container .content .format-group .marging-top-style{margin-top:10px}.container .content .format-field{margin-top:36px}.container .content .format-field .field-name label{font-family:Arial;font-size:10px;font-weight:700;color:#a2a3b5}.container .content .format-field .field-name p{font-family:Arial;font-size:15px;color:#4a4a4a;margin-bottom:12px}.container .content .format-checkbox,.container .content .subtotal-checkbox{font-family:Arial;font-size:15px;font-weight:700;color:#4a4a4a;margin-bottom:10px;margin-left:4px}.container .content .format-box{width:512px;margin-left:25px}.container .button-group{text-align:right;position:absolute;right:0;bottom:0;margin:0 20px 20px 0}.container .button-group .btn{width:117px;height:36px;border:none;border-radius:5px;font-family:Arial;font-size:14px;font-weight:700}.container .button-group .clear-button{color:#979cb4;background-color:#f2f3f7;margin-right:20px}.container .button-group .save-button{color:#0081ff;background-color:#d9edff}.container .fl{float:left}.container .fr{float:right}.add-format-button{width:36px;height:39px;background:0 0;border:none}.add-format-button img{width:36px;height:39px;transform:translateX(-10px)}.add-format-font{font-family:Arial;font-size:15px;font-weight:700;color:#09b66d;transform:translateY(5px)}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.wrap{margin-right:10px}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color{background:0 0;border-bottom-style:solid;border-bottom-width:5px;width:25px;height:20px;border-radius:unset}#pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview,.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color .e-split-preview{display:none}.e-colorpicker-wrapper #pickerFontElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../../../assets/img/dashboard_icon/print-A2.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-wrapper #pickerElement+.e-split-btn-wrapper .e-split-btn .e-selected-color::before{content:\"\"!important;background-image:url(../../../../assets/img/dashboard_icon/paint-bucket.svg)!important;height:16px!important;width:16px!important;display:block;background-position:center center;color:#495057!important;margin:0 auto}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker+.e-dropdown-btn{padding:5px;background-color:#f8fafb;border:none!important}.e-dropdown-btn .e-caret,.e-dropdown-btn.e-btn .e-caret{transform:translateX(-2px)}.e-colorpicker-container .e-icon-btn,.e-colorpicker-wrapper .e-icon-btnr{background-color:#f8fafb!important;color:unset!important}.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn{padding:0 10px!important;background-color:#f8fafb!important;border:none!important}.e-btn.e-active,.e-css.e-btn.e-active{box-shadow:unset!important}::ng-deep .mat-checkbox-frame{background-color:#fff!important;border:1px solid #d6d6d6!important}.select-chip{transform:translateY(20px);height:24px;border-radius:5px;min-height:24px}.delete-group{margin-left:468px;cursor:pointer;transform:translateY(-10px);padding-left:3px;padding-top:3px}.format-number{font-family:Arial;font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#a2a3b5}.notice{margin:15px 0 20px;width:529px;font-family:Arial;font-size:13px;color:#212529}.opacity{opacity:30%}input[type=checkbox].format-select-checkbox{transform:translateY(1px);margin-right:12px;width:14px;height:14px;border:1px solid #d6d6d6!important;background-color:#fff;line-height:14px;border-radius:4px;text-align:center;cursor:pointer}::ng-deep .e-colorpicker-popup{padding:0!important;border-radius:unset!important}::ng-deep .e-colorpicker-popup .e-switch-ctrl-btn{padding:14px!important}::ng-deep .e-colorpicker-popup .e-ctrl-btn{display:flex;justify-content:right}::ng-deep .e-colorpicker-popup .e-selected-value .e-value-switch-btn{border:unset!important;width:28px!important;max-width:28px!important}"]
1093
1093
  }] }
1094
1094
  ];
1095
1095
  /** @nocollapse */
package/esm5/lib/dashboard/sidebar-iconlist/portlet-type-new/portlet-type-new.component.js CHANGED
@@ -293,7 +293,7 @@ var PortletTypeNewComponent = /** @class */ (function () {
293
293
  selector: "kt-portlet-type-new",
294
294
  template: "<div class=\"portlet-row row\">\r\n\t<ng-container *ngFor=\"let item of portletList\">\r\n\t\t<div\r\n\t\t\tclass=\"portlet-wrapper\"\r\n\t\t\t*ngIf=\"\r\n\t\t\t\titem.portletCode == 'financialTable' ? getFinancialType() : true\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"portlet\"\r\n\t\t\t\t[class]=\"item.portletCode + '-type'\"\r\n\t\t\t\tmatTooltip=\"{{ setTooltip(item) }}\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\tenabled: item.portletCode !== type,\r\n\t\t\t\t\tselected: item.portletCode === type,\r\n\t\t\t\t\tdisabled:\r\n\t\t\t\t\t\tdisabledHistoricalIRR &&\r\n\t\t\t\t\t\titem.portletCode === 'historicalIRR'\r\n\t\t\t\t}\"\r\n\t\t\t\t(click)=\"selectPortletType(item.portletCode)\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\t*ngIf=\"item.portletCode === 'newchart'\"\r\n\t\t\t\tstyle=\"position: relative; top: -4px\"\r\n\t\t\t\tclass=\"portlet-label\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</ng-container>\r\n</div>\r\n",
295
295
  changeDetection: ChangeDetectionStrategy.OnPush,
296
- styles: [".portlet-row{display:flex;margin-bottom:10px;justify-content:left;padding:0 16px}.portlet-row .portlet-wrapper{width:20%;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-bottom:10px;margin-top:5px}.portlet-row .portlet-wrapper .portlet{width:32px;height:32px;background-color:#44566c}.portlet-row .portlet-wrapper .portlet.enabled{background-color:#fff}.portlet-row .portlet-wrapper .portlet.disabled{background-color:#fff;opacity:.4;pointer-events:none}.portlet-row .portlet-wrapper .portlet.selected{background-color:#5867dd;border:5px solid rgba(80,102,181,.5);border-radius:2px}.portlet-row .portlet-wrapper .portlet.selected.table-type{background-image:url(../../assets/img/dashboard_icon/table-3-white.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.selected.transpose-type{background-image:url(../../assets/img/dashboard_icon/transpose-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pivot-type{background-image:url(../../assets/img/dashboard_icon/pivot-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newchart-type{background-image:url(../../assets/img/dashboard_icon/pivot-chart-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.geo-type{background-image:url(../../assets/img/dashboard_icon/geo-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pie-type{background-image:url(../../assets/img/dashboard_icon/pie-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.bar-type{background-image:url(../../assets/img/dashboard_icon/bar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.column-type{background-image:url(../../assets/img/dashboard_icon/pivot_column_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumn-type{background-image:url(../../assets/img/dashboard_icon/column-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.line-type{background-image:url(../../assets/img/dashboard_icon/pivot_line_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newline-type{background-image:url(../../assets/img/dashboard_icon/trade-up-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.area-type{background-image:url(../../assets/img/dashboard_icon/area-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.multiSeries-type{background-image:url(../../assets/img/dashboard_icon/multi-series-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.radar-type{background-image:url(../../assets/img/dashboard_icon/radar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.financialTable-type{background-image:url(../../assets/img/dashboard_icon/ftable-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumnline-type{background-image:url(../../assets/img/dashboard_icon/chart-combined-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.historicalIRR-type{background-image:url(../../assets/img/dashboard_icon/historic-IRR-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.table-type{background-image:url(../../assets/img/dashboard_icon/table-3.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.transpose-type{background-image:url(../../assets/img/dashboard_icon/transpose.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pivot-type{background-image:url(../../assets/img/dashboard_icon/pivot.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.newchart-type{background-image:url(../../assets/img/dashboard_icon/pivot-chart.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.geo-type{background-image:url(../../assets/img/dashboard_icon/geo.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pie-type{background-image:url(../../assets/img/dashboard_icon/pie.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.bar-type{background-image:url(../../assets/img/dashboard_icon/bar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.column-type{background-image:url(../../assets/img/dashboard_icon/pivot_column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newcolumn-type{background-image:url(../../assets/img/dashboard_icon/column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.line-type{background-image:url(../../assets/img/dashboard_icon/pivot_line.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newline-type{background-image:url(../../assets/img/dashboard_icon/trade-up.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.area-type{background-image:url(../../assets/img/dashboard_icon/area.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.multiSeries-type{background-image:url(../../assets/img/dashboard_icon/multi-series.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.radar-type{background-image:url(../../assets/img/dashboard_icon/radar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.financialTable-type{background-image:url(../../assets/img/dashboard_icon/ftable.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.newcolumnline-type{background-image:url(../../assets/img/dashboard_icon/chart-combined.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.historicalIRR-type{background-image:url(../../assets/img/dashboard_icon/historic-IRR.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet-label{width:100%;text-align:center;font-weight:500;color:#44566c;font-size:12px}"]
296
+ styles: [".portlet-row{display:flex;margin-bottom:10px;justify-content:left;padding:0 16px}.portlet-row .portlet-wrapper{width:20%;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-bottom:10px;margin-top:5px}.portlet-row .portlet-wrapper .portlet{width:32px;height:32px;background-color:#44566c}.portlet-row .portlet-wrapper .portlet.enabled{background-color:#fff}.portlet-row .portlet-wrapper .portlet.disabled{background-color:#fff;opacity:.4;pointer-events:none}.portlet-row .portlet-wrapper .portlet.selected{background-color:#5867dd;border:5px solid rgba(80,102,181,.5);border-radius:2px}.portlet-row .portlet-wrapper .portlet.selected.table-type{background-image:url(../../../../assets/img/dashboard_icon/table-3-white.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.selected.transpose-type{background-image:url(../../../../assets/img/dashboard_icon/transpose-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pivot-type{background-image:url(../../../../assets/img/dashboard_icon/pivot-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newchart-type{background-image:url(../../../../assets/img/dashboard_icon/pivot-chart-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.geo-type{background-image:url(../../../../assets/img/dashboard_icon/geo-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.pie-type{background-image:url(../../../../assets/img/dashboard_icon/pie-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.bar-type{background-image:url(../../../../assets/img/dashboard_icon/bar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.column-type{background-image:url(../../../../assets/img/dashboard_icon/pivot_column_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumn-type{background-image:url(../../../../assets/img/dashboard_icon/column-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.line-type{background-image:url(../../../../assets/img/dashboard_icon/pivot_line_active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newline-type{background-image:url(../../../../assets/img/dashboard_icon/trade-up-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.area-type{background-image:url(../../../../assets/img/dashboard_icon/area-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.multiSeries-type{background-image:url(../../../../assets/img/dashboard_icon/multi-series-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.radar-type{background-image:url(../../../../assets/img/dashboard_icon/radar-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.financialTable-type{background-image:url(../../../../assets/img/dashboard_icon/ftable-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.newcolumnline-type{background-image:url(../../../../assets/img/dashboard_icon/chart-combined-active.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.selected.historicalIRR-type{background-image:url(../../../../assets/img/dashboard_icon/historic-IRR-white.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.table-type{background-image:url(../../../../assets/img/dashboard_icon/table-3.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.transpose-type{background-image:url(../../../../assets/img/dashboard_icon/transpose.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pivot-type{background-image:url(../../../../assets/img/dashboard_icon/pivot.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.newchart-type{background-image:url(../../../../assets/img/dashboard_icon/pivot-chart.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:32px!important;height:32px!important;position:relative}.portlet-row .portlet-wrapper .portlet.geo-type{background-image:url(../../../../assets/img/dashboard_icon/geo.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.pie-type{background-image:url(../../../../assets/img/dashboard_icon/pie.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.bar-type{background-image:url(../../../../assets/img/dashboard_icon/bar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.column-type{background-image:url(../../../../assets/img/dashboard_icon/pivot_column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newcolumn-type{background-image:url(../../../../assets/img/dashboard_icon/column.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.line-type{background-image:url(../../../../assets/img/dashboard_icon/pivot_line.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:28px!important;height:28px!important;position:relative;top:1px}.portlet-row .portlet-wrapper .portlet.newline-type{background-image:url(../../../../assets/img/dashboard_icon/trade-up.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.area-type{background-image:url(../../../../assets/img/dashboard_icon/area.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.multiSeries-type{background-image:url(../../../../assets/img/dashboard_icon/multi-series.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.radar-type{background-image:url(../../../../assets/img/dashboard_icon/radar.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.financialTable-type{background-image:url(../../../../assets/img/dashboard_icon/ftable.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.portlet-row .portlet-wrapper .portlet.newcolumnline-type{background-image:url(../../../../assets/img/dashboard_icon/chart-combined.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet.historicalIRR-type{background-image:url(../../../../assets/img/dashboard_icon/historic-IRR.svg);background-repeat:no-repeat;background-position:center}.portlet-row .portlet-wrapper .portlet-label{width:100%;text-align:center;font-weight:500;color:#44566c;font-size:12px}"]
297
297
  }] }
298
298
  ];
299
299
  /** @nocollapse */
package/esm5/lib/dashboard/sidebar-iconlist/sidebar-iconlist-new.component.js CHANGED
@@ -1610,7 +1610,7 @@ var SidebarIconlistNewComponent = /** @class */ (function () {
1610
1610
  selector: "kt-sidebar-iconlist-new",
1611
1611
  template: "<div class=\"sidebar-iconlist\" *ngIf=\"config\">\r\n <ul class=\"nav-tabs\">\r\n <li class=\"nav-item\">\r\n <a\r\n class=\"nav-link\"\r\n [ngClass]=\"{ active: currentTab === 'tab1' }\"\r\n data-toggle=\"tab\"\r\n (click)=\"switchTab('tab1')\"\r\n >\r\n <img\r\n style=\"margin-right: 8px\"\r\n src=\"../../../assets/img/dashboard_icon/basic-icon-filter.svg\"\r\n />\r\n <div class=\"tab-name\">\r\n {{ translation.FILTER ? translation.FILTER : \".FILTER\" }}\r\n </div>\r\n </a>\r\n </li>\r\n <li class=\"nav-item\">\r\n <a\r\n class=\"nav-link\"\r\n [ngClass]=\"{ active: currentTab === 'tab2' }\"\r\n data-toggle=\"tab\"\r\n (click)=\"switchTab('tab2')\"\r\n >\r\n <img\r\n style=\"margin-right: 8px\"\r\n src=\"../../../assets/img/dashboard_icon/dashboard-icon.svg\"\r\n />\r\n <div class=\"tab-name\">\r\n {{ translation.PROPERTIES ? translation.PROPERTIES : \".PROPERTIES\" }}\r\n </div>\r\n </a>\r\n </li>\r\n </ul>\r\n <div class=\"sidebar-iconlist-content\">\r\n <!-- <form action=\"\" method=\"\"> -->\r\n <div\r\n class=\"tab-content\"\r\n style=\"height: calc(100% - 140px); overflow-y: scroll\"\r\n >\r\n <div class=\"tab-pane\" *ngIf=\"currentTab === 'tab1'\" style=\"height: 100%\">\r\n <kt-field-filter\r\n [portlet]=\"portlet\"\r\n [dashboard]=\"dashboard\"\r\n [portlets]=\"portlets\"\r\n (updatePorletConfig)=\"_updatePorletConfig($event)\"\r\n ></kt-field-filter>\r\n </div>\r\n <div class=\"tab-pane\" *ngIf=\"currentTab === 'tab2'\">\r\n <div>\r\n <div (click)=\"nextWizard(0)\" class=\"wizard\">\r\n <span class=\"wizard-name\">\r\n {{\r\n translation.DATA_TABLE ? translation.DATA_TABLE : \"Data Table\"\r\n }}*\r\n </span>\r\n <mat-icon style=\"position: absolute; right: 0\">\r\n {{ !expandArray[0] ? \"expand_more\" : \"expand_less\" }}\r\n </mat-icon>\r\n </div>\r\n <div\r\n [ngStyle]=\"{ height: expandArray[0] ? '100px' : '0' }\"\r\n [ngClass]=\"{ collapsed: !expandArray[0] }\"\r\n class=\"wizard-expanded\"\r\n >\r\n <div class=\"data-source add-pdding\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{\r\n translation.FIRST_CHOOSE_THE_DATA_TABLE_TO_CUSTOMIZE_YOUR_DASHBOARD\r\n ? translation.FIRST_CHOOSE_THE_DATA_TABLE_TO_CUSTOMIZE_YOUR_DASHBOARD\r\n : \"Firstly, choose the data table to customize your dashboard\"\r\n }}\r\n </div>\r\n <div class=\"twelvepx\">\r\n <mat-select\r\n class=\"datamart-select\"\r\n [(ngModel)]=\"selectedDatamart\"\r\n (selectionChange)=\"changeDataTable($event.value)\"\r\n >\r\n <ng-container *ngFor=\"let datatable of dataMartTableList\">\r\n <!-- *ngIf=\"!datatable.isHide\" -->\r\n <mat-option [value]=\"datatable.datamartCode\">\r\n {{\r\n translation[datatable.langCode] || datatable.langCode\r\n }}\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"getFigurecode()\" (click)=\"nextWizard(2)\" class=\"wizard\">\r\n <span class=\"wizard-name\"\r\n >{{\r\n translation.PORTLET_TYPE\r\n ? translation.PORTLET_TYPE\r\n : \".PORTLET_TYPE\"\r\n }}*</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[2] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n <!-- \u56FE\u8868\u7C7B\u578B\u9009\u62E9 -->\r\n <div\r\n *ngIf=\"getFigurecode()\"\r\n [ngClass]=\"{ collapsed: !expandArray[2] }\"\r\n class=\"wizard-expanded portlets\"\r\n >\r\n <kt-portlet-type-new\r\n [portlet]=\"portlet\"\r\n [dashboard]=\"dashboard\"\r\n [dataMartCode]=\"selectedDatamart\"\r\n (portletType)=\"getPortletType($event)\"\r\n >\r\n </kt-portlet-type-new>\r\n </div>\r\n\r\n <!-- new dashboard \u5E76\u4E14\u9009\u62E9\u56FE\u6807\u7C7B\u578B \u624D\u6709\u7684\u4F9B\u4E09\u4E2A\u56FE\u8868\u9009\u62E9\u7684X\u8F74Y\u8F74 -->\r\n <ng-container\r\n *ngIf=\"\r\n ['newcolumn', 'newline', 'newcolumnline'].includes(portletType)\r\n \"\r\n >\r\n <div class=\"wizard\" (click)=\"nextWizard(7)\">\r\n <span class=\"wizard-name\"\r\n >{{ translation.CONFIGURATIONS || \".CONFIGURATIONS\" }}*</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[7] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n\r\n <!-- \u56FE\u6807\u914D\u7F6E\u9879 configuration -->\r\n <div\r\n [ngClass]=\"{ collapsed: !expandArray[7] }\"\r\n class=\"wizard-expanded config\"\r\n >\r\n <div style=\"padding-left: 18px\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.COLORS || \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n style=\"margin-bottom: 10px\"\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"changeTheme($event, 'theme')\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n *ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n *ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.X_AXIS || \".X-AXIS\" }}\r\n </div>\r\n\r\n <mat-select\r\n [(value)]=\"selectedX\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <ng-container *ngFor=\"let i of yList\">\r\n <mat-option\r\n *ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <ng-container *ngIf=\"selectedX\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.FREQUENCY || \".FREQUENCY\" }}\r\n </div>\r\n\r\n <mat-select\r\n [(value)]=\"selectedMultiples\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n *ngFor=\"let i of multiplesList\"\r\n [value]=\"i.langCode\"\r\n >{{\r\n i.addtionName\r\n ? i.addtionName + \"\" + translation[i.langCode]\r\n : translation[i.langCode]\r\n }}</mat-option\r\n >\r\n </mat-select>\r\n </ng-container>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{\r\n portletType === \"newcolumnline\"\r\n ? (translation.COLUMN ? translation.COLUMN + \" \" : \"\") +\r\n (translation.Y_AXIS || \".COLUMN Y-AXIS\")\r\n : translation.Y_AXIS || \".Y-AXIS\"\r\n }}\r\n </div>\r\n\r\n <mat-select\r\n multiple\r\n [(value)]=\"selectedY\"\r\n (openedChange)=\"xyChange($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <ng-container *ngFor=\"let i of yList\">\r\n <mat-option\r\n *ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <div\r\n style=\"margin-bottom: 10px\"\r\n class=\"twelvepx\"\r\n *ngIf=\"portletType == 'newcolumnline'\"\r\n >\r\n {{\r\n (translation.LINE ? translation.LINE + \" \" : \"\") +\r\n (translation.Y_AXIS || \".LINE Y-AXIS\")\r\n }}\r\n </div>\r\n\r\n <mat-select\r\n multiple\r\n class=\"datamart-select\"\r\n [(value)]=\"selectedSecondY\"\r\n (openedChange)=\"xyChange($event)\"\r\n panelClass=\"mat-select-multi-panel\"\r\n *ngIf=\"portletType == 'newcolumnline'\"\r\n >\r\n <ng-container *ngFor=\"let i of yList\">\r\n <mat-option\r\n *ngIf=\"!i.isCalculatedField\"\r\n [value]=\"i.colName\"\r\n >{{\r\n (translation[i.langCode]\r\n ? translation[i.langCode]\r\n : \".\" + i.langCode) +\r\n (i.addtionName ? \" \" + i.addtionName : \"\")\r\n }}</mat-option\r\n >\r\n </ng-container>\r\n </mat-select>\r\n\r\n <div class=\"data-label-content\">\r\n <div class=\"label\">\r\n {{ translation.DATA_LABEL || \".Data labels\" }}\r\n </div>\r\n <ejs-switch\r\n [(ngModel)]=\"hasMarker\"\r\n (ngModelChange)=\"labelConfigChange($event)\"\r\n ></ejs-switch>\r\n </div>\r\n\r\n <div style=\"margin: 10px 0\" class=\"twelvepx\">\r\n {{ translation.DISPLAY_UNITS || \".Display Units\" }}\r\n </div>\r\n\r\n <mat-select\r\n class=\"datamart-select\"\r\n [(ngModel)]=\"markerFormat\"\r\n (ngModelChange)=\"onChangeFormat()\"\r\n >\r\n <ng-container *ngFor=\"let format of markerFormatList\">\r\n <mat-option [value]=\"format.value\">{{\r\n format.label\r\n }}</mat-option>\r\n </ng-container>\r\n </mat-select>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- historical IRR \u4E13\u7528 -->\r\n <ng-container *ngIf=\"['historicalIRR'].includes(portletType)\">\r\n <div class=\"wizard\" (click)=\"nextWizard(7)\">\r\n <span class=\"wizard-name\"\r\n >{{ translation.CONFIGURATIONS || \"CONFIGURATIONS\" }}*</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[7] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n\r\n <!-- \u56FE\u6807\u914D\u7F6E\u9879 configuration -->\r\n <div\r\n [ngClass]=\"{ collapsed: !expandArray[7] }\"\r\n class=\"wizard-expanded config\"\r\n >\r\n <div style=\"padding-left: 18px\">\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.COLORS || \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n style=\"margin-bottom: 10px\"\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"changeTheme($event, 'theme')\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n *ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n *ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.FREQUENCY || \".FREQUENCY\" }}\r\n </div>\r\n\r\n <!-- Frequency: Yearly/Quarterly(default)/Monthly -->\r\n <mat-select\r\n [(value)]=\"selectedMultiples\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n *ngFor=\"let i of frequencyOptions\"\r\n [value]=\"i.langCode\"\r\n >\r\n {{ (i.addtionName || \"\") + translation[i.langCode] }}\r\n </mat-option>\r\n </mat-select>\r\n\r\n <!-- Fund cashflow IRR ( fund ops settlement) \u53EF\u9009\u62E9 -->\r\n <ng-container\r\n *ngIf=\"\r\n ['FundHistoricalCashflowIRR'].includes(selectedDatamart)\r\n \"\r\n >\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n Investors\r\n </div>\r\n <!-- Investors: All/exclude GP&SLP -->\r\n <mat-select\r\n [(value)]=\"selectedInvestor\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n *ngFor=\"let item of investorList\"\r\n [value]=\"item.code\"\r\n >\r\n {{ item.text }}\r\n </mat-option>\r\n </mat-select>\r\n </ng-container>\r\n\r\n <!-- line \u548C bar \u56FE x \u8F74\u4E3A date\uFF0Cy \u8F74\u4E3A IRR \u767E\u5206\u6570 -->\r\n <div style=\"margin-bottom: 10px\" class=\"twelvepx\">\r\n {{ translation.VISUAL_TYPE || \".VISUAL_TYPE\" }}\r\n </div>\r\n <!-- Visual Type: Line(default)/Column Chart/Table -->\r\n <mat-select\r\n [(value)]=\"selectedVisualType\"\r\n (openedChange)=\"setHistoricalIRRChart($event)\"\r\n class=\"datamart-select\"\r\n >\r\n <mat-option\r\n *ngFor=\"let item of visualTypeList\"\r\n [value]=\"item.code\"\r\n >\r\n {{ item.text }}\r\n </mat-option>\r\n </mat-select>\r\n <div\r\n class=\"data-label-content\"\r\n *ngIf=\"selectedVisualType !== 'table'\"\r\n >\r\n <div class=\"label\">\r\n {{ translation.DATA_LABEL || \".Data labels\" }}\r\n </div>\r\n <ejs-switch\r\n [checked]=\"true\"\r\n [(ngModel)]=\"hasMarker\"\r\n (ngModelChange)=\"labelConfigChange($event)\"\r\n ></ejs-switch>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"wizard\" (click)=\"nextWizard(3)\">\r\n <span class=\"wizard-name\"\r\n >{{\r\n translation.GENERAL_OPTIONS\r\n ? translation.GENERAL_OPTIONS\r\n : \".GENERAL_OPTIONS\"\r\n }}*</span\r\n >\r\n <mat-icon class=\"wizard-icon\">{{\r\n !expandArray[3] ? \"expand_more\" : \"expand_less\"\r\n }}</mat-icon>\r\n </div>\r\n <div\r\n class=\"dialog-content\"\r\n [ngClass]=\"{ collapsed: !expandArray[3] }\"\r\n *ngIf=\"portletType !== 'newchart'\"\r\n >\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.GADGET_TITLE || \".GADGET_TITLE\" }}\r\n </div>\r\n <input\r\n matInput\r\n #message\r\n maxlength=\"256\"\r\n (ngModelChange)=\"gadgetTitleChange($event)\"\r\n [(ngModel)]=\"config.gadgetTitle\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n </div>\r\n <div\r\n class=\"dialog-content\"\r\n [ngClass]=\"{ collapsed: !expandArray[3] }\"\r\n *ngIf=\"portletType === 'newchart'\"\r\n >\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.GADGET_TITLE || \".GADGET_TITLE\" }}\r\n </div>\r\n <input\r\n matInput\r\n #message\r\n maxlength=\"256\"\r\n (ngModelChange)=\"gadgetTitleChange($event)\"\r\n [(ngModel)]=\"config.gadgetTitle\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.CHARTTYPE || \".CHARTTYPE\" }}\r\n </div>\r\n <mat-select\r\n [placeholder]=\"translation.SELECT_A_TYPE || 'Select a type'\"\r\n [(ngModel)]=\"chartSettings.chartSeries.type\"\r\n (selectionChange)=\"setChartType()\"\r\n >\r\n <mat-option *ngFor=\"let item of chartTypeList\" [value]=\"item\">\r\n {{ translation[\"chart_\" + item] || item }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <div class=\"condition-item flex\">\r\n <ejs-checkbox\r\n [label]=\"translation.MULTIPLE_AXIS || '.MULTIPLE_AXIS'\"\r\n [(ngModel)]=\"chartSettings.enableMultipleAxis\"\r\n (change)=\"setMultipleAxis($event)\"\r\n ></ejs-checkbox>\r\n <ejs-checkbox\r\n [disabled]=\"!chartSettings.enableMultipleAxis\"\r\n [label]=\"translation.SHOW_LEGEND || '.SHOW_LEGEND'\"\r\n (change)=\"setMultipleAxis($event)\"\r\n [(ngModel)]=\"chartSettings.legendSettings.visible\"\r\n ></ejs-checkbox>\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.MULTIPLE_AXIS_MODE || \".MULTIPLE_AXIS_MODE\" }}\r\n </div>\r\n <mat-select\r\n [placeholder]=\"translation.SELECT_A_MODE || '.SELECT_A_MODE'\"\r\n (selectionChange)=\"setMultipleAxis($event.value)\"\r\n [(ngModel)]=\"chartSettings.multipleAxisMode\"\r\n [disabled]=\"!chartSettings.enableMultipleAxis\"\r\n >\r\n <mat-option\r\n *ngFor=\"let item of multipleAxisModeList\"\r\n [value]=\"item\"\r\n >\r\n {{ translation[\"chart_\" + item] || item }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <div class=\"condition-item\">\r\n <div class=\"title\">\r\n {{ translation.COLORS || \".COLORS\" }}\r\n </div>\r\n\r\n <ejs-dropdownlist\r\n id=\"employees\"\r\n [dataSource]=\"themeData\"\r\n [allowFiltering]=\"true\"\r\n [filterType]=\"'Contains'\"\r\n [itemTemplate]=\"itemTemplate\"\r\n [valueTemplate]=\"valueTemplate\"\r\n [fields]=\"themeFields\"\r\n [value]=\"selectTheme\"\r\n (change)=\"getThemeData($event)\"\r\n class=\"color-ipt\"\r\n >\r\n <ng-template #itemTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n *ngFor=\"let i of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': i\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n <ng-template #valueTemplate let-data>\r\n <div class=\"color-box\">\r\n <div\r\n *ngFor=\"let item of data.value\"\r\n class=\"color-item\"\r\n [ngStyle]=\"{\r\n 'background-color': item\r\n }\"\r\n ></div>\r\n </div>\r\n </ng-template>\r\n </ejs-dropdownlist>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- </form> -->\r\n <div class=\"footer-btn\">\r\n <button type=\"button\" mat-flat-button class=\"btn-close\" (click)=\"clear()\">\r\n {{ translation.CLEAR ? translation.CLEAR : \"Clear\" }}\r\n </button>\r\n <button type=\"button\" mat-flat-button class=\"btn-save\" (click)=\"close()\">\r\n {{ translation.CLOSE ? translation.CLOSE : \".CLOSE\" }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n",
1612
1612
  changeDetection: ChangeDetectionStrategy.OnPush,
1613
- styles: ["@charset \"UTF-8\";.sidebar-iconlist{display:flex;flex-direction:column;height:100%}.sidebar-iconlist .nav-tabs{width:100%;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item{width:40%;padding:15px 10px 0}.sidebar-iconlist .nav-tabs .nav-item .nav-link{padding:12px 0;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item .tab-name{font-size:13px;font-weight:700;color:#48465a}.sidebar-iconlist .sidebar-iconlist-content{background-color:#fff;flex:1;height:0}.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{border-bottom:2px solid #5d78ff}.wizard{position:relative;width:100%;height:40px;background-color:#f7f9fb;padding:12px;margin-bottom:10px;cursor:pointer}.wizard .wizard-name{font-size:16px;color:#6c7293;font-weight:600}.wizard .wizard-icon{position:absolute;right:0}.wizard.slide-out{transform:translateX(100%);transition:transform .5s}.wizard.slide-out.slide-in{transform:translateX(0);transition:transform .5s}.wizard.chart{margin-top:-50px}.edit-dashboard-container{height:250px;transition:height .5s;overflow-y:hidden}.edit-dashboard-container.collapsed{height:0;transition:height .5s}.wizard-expanded{background-color:#fff;font-size:15px;overflow-y:auto}.wizard-expanded::-webkit-scrollbar{display:none}.wizard-expanded.datasource{height:500px;transition:height .5s}.wizard-expanded.datasource.extended{height:225px;transition:height .5s}.wizard-expanded.datasource.collapsed{height:0;transition:height .5s}.wizard-expanded.portlets{height:370px;transition:height .5s}.wizard-expanded.portlets.collapsed{height:0;transition:height .5s}.wizard-expanded.general{height:100px;transition:height .5s}.wizard-expanded.general.collapsed{height:0;transition:height .5s}.wizard-expanded.config{height:436px;transition:height .5s}.wizard-expanded.config.collapsed{height:0;transition:height .5s}.wizard-expanded.fields{height:300px;overflow-y:scroll;display:flex;flex-direction:column;transition:height .5s;transform:translateX(0);padding-bottom:50px}.wizard-expanded.fields.collapsed{height:0;transition:height .5s;transform:translateX(16px)}.wizard-expanded.fields.extended{height:400px;transition:height .5s}.wizard-expanded.series{height:auto;display:flex;flex-direction:column;transition:height .5s}.wizard-expanded.series.collapsed{height:0;transition:height .5s}.wizard-expanded.series .series-card{border:.33px solid #6c7293;margin-top:5px;margin-bottom:5px;width:98%}.wizard-expanded.series .series-card .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.xaxis{height:auto;transition:height .5s}.wizard-expanded.xaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.xaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.yaxis{height:auto;transition:height .5s}.wizard-expanded.yaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.yaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded .datamart-type-btn{border-radius:20px;height:40px;border:2px solid #606ede;background-color:#fff;color:#606ede;margin-right:10px;padding-left:10px;padding-right:10px;margin-bottom:10px}.wizard-expanded .datamart-type-btn.selected{color:#fff;background-color:#606ede}.wizard-expanded .datamart-select{height:40px;background-color:rgba(239,241,254,.5);width:95%;padding-left:10px;padding-top:10px;margin-bottom:10px}.wizard-expanded .twelvepx{font-size:12px}.footer-btn{z-index:998;background:#fff;padding-top:15px;position:absolute;bottom:30px}.btn-save{width:150px;height:40px;border-radius:5px;color:#5d78ff;background-color:#eff1fe;border-style:none;font-size:15px;font-weight:700;font-family:Arial;margin-left:13px}.btn-save:hover{color:#fff;background:#606ede}.btn-close{width:150px;height:40px;border-radius:5px;background-color:#f2f3f7;border-style:none;font-size:15px;font-weight:700;font-family:Arial;color:#979cb4;margin-left:44px}.scroll-body::-webkit-scrollbar{display:none}::ng-deep kt-sidebar-iconlist .fields-title{margin-bottom:0!important;background:#f7f8fa!important;padding-left:0!important}::ng-deep kt-sidebar-iconlist .fields-data{background:#f7f8fa!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-frame{background:#fff!important;border:1px solid #d6d6d6!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-inner-container{margin-right:10px!important}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.add-pdding{padding:0 16px}.data-source{background:#fff}.wizard-expanded.datasource{background:#f7f8fa}button.btn.prompt-btn{display:inline-block;width:20px!important;height:22px;margin-top:-6px;margin-left:3px}.prompt-btn{background-image:url(../../assets/img/dashboard_icon/information-1.png);background-position:0 0;background-size:20px;background-repeat:no-repeat}.prompt-btn ngb-tooltip-window .tooltip{width:189px!important;height:58px!important;border-radius:2px!important;box-shadow:0 8px 16px 0 rgba(169,194,209,.25)!important;background-color:rgba(169,194,209,.25)!important;font-family:Arial!important;font-size:13px!important;color:#fff!important}.content-title{font-size:10px;font-weight:400;color:#a2a3b5}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.data-label-content{margin-top:8px;display:flex;align-items:center}.data-label-content .label{margin-right:8px}input.field-name{border-bottom:1px solid #eaedf0}.display-total{color:#fdbf5e}.scroll-body{padding-bottom:1vh}::ng-deep kt-sidebar-iconlist input,::ng-deep kt-sidebar-iconlist mat-select{color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist span.mat-slide-toggle-content{font-family:Arial!important;font-size:15px!important;font-weight:700!important;color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist .mat-form-field-flex{border-bottom:1px solid #e9edef;border-radius:0!important}.footer-btn{margin:0}.state-selector{width:360px;height:36px;border:2px solid #5867dd;border-radius:5px;display:inline-block;margin-left:15px;margin-bottom:20px}.state-selector .state{display:inline-block;width:33.3%;padding-top:1px;text-align:center;background-color:#fff;height:32px;line-height:32px;font-size:15px;cursor:pointer;color:#606ede}.state-selector .state.investment{border-left:2px solid #5867dd;border-right:2px solid #5867dd}.state-selector .state.selected{background-color:#5867dd;color:#fff}:host ::ng-deep.kt-margin-bottom-10-mobile{height:40px;margin-bottom:20px}:host ::ng-deep.kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep.field-icon-filter .filter .kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep .box{position:absolute;top:364px;background:#fff;width:100%;z-index:999;height:auto}:host ::ng-deep .box .mat-checkbox-inner-container{background:#f8fafb}:host ::ng-deep .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}:host ::ng-deep .box .box-header .title-icon{position:absolute;top:10px;left:10px}:host ::ng-deep .box .box-header .close-icon{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}:host ::ng-deep .box .box-header .close{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-content{display:flex;flex-direction:column;padding:10px;max-height:210px;overflow:auto!important}:host ::ng-deep .box .buttons{font-family:Arial;display:flex;width:100%;justify-content:center;margin-bottom:10px;margin-top:15px}:host ::ng-deep .box .buttons .noki-btn{width:110px;border-radius:6px;color:#5d78ff;background-color:#eff1fe;box-shadow:none;border:none;font-size:1.25rem;font-weight:400;margin-left:15px;margin-right:15px;height:40px;line-height:40px}:host ::ng-deep .box .buttons .noki-btn:hover{color:#fff;background-color:#5d78ff}.format .box-content{max-height:150px}:host::ng-deep .datamart-select .mat-select-value-text{font-size:15px!important;font-weight:400!important;color:#44566c!important}.fields-row{height:40px!important;line-height:40px;position:relative}.fields-row mat-checkbox.fields-{display:inline-block}.fields-row .field-icon-filter,.fields-row .field-icon-format{cursor:pointer;margin:0 6px}.fields-row .field-icon-filter mat-icon,.fields-row .field-icon-format mat-icon{transform:translateY(2px)!important}.fields-row .field-icon-filter .box,.fields-row .field-icon-format .box{position:absolute;top:40px;z-index:99;border:1px solid #eaedf0;border-radius:5px;height:auto;width:367px;cursor:default;background-color:#fff}.fields-row .field-icon-filter .box .mat-checkbox-inner-container,.fields-row .field-icon-format .box .mat-checkbox-inner-container{cursor:pointer}.fields-row .field-icon-filter .box .box-header,.fields-row .field-icon-format .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}.fields-row .field-icon-filter .box .box-header .title-icon,.fields-row .field-icon-format .box .box-header .title-icon{position:absolute;top:10px;left:10px}.fields-row .field-icon-filter .box .box-header .close-icon,.fields-row .field-icon-format .box .box-header .close-icon{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-header .title,.fields-row .field-icon-format .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}.fields-row .field-icon-filter .box .box-header .close,.fields-row .field-icon-format .box .box-header .close{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-content,.fields-row .field-icon-format .box .box-content{display:flex;flex-direction:column;padding:10px;overflow-y:hidden}.fields-row .field-icon-filter .box{transform:translateX(-302px)}.fields-row .field-icon-format .box{transform:translateX(-338px)}.fields-row .field-icon-total{width:36px;text-align:center;font-weight:500;cursor:pointer;margin:0 5px}:host::ng-deep .fields-row mat-checkbox.fields- label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row mat-checkbox.fields- span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .fields-row .box-content label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row .box-content span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .search-select-all{position:absolute;background:#fff;top:40px;z-index:9;width:calc(100% - 10px)}:host::ng-deep .search-select-all .search- .mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:calc(100% - 10px);border:1px solid #e9edef;border-radius:5px!important}.tab-content{padding:0!important}ul.nav.nav-tabs.nav-tabs-line{width:100%;padding-right:0;margin-bottom:25px}ul.nav.nav-tabs.nav-tabs-line li{width:40%;padding:15px 10px 0}ul.nav.nav-tabs.nav-tabs-line li .tab-name{display:inline-block;font-size:13px;font-weight:700;color:#48465a}.color-ipt{width:95%}.color-ipt .e-list-item{background-color:#fff!important}.color-ipt .e-input-group{background-color:rgba(239,241,254,.5)!important}::ng-deep .e-dropdownlist .e-list-item.e-active{background:red!important}.color-box{width:100%;display:flex;height:40px;align-items:center;justify-content:center}.color-box .color-item{width:10%;height:16px}.dialog-content{padding:16px 24px}.dialog-content .condition-item{margin-bottom:18px}.dialog-content .condition-item.flex{display:flex}.dialog-content .condition-item.flex .e-checkbox-wrapper{flex:1;height:20px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons{height:18px;width:18px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons:before{font-size:12px}.dialog-content .condition-item .title{margin-bottom:6px;font-size:13px;color:#646c9a}.dialog-content .condition-item .mat-input-element,.dialog-content .condition-item .mat-select{border-bottom:1px solid rgba(0,0,0,.42);height:30px;line-height:30px;width:100%}.dialog-content .condition-item .mat-input-element.mat-select-disabled,.dialog-content .condition-item .mat-select.mat-select-disabled{opacity:.3}::ng-deep .cdk-overlay-pane{transform:translateX(-16px)!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap{max-width:380px!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel{min-width:calc(100% + 32px)!important}"]
1613
+ styles: ["@charset \"UTF-8\";.sidebar-iconlist{display:flex;flex-direction:column;height:100%}.sidebar-iconlist .nav-tabs{width:100%;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item{width:40%;padding:15px 10px 0}.sidebar-iconlist .nav-tabs .nav-item .nav-link{padding:12px 0;display:flex;justify-content:center}.sidebar-iconlist .nav-tabs .nav-item .tab-name{font-size:13px;font-weight:700;color:#48465a}.sidebar-iconlist .sidebar-iconlist-content{background-color:#fff;flex:1;height:0}.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{border-bottom:2px solid #5d78ff}.wizard{position:relative;width:100%;height:40px;background-color:#f7f9fb;padding:12px;margin-bottom:10px;cursor:pointer}.wizard .wizard-name{font-size:16px;color:#6c7293;font-weight:600}.wizard .wizard-icon{position:absolute;right:0}.wizard.slide-out{transform:translateX(100%);transition:transform .5s}.wizard.slide-out.slide-in{transform:translateX(0);transition:transform .5s}.wizard.chart{margin-top:-50px}.edit-dashboard-container{height:250px;transition:height .5s;overflow-y:hidden}.edit-dashboard-container.collapsed{height:0;transition:height .5s}.wizard-expanded{background-color:#fff;font-size:15px;overflow-y:auto}.wizard-expanded::-webkit-scrollbar{display:none}.wizard-expanded.datasource{height:500px;transition:height .5s}.wizard-expanded.datasource.extended{height:225px;transition:height .5s}.wizard-expanded.datasource.collapsed{height:0;transition:height .5s}.wizard-expanded.portlets{height:370px;transition:height .5s}.wizard-expanded.portlets.collapsed{height:0;transition:height .5s}.wizard-expanded.general{height:100px;transition:height .5s}.wizard-expanded.general.collapsed{height:0;transition:height .5s}.wizard-expanded.config{height:436px;transition:height .5s}.wizard-expanded.config.collapsed{height:0;transition:height .5s}.wizard-expanded.fields{height:300px;overflow-y:scroll;display:flex;flex-direction:column;transition:height .5s;transform:translateX(0);padding-bottom:50px}.wizard-expanded.fields.collapsed{height:0;transition:height .5s;transform:translateX(16px)}.wizard-expanded.fields.extended{height:400px;transition:height .5s}.wizard-expanded.series{height:auto;display:flex;flex-direction:column;transition:height .5s}.wizard-expanded.series.collapsed{height:0;transition:height .5s}.wizard-expanded.series .series-card{border:.33px solid #6c7293;margin-top:5px;margin-bottom:5px;width:98%}.wizard-expanded.series .series-card .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.xaxis{height:auto;transition:height .5s}.wizard-expanded.xaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.xaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded.yaxis{height:auto;transition:height .5s}.wizard-expanded.yaxis.collapsed{height:0;transition:height .5s}.wizard-expanded.yaxis .select{height:40px;background-color:rgba(239,241,254,.5);padding-left:10px;padding-top:10px;margin-top:5px;margin-bottom:5px}.wizard-expanded .datamart-type-btn{border-radius:20px;height:40px;border:2px solid #606ede;background-color:#fff;color:#606ede;margin-right:10px;padding-left:10px;padding-right:10px;margin-bottom:10px}.wizard-expanded .datamart-type-btn.selected{color:#fff;background-color:#606ede}.wizard-expanded .datamart-select{height:40px;background-color:rgba(239,241,254,.5);width:95%;padding-left:10px;padding-top:10px;margin-bottom:10px}.wizard-expanded .twelvepx{font-size:12px}.footer-btn{z-index:998;background:#fff;padding-top:15px;position:absolute;bottom:30px}.btn-save{width:150px;height:40px;border-radius:5px;color:#5d78ff;background-color:#eff1fe;border-style:none;font-size:15px;font-weight:700;font-family:Arial;margin-left:13px}.btn-save:hover{color:#fff;background:#606ede}.btn-close{width:150px;height:40px;border-radius:5px;background-color:#f2f3f7;border-style:none;font-size:15px;font-weight:700;font-family:Arial;color:#979cb4;margin-left:44px}.scroll-body::-webkit-scrollbar{display:none}::ng-deep kt-sidebar-iconlist .fields-title{margin-bottom:0!important;background:#f7f8fa!important;padding-left:0!important}::ng-deep kt-sidebar-iconlist .fields-data{background:#f7f8fa!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-frame{background:#fff!important;border:1px solid #d6d6d6!important}::ng-deep kt-sidebar-iconlist .fields-data .mat-checkbox-inner-container{margin-right:10px!important}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.add-pdding{padding:0 16px}.data-source{background:#fff}.wizard-expanded.datasource{background:#f7f8fa}button.btn.prompt-btn{display:inline-block;width:20px!important;height:22px;margin-top:-6px;margin-left:3px}.prompt-btn{background-image:url(../../../assets/img/dashboard_icon/information-1.png);background-position:0 0;background-size:20px;background-repeat:no-repeat}.prompt-btn ngb-tooltip-window .tooltip{width:189px!important;height:58px!important;border-radius:2px!important;box-shadow:0 8px 16px 0 rgba(169,194,209,.25)!important;background-color:rgba(169,194,209,.25)!important;font-family:Arial!important;font-size:13px!important;color:#fff!important}.content-title{font-size:10px;font-weight:400;color:#a2a3b5}.icon-list mat-icon.mat-icon{width:30px;height:30px;line-height:30px;background:#eff1fe;margin-right:12px;color:#44566c;text-align:center;border-radius:5px;cursor:pointer;margin-top:6px}.icon-list mat-icon.mat-icon.selected{color:#fff;background-color:#606ede}.data-label-content{margin-top:8px;display:flex;align-items:center}.data-label-content .label{margin-right:8px}input.field-name{border-bottom:1px solid #eaedf0}.display-total{color:#fdbf5e}.scroll-body{padding-bottom:1vh}::ng-deep kt-sidebar-iconlist input,::ng-deep kt-sidebar-iconlist mat-select{color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist span.mat-slide-toggle-content{font-family:Arial!important;font-size:15px!important;font-weight:700!important;color:#4a4a4a!important}::ng-deep kt-sidebar-iconlist .mat-form-field-flex{border-bottom:1px solid #e9edef;border-radius:0!important}.footer-btn{margin:0}.state-selector{width:360px;height:36px;border:2px solid #5867dd;border-radius:5px;display:inline-block;margin-left:15px;margin-bottom:20px}.state-selector .state{display:inline-block;width:33.3%;padding-top:1px;text-align:center;background-color:#fff;height:32px;line-height:32px;font-size:15px;cursor:pointer;color:#606ede}.state-selector .state.investment{border-left:2px solid #5867dd;border-right:2px solid #5867dd}.state-selector .state.selected{background-color:#5867dd;color:#fff}:host ::ng-deep.kt-margin-bottom-10-mobile{height:40px;margin-bottom:20px}:host ::ng-deep.kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep.field-icon-filter .filter .kt-margin-bottom-10-mobile .mat-form-field-flex{height:40px;background:#f8fafb;border:none!important}:host ::ng-deep .box{position:absolute;top:364px;background:#fff;width:100%;z-index:999;height:auto}:host ::ng-deep .box .mat-checkbox-inner-container{background:#f8fafb}:host ::ng-deep .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}:host ::ng-deep .box .box-header .title-icon{position:absolute;top:10px;left:10px}:host ::ng-deep .box .box-header .close-icon{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}:host ::ng-deep .box .box-header .close{position:absolute;top:10px;right:10px}:host ::ng-deep .box .box-content{display:flex;flex-direction:column;padding:10px;max-height:210px;overflow:auto!important}:host ::ng-deep .box .buttons{font-family:Arial;display:flex;width:100%;justify-content:center;margin-bottom:10px;margin-top:15px}:host ::ng-deep .box .buttons .noki-btn{width:110px;border-radius:6px;color:#5d78ff;background-color:#eff1fe;box-shadow:none;border:none;font-size:1.25rem;font-weight:400;margin-left:15px;margin-right:15px;height:40px;line-height:40px}:host ::ng-deep .box .buttons .noki-btn:hover{color:#fff;background-color:#5d78ff}.format .box-content{max-height:150px}:host::ng-deep .datamart-select .mat-select-value-text{font-size:15px!important;font-weight:400!important;color:#44566c!important}.fields-row{height:40px!important;line-height:40px;position:relative}.fields-row mat-checkbox.fields-{display:inline-block}.fields-row .field-icon-filter,.fields-row .field-icon-format{cursor:pointer;margin:0 6px}.fields-row .field-icon-filter mat-icon,.fields-row .field-icon-format mat-icon{transform:translateY(2px)!important}.fields-row .field-icon-filter .box,.fields-row .field-icon-format .box{position:absolute;top:40px;z-index:99;border:1px solid #eaedf0;border-radius:5px;height:auto;width:367px;cursor:default;background-color:#fff}.fields-row .field-icon-filter .box .mat-checkbox-inner-container,.fields-row .field-icon-format .box .mat-checkbox-inner-container{cursor:pointer}.fields-row .field-icon-filter .box .box-header,.fields-row .field-icon-format .box .box-header{position:relative;height:40px;width:100%;border-radius:5px;background-color:rgba(239,241,254,.5)}.fields-row .field-icon-filter .box .box-header .title-icon,.fields-row .field-icon-format .box .box-header .title-icon{position:absolute;top:10px;left:10px}.fields-row .field-icon-filter .box .box-header .close-icon,.fields-row .field-icon-format .box .box-header .close-icon{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-header .title,.fields-row .field-icon-format .box .box-header .title{position:absolute;top:0;padding-left:42px;width:100%;font-family:Arial}.fields-row .field-icon-filter .box .box-header .close,.fields-row .field-icon-format .box .box-header .close{position:absolute;top:10px;right:10px}.fields-row .field-icon-filter .box .box-content,.fields-row .field-icon-format .box .box-content{display:flex;flex-direction:column;padding:10px;overflow-y:hidden}.fields-row .field-icon-filter .box{transform:translateX(-302px)}.fields-row .field-icon-format .box{transform:translateX(-338px)}.fields-row .field-icon-total{width:36px;text-align:center;font-weight:500;cursor:pointer;margin:0 5px}:host::ng-deep .fields-row mat-checkbox.fields- label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row mat-checkbox.fields- span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .fields-row .box-content label.mat-checkbox-layout{width:100%}:host::ng-deep .fields-row .box-content span.mat-checkbox-label{width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host::ng-deep .search-select-all{position:absolute;background:#fff;top:40px;z-index:9;width:calc(100% - 10px)}:host::ng-deep .search-select-all .search- .mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:calc(100% - 10px);border:1px solid #e9edef;border-radius:5px!important}.tab-content{padding:0!important}ul.nav.nav-tabs.nav-tabs-line{width:100%;padding-right:0;margin-bottom:25px}ul.nav.nav-tabs.nav-tabs-line li{width:40%;padding:15px 10px 0}ul.nav.nav-tabs.nav-tabs-line li .tab-name{display:inline-block;font-size:13px;font-weight:700;color:#48465a}.color-ipt{width:95%}.color-ipt .e-list-item{background-color:#fff!important}.color-ipt .e-input-group{background-color:rgba(239,241,254,.5)!important}::ng-deep .e-dropdownlist .e-list-item.e-active{background:red!important}.color-box{width:100%;display:flex;height:40px;align-items:center;justify-content:center}.color-box .color-item{width:10%;height:16px}.dialog-content{padding:16px 24px}.dialog-content .condition-item{margin-bottom:18px}.dialog-content .condition-item.flex{display:flex}.dialog-content .condition-item.flex .e-checkbox-wrapper{flex:1;height:20px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons{height:18px;width:18px}.dialog-content .condition-item.flex .e-checkbox-wrapper .e-icons:before{font-size:12px}.dialog-content .condition-item .title{margin-bottom:6px;font-size:13px;color:#646c9a}.dialog-content .condition-item .mat-input-element,.dialog-content .condition-item .mat-select{border-bottom:1px solid rgba(0,0,0,.42);height:30px;line-height:30px;width:100%}.dialog-content .condition-item .mat-input-element.mat-select-disabled,.dialog-content .condition-item .mat-select.mat-select-disabled{opacity:.3}::ng-deep .cdk-overlay-pane{transform:translateX(-16px)!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap{max-width:380px!important}::ng-deep .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel{min-width:calc(100% + 32px)!important}"]
1614
1614
  }] }
1615
1615
  ];
1616
1616
  /** @nocollapse */
package/esm5/lib/dialog/common-delete-dialog/index.component.js CHANGED
@@ -76,7 +76,7 @@ var CommonDeleteComponent = /** @class */ (function () {
76
76
  CommonDeleteComponent.decorators = [
77
77
  { type: Component, args: [{
78
78
  selector: "kt-common-delete-dialog",
79
- template: "<rs-common-dialog\r\n [size]=\"size\"\r\n [title]=\"title\"\r\n [hideHeader]=\"false\"\r\n [hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n [hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n [hideDiscardBtn]=\"\r\n data.hideDiscardBtn === undefined ? true : data.hideDiscardBtn\r\n \"\r\n [saveBtnLabel]=\"saveBtnLabel\"\r\n [cancelBtnLabel]=\"cancelBtnLabel\"\r\n [discardBtnLabel]=\"discardBtnLabel\"\r\n [showErrorIcon]=\"\r\n data.showErrorIcon === undefined ? false : data.showErrorIcon\r\n \"\r\n [hideCloseIcon]=\"\r\n data.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n \"\r\n\t[showZoomBtn]=\"data.showZoomBtn\"\r\n>\r\n <div class=\"mapping-dialog\">\r\n <div *ngIf=\"isMultiLine\">\r\n <div *ngFor=\"let item of description\" class=\"description-item\">\r\n {{ item }}\r\n </div>\r\n </div>\r\n <div *ngIf=\"!isMultiLine\">\r\n {{description}}\r\n </div>\r\n </div>\r\n</rs-common-dialog>\r\n",
79
+ template: "<rs-common-dialog\r\n [size]=\"size\"\r\n [title]=\"title\"\r\n [hideHeader]=\"false\"\r\n [hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n [hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n [hideDiscardBtn]=\"\r\n data.hideDiscardBtn === undefined ? true : data.hideDiscardBtn\r\n \"\r\n [saveBtnLabel]=\"saveBtnLabel\"\r\n [cancelBtnLabel]=\"cancelBtnLabel\"\r\n [discardBtnLabel]=\"discardBtnLabel\"\r\n [showErrorIcon]=\"\r\n data.showErrorIcon === undefined ? false : data.showErrorIcon\r\n \"\r\n [hideCloseIcon]=\"\r\n data.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n \"\r\n [showZoomBtn]=\"data.showZoomBtn\"\r\n>\r\n <div class=\"mapping-dialog\">\r\n <div *ngIf=\"isMultiLine\">\r\n <div *ngFor=\"let item of description\" class=\"description-item\">\r\n {{ item }}\r\n </div>\r\n </div>\r\n <div *ngIf=\"!isMultiLine\">\r\n {{ description }}\r\n </div>\r\n </div>\r\n</rs-common-dialog>\r\n",
80
80
  styles: [".mapping-dialog{color:#44566c;font-family:Arial;font-size:12px;line-height:16px;white-space:pre-line}.mapping-dialog .description-item{line-height:26px}"]
81
81
  }] }
82
82
  ];
@@ -112,4 +112,4 @@ if (false) {
112
112
  /** @type {?} */
113
113
  CommonDeleteComponent.prototype.dialogRef;
114
114
  }
115
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2cvY29tbW9uLWRlbGV0ZS1kaWFsb2cvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUV6RSxrQ0FlQzs7O0lBZEMsNkJBQWU7O0lBQ2YsbUNBQWdDOztJQUNoQyxvQ0FBc0I7O0lBQ3RCLHNDQUF3Qjs7SUFDeEIsdUNBQXlCOztJQUN6QixxQ0FBd0I7O0lBQ3hCLHFDQUF3Qjs7SUFDeEIsNEJBQWM7O0lBQ2QsbUNBQXNCOztJQUN0QixvQ0FBdUI7O0lBQ3ZCLHNDQUF5Qjs7SUFDekIsbUNBQXNCOztJQUV0QixzQ0FBOEM7O0FBRWhEO0lBZ0JFLCtCQUVTLElBQWtCLEVBQ2xCLFNBQThDO1FBRDlDLFNBQUksR0FBSixJQUFJLENBQWM7UUFDbEIsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFadkQsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFNBQUksR0FBRyxPQUFPLENBQUM7UUFDZixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBVyxHQUFHLEtBQUssQ0FBQztJQU1qQixDQUFDOzs7O0lBRUosd0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekUsSUFBSSxDQUFDLEtBQUs7WUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxJQUFJLGdCQUFnQixDQUFDO1FBQzNFLElBQUksQ0FBQyxZQUFZO1lBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxjQUFjO1lBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxJQUFJLFNBQVMsQ0FBQztRQUNuRSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ2pELElBQUksQ0FBQyxXQUFXO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXO2dCQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGlDQUFpQztnQkFDbEQsd0ZBQXdGLENBQUM7UUFDM0YsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7UUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUM7UUFDbEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNyRCxDQUFDOztnQkF0Q0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLDJoQ0FBcUM7O2lCQUV0Qzs7OztnREFhSSxNQUFNLFNBQUMsZUFBZTtnQkFuQ0QsWUFBWTs7SUF5RHRDLDRCQUFDO0NBQUEsQUF2Q0QsSUF1Q0M7U0FsQ1kscUJBQXFCOzs7SUFDaEMsNENBQVk7O0lBQ1osc0NBQVc7O0lBQ1gsNkNBQWtCOztJQUNsQiwrQ0FBb0I7O0lBQ3BCLGdEQUFxQjs7SUFDckIsNENBQWlCOztJQUNqQixxQ0FBZTs7SUFDZiw0Q0FBb0I7O0lBQ3BCLDRDQUFvQjs7SUFHbEIscUNBQ3lCOztJQUN6QiwwQ0FBcUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0NvbmZpZyB7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBzdHJpbmdbXTtcclxuICBzYXZlQnRuTGFiZWw/OiBzdHJpbmc7XHJcbiAgY2FuY2VsQnRuTGFiZWw/OiBzdHJpbmc7XHJcbiAgZGlzY2FyZEJ0bkxhYmVsPzogc3RyaW5nO1xyXG4gIHNob3dFcnJvckljb24/OiBib29sZWFuO1xyXG4gIGhpZGVDbG9zZUljb24/OiBib29sZWFuO1xyXG4gIHNpemU/OiBzdHJpbmc7XHJcbiAgaGlkZVNhdmVCdG4/OiBib29sZWFuO1xyXG4gIGhpZGVDbG9zZUJ0bj86IGJvb2xlYW47XHJcbiAgaGlkZURpc2NhcmRCdG4/OiBib29sZWFuO1xyXG4gIHNob3dab29tQnRuPzogYm9vbGVhbjtcclxuXHJcbiAgb25DbG9zZVJlcXVlc3Q/OiAoZTogYW55KSA9PiBQcm9taXNlPGJvb2xlYW4+O1xyXG59XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImt0LWNvbW1vbi1kZWxldGUtZGlhbG9nXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1vbkRlbGV0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgdHJhbnNsYXRpb247XHJcbiAgdGl0bGUgPSBcIlwiO1xyXG4gIHNhdmVCdG5MYWJlbCA9IFwiXCI7XHJcbiAgY2FuY2VsQnRuTGFiZWwgPSBcIlwiO1xyXG4gIGRpc2NhcmRCdG5MYWJlbCA9IFwiXCI7XHJcbiAgZGVzY3JpcHRpb24gPSBcIlwiO1xyXG4gIHNpemUgPSBcInNtYWxsXCI7XHJcbiAgc2hvd1pvb21CdG4gPSBmYWxzZTtcclxuICBpc011bHRpTGluZSA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKVxyXG4gICAgcHVibGljIGRhdGE6IERpYWxvZ0NvbmZpZyxcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb21tb25EZWxldGVDb21wb25lbnQ+XHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudHJhbnNsYXRpb24gPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKFwidHJhbnNsYXRpb25cIikpIHx8IHt9O1xyXG4gICAgdGhpcy50aXRsZSA9XHJcbiAgICAgIHRoaXMuZGF0YS50aXRsZSB8fCB0aGlzLnRyYW5zbGF0aW9uW1wiREVMRVRFX1JFQ09SRFwiXSB8fCBcIi5ERUxFVEVfUkVDT1JEXCI7XHJcbiAgICB0aGlzLnNhdmVCdG5MYWJlbCA9XHJcbiAgICAgIHRoaXMuZGF0YS5zYXZlQnRuTGFiZWwgfHwgdGhpcy50cmFuc2xhdGlvbi5ERUxFVEUgfHwgXCIuREVMRVRFXCI7XHJcbiAgICB0aGlzLmNhbmNlbEJ0bkxhYmVsID1cclxuICAgICAgdGhpcy5kYXRhLmNhbmNlbEJ0bkxhYmVsIHx8IHRoaXMudHJhbnNsYXRpb24uQ0FOQ0VMIHx8IFwiLkNBTkNFTFwiO1xyXG4gICAgdGhpcy5kaXNjYXJkQnRuTGFiZWwgPSB0aGlzLmRhdGEuZGlzY2FyZEJ0bkxhYmVsO1xyXG4gICAgdGhpcy5kZXNjcmlwdGlvbiA9XHJcbiAgICAgIHRoaXMuZGF0YS5kZXNjcmlwdGlvbiB8fFxyXG4gICAgICB0aGlzLnRyYW5zbGF0aW9uLklGX1lPVV9ERUxFVEVfVEhJU19SRUNPUkRfV0FSTklORyB8fFxyXG4gICAgICBcIi5JZiB5b3UgZGVsZXRlIHRoaXMgcmVjb3JkLCB5b3Ugd29uJ3QgYmUgYWJsZSB0byByZWNvdmVyIGl0LiBEbyB5b3Ugd2FudCB0byBkZWxldGUgaXQ/XCI7XHJcbiAgICB0aGlzLnNpemUgPSB0aGlzLmRhdGEuc2l6ZSB8fCBcInNtYWxsXCI7XHJcbiAgICB0aGlzLnNob3dab29tQnRuID0gdGhpcy5kYXRhLnNob3dab29tQnRuIHx8IGZhbHNlO1xyXG4gICAgdGhpcy5pc011bHRpTGluZSA9IEFycmF5LmlzQXJyYXkodGhpcy5kZXNjcmlwdGlvbik7XHJcbiAgfVxyXG59XHJcbiJdfQ==
115
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2cvY29tbW9uLWRlbGV0ZS1kaWFsb2cvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUV6RSxrQ0FlQzs7O0lBZEMsNkJBQWU7O0lBQ2YsbUNBQWdDOztJQUNoQyxvQ0FBc0I7O0lBQ3RCLHNDQUF3Qjs7SUFDeEIsdUNBQXlCOztJQUN6QixxQ0FBd0I7O0lBQ3hCLHFDQUF3Qjs7SUFDeEIsNEJBQWM7O0lBQ2QsbUNBQXNCOztJQUN0QixvQ0FBdUI7O0lBQ3ZCLHNDQUF5Qjs7SUFDekIsbUNBQXNCOztJQUV0QixzQ0FBOEM7O0FBRWhEO0lBZ0JFLCtCQUVTLElBQWtCLEVBQ2xCLFNBQThDO1FBRDlDLFNBQUksR0FBSixJQUFJLENBQWM7UUFDbEIsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFadkQsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFNBQUksR0FBRyxPQUFPLENBQUM7UUFDZixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBVyxHQUFHLEtBQUssQ0FBQztJQU1qQixDQUFDOzs7O0lBRUosd0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekUsSUFBSSxDQUFDLEtBQUs7WUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxJQUFJLGdCQUFnQixDQUFDO1FBQzNFLElBQUksQ0FBQyxZQUFZO1lBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxjQUFjO1lBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxJQUFJLFNBQVMsQ0FBQztRQUNuRSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ2pELElBQUksQ0FBQyxXQUFXO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXO2dCQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGlDQUFpQztnQkFDbEQsd0ZBQXdGLENBQUM7UUFDM0YsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7UUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUM7UUFDbEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNyRCxDQUFDOztnQkF0Q0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLDZoQ0FBcUM7O2lCQUV0Qzs7OztnREFhSSxNQUFNLFNBQUMsZUFBZTtnQkFuQ0QsWUFBWTs7SUF5RHRDLDRCQUFDO0NBQUEsQUF2Q0QsSUF1Q0M7U0FsQ1kscUJBQXFCOzs7SUFDaEMsNENBQVk7O0lBQ1osc0NBQVc7O0lBQ1gsNkNBQWtCOztJQUNsQiwrQ0FBb0I7O0lBQ3BCLGdEQUFxQjs7SUFDckIsNENBQWlCOztJQUNqQixxQ0FBZTs7SUFDZiw0Q0FBb0I7O0lBQ3BCLDRDQUFvQjs7SUFHbEIscUNBQ3lCOztJQUN6QiwwQ0FBcUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0NvbmZpZyB7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBzdHJpbmdbXTtcclxuICBzYXZlQnRuTGFiZWw/OiBzdHJpbmc7XHJcbiAgY2FuY2VsQnRuTGFiZWw/OiBzdHJpbmc7XHJcbiAgZGlzY2FyZEJ0bkxhYmVsPzogc3RyaW5nO1xyXG4gIHNob3dFcnJvckljb24/OiBib29sZWFuO1xyXG4gIGhpZGVDbG9zZUljb24/OiBib29sZWFuO1xyXG4gIHNpemU/OiBzdHJpbmc7XHJcbiAgaGlkZVNhdmVCdG4/OiBib29sZWFuO1xyXG4gIGhpZGVDbG9zZUJ0bj86IGJvb2xlYW47XHJcbiAgaGlkZURpc2NhcmRCdG4/OiBib29sZWFuO1xyXG4gIHNob3dab29tQnRuPzogYm9vbGVhbjtcclxuXHJcbiAgb25DbG9zZVJlcXVlc3Q/OiAoZTogYW55KSA9PiBQcm9taXNlPGJvb2xlYW4+O1xyXG59XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImt0LWNvbW1vbi1kZWxldGUtZGlhbG9nXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1vbkRlbGV0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgdHJhbnNsYXRpb247XHJcbiAgdGl0bGUgPSBcIlwiO1xyXG4gIHNhdmVCdG5MYWJlbCA9IFwiXCI7XHJcbiAgY2FuY2VsQnRuTGFiZWwgPSBcIlwiO1xyXG4gIGRpc2NhcmRCdG5MYWJlbCA9IFwiXCI7XHJcbiAgZGVzY3JpcHRpb24gPSBcIlwiO1xyXG4gIHNpemUgPSBcInNtYWxsXCI7XHJcbiAgc2hvd1pvb21CdG4gPSBmYWxzZTtcclxuICBpc011bHRpTGluZSA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKVxyXG4gICAgcHVibGljIGRhdGE6IERpYWxvZ0NvbmZpZyxcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb21tb25EZWxldGVDb21wb25lbnQ+XHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudHJhbnNsYXRpb24gPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKFwidHJhbnNsYXRpb25cIikpIHx8IHt9O1xyXG4gICAgdGhpcy50aXRsZSA9XHJcbiAgICAgIHRoaXMuZGF0YS50aXRsZSB8fCB0aGlzLnRyYW5zbGF0aW9uW1wiREVMRVRFX1JFQ09SRFwiXSB8fCBcIi5ERUxFVEVfUkVDT1JEXCI7XHJcbiAgICB0aGlzLnNhdmVCdG5MYWJlbCA9XHJcbiAgICAgIHRoaXMuZGF0YS5zYXZlQnRuTGFiZWwgfHwgdGhpcy50cmFuc2xhdGlvbi5ERUxFVEUgfHwgXCIuREVMRVRFXCI7XHJcbiAgICB0aGlzLmNhbmNlbEJ0bkxhYmVsID1cclxuICAgICAgdGhpcy5kYXRhLmNhbmNlbEJ0bkxhYmVsIHx8IHRoaXMudHJhbnNsYXRpb24uQ0FOQ0VMIHx8IFwiLkNBTkNFTFwiO1xyXG4gICAgdGhpcy5kaXNjYXJkQnRuTGFiZWwgPSB0aGlzLmRhdGEuZGlzY2FyZEJ0bkxhYmVsO1xyXG4gICAgdGhpcy5kZXNjcmlwdGlvbiA9XHJcbiAgICAgIHRoaXMuZGF0YS5kZXNjcmlwdGlvbiB8fFxyXG4gICAgICB0aGlzLnRyYW5zbGF0aW9uLklGX1lPVV9ERUxFVEVfVEhJU19SRUNPUkRfV0FSTklORyB8fFxyXG4gICAgICBcIi5JZiB5b3UgZGVsZXRlIHRoaXMgcmVjb3JkLCB5b3Ugd29uJ3QgYmUgYWJsZSB0byByZWNvdmVyIGl0LiBEbyB5b3Ugd2FudCB0byBkZWxldGUgaXQ/XCI7XHJcbiAgICB0aGlzLnNpemUgPSB0aGlzLmRhdGEuc2l6ZSB8fCBcInNtYWxsXCI7XHJcbiAgICB0aGlzLnNob3dab29tQnRuID0gdGhpcy5kYXRhLnNob3dab29tQnRuIHx8IGZhbHNlO1xyXG4gICAgdGhpcy5pc011bHRpTGluZSA9IEFycmF5LmlzQXJyYXkodGhpcy5kZXNjcmlwdGlvbik7XHJcbiAgfVxyXG59XHJcbiJdfQ==
package/esm5/lib/dialog/common-dialog/index.component.js CHANGED
@@ -126,7 +126,7 @@ var CommonDialogComponent = /** @class */ (function () {
126
126
  CommonDialogComponent.decorators = [
127
127
  { type: Component, args: [{
128
128
  selector: "rs-common-dialog",
129
- template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n <!-- \u5934\u90E8 -->\r\n <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n <div class=\"header__title\">\r\n <img\r\n src=\"../../../assets/img/notification-status-warning.svg\"\r\n alt=\"\"\r\n *ngIf=\"showErrorIcon\"\r\n />\r\n {{ title }}\r\n </div>\r\n <div class=\"header__actions\">\r\n <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n *ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n *ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </div>\r\n <!-- \u5185\u5BB9 -->\r\n <div class=\"dialog__content\" mat-dialog-content>\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- \u5E95\u90E8\u6309\u94AE -->\r\n <div mat-dialog-actions class=\"dialog__footer\">\r\n <ng-content select=\"[footerSlot]\"></ng-content>\r\n <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n <ng-container *ngIf=\"!customFooter\">\r\n <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n </ng-container>\r\n <ng-template #defaultTemplate>\r\n <button\r\n *ngIf=\"!hideCloseBtn\"\r\n class=\"e-btn\"\r\n (click)=\"onClose()\"\r\n >\r\n {{ cancelBtnLabel }}\r\n </button>\r\n <button\r\n *ngIf=\"!hideDiscardBtn\"\r\n class=\"e-btn\"\r\n (click)=\"onDiscard()\"\r\n >\r\n {{ discardBtnLabel }}\r\n </button>\r\n <button\r\n *ngIf=\"!hideSaveBtn\"\r\n class=\"e-btn e-primary\"\r\n (click)=\"onSave()\"\r\n >\r\n {{ saveBtnLabel }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <!-- loading -->\r\n <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n </div>\r\n</div>\r\n",
129
+ template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n <!-- \u5934\u90E8 -->\r\n <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n <div class=\"header__title\">\r\n <img\r\n src=\"../../../assets/img/notification-status-warning.svg\"\r\n alt=\"\"\r\n *ngIf=\"showErrorIcon\"\r\n />\r\n {{ title }}\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </div>\r\n <div class=\"header__actions\">\r\n <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n *ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n *ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </div>\r\n <!-- \u5185\u5BB9 -->\r\n <div class=\"dialog__content\" mat-dialog-content>\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- \u5E95\u90E8\u6309\u94AE -->\r\n <div mat-dialog-actions class=\"dialog__footer\">\r\n <ng-content select=\"[footerSlot]\"></ng-content>\r\n <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n <ng-container *ngIf=\"!customFooter\">\r\n <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n </ng-container>\r\n <ng-template #defaultTemplate>\r\n <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n {{ cancelBtnLabel }}\r\n </button>\r\n <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n {{ discardBtnLabel }}\r\n </button>\r\n <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n {{ saveBtnLabel }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <!-- loading -->\r\n <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n </div>\r\n</div>\r\n",
130
130
  styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
131
131
  }] }
132
132
  ];
@@ -206,4 +206,4 @@ if (false) {
206
206
  /** @type {?} */
207
207
  CommonDialogComponent.prototype.dialogRef;
208
208
  }
209
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2cvY29tbW9uLWRpYWxvZy9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFeEQ7SUFpQ0UsK0JBQW1CLFNBQThDO1FBQTlDLGNBQVMsR0FBVCxTQUFTLENBQXFDOztRQXhCeEQsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixtQkFBYyxHQUFHLElBQUksQ0FBQztRQUN0QixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUNwQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixlQUFVLEdBQUcsS0FBSyxDQUFDOztRQU1uQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsVUFBSyxHQUFHLFFBQVEsQ0FBQztRQUNqQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUEyQixJQUFJLFlBQVksRUFBWSxDQUFDO1FBQ2hFLGNBQVMsR0FBMkIsSUFBSSxZQUFZLEVBQVksQ0FBQztRQUUzRSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUt6QixpQkFBWSxHQUFZLEtBQUssQ0FBQztJQUp1QyxDQUFDOzs7O0lBS3RFLGtEQUFrQjs7O0lBQWxCO1FBQ0UsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUMzQyxDQUFDOzs7O0lBRUQsd0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7Ozs7SUFFRCx1Q0FBTzs7O0lBQVA7UUFBQSxpQkFVQztRQVRDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsSUFBSTs7OztZQUFDLFVBQUMsU0FBUztnQkFDbkMsSUFBSSxTQUFTLEVBQUU7b0JBQ2IsS0FBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7aUJBQy9CO1lBQ0gsQ0FBQyxFQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7O0lBRUQsc0NBQU07OztJQUFOO1FBQ0UsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUMzQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxVQUFVO1NBQ3pDO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxDQUFDLFNBQVM7U0FDakM7SUFDSCxDQUFDOzs7O0lBRUQsc0NBQU07OztJQUFOO1FBQ0UsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQzs7OztJQUVELHlDQUFTOzs7SUFBVDtRQUNFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7Ozs7O0lBRU8sdUNBQU87Ozs7SUFBZjtRQUNFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7UUFDMUUsSUFBSSxDQUFDLGNBQWM7WUFDakIsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDOUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQy9CLENBQUM7O2dCQXBGRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFFNUIsNHpFQUFxQzs7aUJBQ3RDOzs7O2dCQU5RLFlBQVk7Ozs2QkFXbEIsS0FBSztnQ0FDTCxLQUFLOytCQUNMLEtBQUs7OEJBQ0wsS0FBSztpQ0FDTCxLQUFLOytCQUNMLEtBQUs7aUNBQ0wsS0FBSztrQ0FDTCxLQUFLO2dDQUNMLEtBQUs7OEJBQ0wsS0FBSzs2QkFDTCxLQUFLO2lDQUdMLEtBQUs7OEJBR0wsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7MEJBQ0wsS0FBSzsyQkFDTCxNQUFNOzRCQUNOLE1BQU07Z0NBTU4sWUFBWSxTQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7O0lBaUQvQyw0QkFBQztDQUFBLEFBckZELElBcUZDO1NBaEZZLHFCQUFxQjs7O0lBQ2hDLDRDQUFtQjs7SUFHbkIsMkNBQTRCOztJQUM1Qiw4Q0FBK0I7O0lBQy9CLDZDQUE4Qjs7SUFDOUIsNENBQTZCOztJQUM3QiwrQ0FBK0I7O0lBQy9CLDZDQUEyQjs7SUFDM0IsK0NBQTZCOztJQUM3QixnREFBOEI7O0lBQzlCLDhDQUErQjs7SUFDL0IsNENBQTZCOztJQUM3QiwyQ0FBNEI7O0lBRzVCLCtDQUFrQzs7SUFHbEMsNENBQTBCOztJQUMxQixxQ0FBbUI7O0lBQ25CLHNDQUEwQjs7SUFDMUIsd0NBQXlCOztJQUN6Qix5Q0FBMEU7O0lBQzFFLDBDQUEyRTs7SUFFM0UsNENBQXlCOztJQUl6Qiw4Q0FBa0U7O0lBQ2xFLDZDQUE4Qjs7SUFKbEIsMENBQXFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1jb21tb24tZGlhbG9nXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1vbkRpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHVibGljIHRyYW5zbGF0aW9uO1xyXG5cclxuICAvLyDpmpDol4/lhYPntKDnm7jlhbPlsZ7mgKdcclxuICBASW5wdXQoKSBoaWRlSGVhZGVyID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGlkZUNsb3NlSWNvbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGVDbG9zZUJ0biA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGVTYXZlQnRuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGlkZURpc2NhcmRCdG4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNhdmVCdG5MYWJlbCA9IFwiXCI7XHJcbiAgQElucHV0KCkgY2FuY2VsQnRuTGFiZWwgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIGRpc2NhcmRCdG5MYWJlbCA9IFwiXCI7XHJcbiAgQElucHV0KCkgc2hvd0Vycm9ySWNvbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNob3dab29tQnRuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY3VzdG9tU2F2ZSA9IGZhbHNlO1xyXG5cclxuICAvLyDlhbPpl63liY3nmoTlm57osIPlh73mlbBcclxuICBASW5wdXQoKSBvbkNsb3NlUmVxdWVzdDogRnVuY3Rpb247XHJcblxyXG4gIC8vIOaYvuekuuebuOWFs+WxnuaAp1xyXG4gIEBJbnB1dCgpIGRpYWxvZ1N0eWxlID0ge307XHJcbiAgQElucHV0KCkgc2l6ZSA9IFwiXCI7XHJcbiAgQElucHV0KCkgdGl0bGUgPSBcIkRpYWxvZ1wiO1xyXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgc2F2ZUVtaXQ6IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEZ1bmN0aW9uPigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZUVtaXQ6IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEZ1bmN0aW9uPigpO1xyXG5cclxuICBkZWZhdWx0U2l6ZTogc3RyaW5nID0gXCJcIjtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29tbW9uRGlhbG9nQ29tcG9uZW50PikgeyB9XHJcblxyXG4gIC8vIOaOp+WItuW6lemDqOaPkuanveacieWGheWuueaXtumakOiXj+m7mOiupOaMiemSrlxyXG4gIEBDb250ZW50Q2hpbGQoXCJmb290ZXJTbG90XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBmb290ZXJDb250ZW50OiBhbnk7XHJcbiAgY3VzdG9tRm9vdGVyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgdGhpcy5jdXN0b21Gb290ZXIgPSAhIXRoaXMuZm9vdGVyQ29udGVudDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5nZXRJbmZvKCk7XHJcbiAgfVxyXG5cclxuICBvbkNsb3NlKCkge1xyXG4gICAgaWYgKHRoaXMub25DbG9zZVJlcXVlc3QpIHtcclxuICAgICAgdGhpcy5vbkNsb3NlUmVxdWVzdCgpLnRoZW4oKGNvbmZpcm1lZCkgPT4ge1xyXG4gICAgICAgIGlmIChjb25maXJtZWQpIHtcclxuICAgICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKFwiY2xvc2VcIik7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKFwiY2xvc2VcIik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvblpvb20oKSB7XHJcbiAgICBpZiAodGhpcy5zaXplID09PSBcImxhcmdlc3RcIikge1xyXG4gICAgICB0aGlzLnNpemUgPSB0aGlzLmRlZmF1bHRTaXplOyAvLyDmgaLlpI3liLDljp/lp4vlpKflsI9cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2l6ZSA9IFwibGFyZ2VzdFwiOyAvLyDorr7nva7kuLrmnIDlpKfljJZcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uU2F2ZSgpIHtcclxuICAgIGlmICh0aGlzLmN1c3RvbVNhdmUpIHtcclxuICAgICAgdGhpcy5zYXZlRW1pdC5lbWl0KCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShcInNhdmVcIik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkRpc2NhcmQoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShcImRpc2NhcmRcIik7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEluZm8oKSB7XHJcbiAgICB0aGlzLnRyYW5zbGF0aW9uID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInRyYW5zbGF0aW9uXCIpKSB8fCB7fTtcclxuICAgIHRoaXMuc2F2ZUJ0bkxhYmVsID0gdGhpcy5zYXZlQnRuTGFiZWwgfHwgdGhpcy50cmFuc2xhdGlvbi5TQVZFIHx8IFwiLlNBVkVcIjtcclxuICAgIHRoaXMuY2FuY2VsQnRuTGFiZWwgPVxyXG4gICAgICB0aGlzLmNhbmNlbEJ0bkxhYmVsIHx8IHRoaXMudHJhbnNsYXRpb24uQ0FOQ0VMIHx8IFwiLkNBTkNFTFwiO1xyXG4gICAgdGhpcy5kZWZhdWx0U2l6ZSA9IHRoaXMuc2l6ZTtcclxuICB9XHJcbn1cclxuIl19
209
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2cvY29tbW9uLWRpYWxvZy9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFeEQ7SUFpQ0UsK0JBQW1CLFNBQThDO1FBQTlDLGNBQVMsR0FBVCxTQUFTLENBQXFDOztRQXhCeEQsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixtQkFBYyxHQUFHLElBQUksQ0FBQztRQUN0QixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUNwQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixlQUFVLEdBQUcsS0FBSyxDQUFDOztRQU1uQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsVUFBSyxHQUFHLFFBQVEsQ0FBQztRQUNqQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUEyQixJQUFJLFlBQVksRUFBWSxDQUFDO1FBQ2hFLGNBQVMsR0FBMkIsSUFBSSxZQUFZLEVBQVksQ0FBQztRQUUzRSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUt6QixpQkFBWSxHQUFZLEtBQUssQ0FBQztJQUp1QyxDQUFDOzs7O0lBS3RFLGtEQUFrQjs7O0lBQWxCO1FBQ0UsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUMzQyxDQUFDOzs7O0lBRUQsd0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7Ozs7SUFFRCx1Q0FBTzs7O0lBQVA7UUFBQSxpQkFVQztRQVRDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsSUFBSTs7OztZQUFDLFVBQUMsU0FBUztnQkFDbkMsSUFBSSxTQUFTLEVBQUU7b0JBQ2IsS0FBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7aUJBQy9CO1lBQ0gsQ0FBQyxFQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7O0lBRUQsc0NBQU07OztJQUFOO1FBQ0UsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUMzQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxVQUFVO1NBQ3pDO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxDQUFDLFNBQVM7U0FDakM7SUFDSCxDQUFDOzs7O0lBRUQsc0NBQU07OztJQUFOO1FBQ0UsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQzs7OztJQUVELHlDQUFTOzs7SUFBVDtRQUNFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7Ozs7O0lBRU8sdUNBQU87Ozs7SUFBZjtRQUNFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7UUFDMUUsSUFBSSxDQUFDLGNBQWM7WUFDakIsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDOUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQy9CLENBQUM7O2dCQXBGRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFFNUIscXZFQUFxQzs7aUJBQ3RDOzs7O2dCQU5RLFlBQVk7Ozs2QkFXbEIsS0FBSztnQ0FDTCxLQUFLOytCQUNMLEtBQUs7OEJBQ0wsS0FBSztpQ0FDTCxLQUFLOytCQUNMLEtBQUs7aUNBQ0wsS0FBSztrQ0FDTCxLQUFLO2dDQUNMLEtBQUs7OEJBQ0wsS0FBSzs2QkFDTCxLQUFLO2lDQUdMLEtBQUs7OEJBR0wsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7MEJBQ0wsS0FBSzsyQkFDTCxNQUFNOzRCQUNOLE1BQU07Z0NBTU4sWUFBWSxTQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7O0lBaUQvQyw0QkFBQztDQUFBLEFBckZELElBcUZDO1NBaEZZLHFCQUFxQjs7O0lBQ2hDLDRDQUFtQjs7SUFHbkIsMkNBQTRCOztJQUM1Qiw4Q0FBK0I7O0lBQy9CLDZDQUE4Qjs7SUFDOUIsNENBQTZCOztJQUM3QiwrQ0FBK0I7O0lBQy9CLDZDQUEyQjs7SUFDM0IsK0NBQTZCOztJQUM3QixnREFBOEI7O0lBQzlCLDhDQUErQjs7SUFDL0IsNENBQTZCOztJQUM3QiwyQ0FBNEI7O0lBRzVCLCtDQUFrQzs7SUFHbEMsNENBQTBCOztJQUMxQixxQ0FBbUI7O0lBQ25CLHNDQUEwQjs7SUFDMUIsd0NBQXlCOztJQUN6Qix5Q0FBMEU7O0lBQzFFLDBDQUEyRTs7SUFFM0UsNENBQXlCOztJQUl6Qiw4Q0FBa0U7O0lBQ2xFLDZDQUE4Qjs7SUFKbEIsMENBQXFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1jb21tb24tZGlhbG9nXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1vbkRpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHVibGljIHRyYW5zbGF0aW9uO1xyXG5cclxuICAvLyDpmpDol4/lhYPntKDnm7jlhbPlsZ7mgKdcclxuICBASW5wdXQoKSBoaWRlSGVhZGVyID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGlkZUNsb3NlSWNvbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGVDbG9zZUJ0biA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGVTYXZlQnRuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGlkZURpc2NhcmRCdG4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNhdmVCdG5MYWJlbCA9IFwiXCI7XHJcbiAgQElucHV0KCkgY2FuY2VsQnRuTGFiZWwgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIGRpc2NhcmRCdG5MYWJlbCA9IFwiXCI7XHJcbiAgQElucHV0KCkgc2hvd0Vycm9ySWNvbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNob3dab29tQnRuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY3VzdG9tU2F2ZSA9IGZhbHNlO1xyXG5cclxuICAvLyDlhbPpl63liY3nmoTlm57osIPlh73mlbBcclxuICBASW5wdXQoKSBvbkNsb3NlUmVxdWVzdDogRnVuY3Rpb247XHJcblxyXG4gIC8vIOaYvuekuuebuOWFs+WxnuaAp1xyXG4gIEBJbnB1dCgpIGRpYWxvZ1N0eWxlID0ge307XHJcbiAgQElucHV0KCkgc2l6ZSA9IFwiXCI7XHJcbiAgQElucHV0KCkgdGl0bGUgPSBcIkRpYWxvZ1wiO1xyXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgc2F2ZUVtaXQ6IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEZ1bmN0aW9uPigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZUVtaXQ6IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEZ1bmN0aW9uPigpO1xyXG5cclxuICBkZWZhdWx0U2l6ZTogc3RyaW5nID0gXCJcIjtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29tbW9uRGlhbG9nQ29tcG9uZW50PikgeyB9XHJcblxyXG4gIC8vIOaOp+WItuW6lemDqOaPkuanveacieWGheWuueaXtumakOiXj+m7mOiupOaMiemSrlxyXG4gIEBDb250ZW50Q2hpbGQoXCJmb290ZXJTbG90XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBmb290ZXJDb250ZW50OiBhbnk7XHJcbiAgY3VzdG9tRm9vdGVyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgdGhpcy5jdXN0b21Gb290ZXIgPSAhIXRoaXMuZm9vdGVyQ29udGVudDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5nZXRJbmZvKCk7XHJcbiAgfVxyXG5cclxuICBvbkNsb3NlKCkge1xyXG4gICAgaWYgKHRoaXMub25DbG9zZVJlcXVlc3QpIHtcclxuICAgICAgdGhpcy5vbkNsb3NlUmVxdWVzdCgpLnRoZW4oKGNvbmZpcm1lZCkgPT4ge1xyXG4gICAgICAgIGlmIChjb25maXJtZWQpIHtcclxuICAgICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKFwiY2xvc2VcIik7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKFwiY2xvc2VcIik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvblpvb20oKSB7XHJcbiAgICBpZiAodGhpcy5zaXplID09PSBcImxhcmdlc3RcIikge1xyXG4gICAgICB0aGlzLnNpemUgPSB0aGlzLmRlZmF1bHRTaXplOyAvLyDmgaLlpI3liLDljp/lp4vlpKflsI9cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2l6ZSA9IFwibGFyZ2VzdFwiOyAvLyDorr7nva7kuLrmnIDlpKfljJZcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uU2F2ZSgpIHtcclxuICAgIGlmICh0aGlzLmN1c3RvbVNhdmUpIHtcclxuICAgICAgdGhpcy5zYXZlRW1pdC5lbWl0KCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShcInNhdmVcIik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkRpc2NhcmQoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShcImRpc2NhcmRcIik7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEluZm8oKSB7XHJcbiAgICB0aGlzLnRyYW5zbGF0aW9uID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInRyYW5zbGF0aW9uXCIpKSB8fCB7fTtcclxuICAgIHRoaXMuc2F2ZUJ0bkxhYmVsID0gdGhpcy5zYXZlQnRuTGFiZWwgfHwgdGhpcy50cmFuc2xhdGlvbi5TQVZFIHx8IFwiLlNBVkVcIjtcclxuICAgIHRoaXMuY2FuY2VsQnRuTGFiZWwgPVxyXG4gICAgICB0aGlzLmNhbmNlbEJ0bkxhYmVsIHx8IHRoaXMudHJhbnNsYXRpb24uQ0FOQ0VMIHx8IFwiLkNBTkNFTFwiO1xyXG4gICAgdGhpcy5kZWZhdWx0U2l6ZSA9IHRoaXMuc2l6ZTtcclxuICB9XHJcbn1cclxuIl19
package/esm5/lib/dialog/new-action-notification/new-action-notification.component.js CHANGED
@@ -89,7 +89,7 @@ var NewActionNotificationComponent = /** @class */ (function () {
89
89
  { type: Component, args: [{
90
90
  selector: "kt-new-action-notification",
91
91
  template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
92
- styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
92
+ styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
93
93
  }] }
94
94
  ];
95
95
  /** @nocollapse */
package/esm5/lib/form/drawer-form/drawer-form.component.js CHANGED
@@ -808,7 +808,7 @@ var DrawerFormComponent = /** @class */ (function () {
808
808
  { type: Component, args: [{
809
809
  selector: "rs-drawer-form",
810
810
  template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n *ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" *ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n *ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n *ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n *ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n *ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n *ngIf=\"\r\n field.fieldFormType === 'Text' ||\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n *ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format || numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n *ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format || dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false ||\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n *ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n *ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n",
811
- styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
811
+ styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
812
812
  }] }
813
813
  ];
814
814
  /** @nocollapse */
package/esm5/lib/form/richtexteditor/index.component.js CHANGED
@@ -569,7 +569,7 @@ var RichtexteditorComponent = /** @class */ (function () {
569
569
  { type: Component, args: [{
570
570
  selector: "rs-richtext-editor",
571
571
  template: "<div class=\"editor_box\" id=\"container\">\r\n <ejs-richtexteditor\r\n #editor\r\n id=\"editor\"\r\n [height]=\"height\"\r\n [saveInterval]=\"0\"\r\n [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n [toolbarSettings]=\"tools\"\r\n [fontFamily]=\"family\"\r\n [insertImageSettings]=\"insertImageSettings\"\r\n [(value)]=\"value\"\r\n (change)=\"onContentChange($event)\"\r\n (created)=\"onCreate()\"\r\n (toolbarClick)=\"_toolbarClick($event)\"\r\n >\r\n </ejs-richtexteditor>\r\n <ejs-dialog\r\n #AIdialog\r\n id=\"AIdialog\"\r\n [ngClass]=\"size\"\r\n [visible]=\"false\"\r\n [target]=\"target\"\r\n [isModal]=\"true\"\r\n [height]=\"dialogHeight\"\r\n [width]=\"dialogWidth\"\r\n maxHeight=\"80%\"\r\n cssClass=\"e-rte-elements custom-dialog-rte\"\r\n zIndex=\"1000\"\r\n (close)=\"closeDialog()\"\r\n (overlayClick)=\"onOverlayClick()\"\r\n (open)=\"dialogShow()\"\r\n >\r\n <ng-template #header>\r\n <div class=\"header-title\">AI Assist</div>\r\n <div class=\"header-buttons\">\r\n <div *ngIf=\"showZoomBtn\" class=\"header-zoom\" (click)=\"onZoom()\">\r\n <img\r\n class=\"header-icon\"\r\n *ngIf=\"size === 'largest'\"\r\n src=\"../../../assets/img/dialog-shrink.svg\"\r\n />\r\n <img\r\n class=\"header-icon\"\r\n *ngIf=\"size !== 'largest'\"\r\n src=\"../../../assets/img/dialog-grow.svg\"\r\n />\r\n </div>\r\n <div class=\"header-btn\" (click)=\"closeDialog()\">\r\n <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n </div>\r\n </div>\r\n </ng-template>\r\n <ng-template #footerTemplate>\r\n <div id=\"dialog-footer-content\">\r\n <div class=\"custom-row-0\">\r\n <div\r\n class=\"cuscol-0\"\r\n style=\"width: 100%; align-items: center; justify-content: left\"\r\n ></div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n \"\r\n >\r\n <div style=\"text-align: right; width: 100%\">\r\n <button\r\n ejs-button\r\n #sentimentButton\r\n content=\"\uD83D\uDE0A Neutral\"\r\n disabled=\"false\"\r\n cssClass=\"sentiment\"\r\n ></button>\r\n <button\r\n ejs-button\r\n #copyButton\r\n content=\"Copy\"\r\n disabled=\"false\"\r\n class=\"copy-btn\"\r\n ></button>\r\n <button\r\n ejs-button\r\n #replaceButton\r\n content=\"Replace\"\r\n isPrimary=\"true\"\r\n disabled=\"false\"\r\n ></button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n <ng-template #content>\r\n <div class=\"dialog-content\" style=\"height: 100%\">\r\n <div class=\"custom-row-0\">\r\n <div class=\"cuscol-0\" style=\"width: 100%\">\r\n <ejs-dropdownlist\r\n #queryCategory\r\n style=\"width: 200px\"\r\n id=\"queryCategory\"\r\n [dataSource]=\"queryList\"\r\n index=\"0\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onQuerySelect($event)\"\r\n >\r\n Rephrase\r\n </ejs-dropdownlist>\r\n <ejs-dropdownlist\r\n *ngIf=\"selectedQuery == 'Rephrase'\"\r\n id=\"chips-container\"\r\n #chipList\r\n style=\"width: 160px\"\r\n [(ngModel)]=\"chipValue\"\r\n [dataSource]=\"rephraseTyleList\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onChipClick($event)\"\r\n >\r\n </ejs-dropdownlist>\r\n <ejs-dropdownlist\r\n *ngIf=\"selectedQuery == 'Translate'\"\r\n #languageCategory\r\n index=\"0\"\r\n id=\"language-Category\"\r\n [dataSource]=\"languageList\"\r\n [fields]=\"{ text: 'text', value: 'id' }\"\r\n (select)=\"onLanguageSelect($event)\"\r\n >\r\n </ejs-dropdownlist>\r\n </div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n \"\r\n >\r\n <!-- <ejs-chiplist\r\n id=\"chips-container\"\r\n #chipList\r\n [chips]=\"['Standard', 'Fluent', 'Professional']\"\r\n selection=\"Single\"\r\n cssClass=\"e-outline\"\r\n [selectedChips]=\"[0]\"\r\n (click)=\"onChipClick($event)\"\r\n >\r\n </ejs-chiplist> -->\r\n <button\r\n ejs-button\r\n #regenerateButton\r\n content=\"Regenerate\"\r\n isPrimary=\"true\"\r\n disabled=\"false\"\r\n ></button>\r\n </div>\r\n </div>\r\n <div class=\"custom-row-1\" style=\"height: calc(100% - 40px)\">\r\n <div\r\n class=\"cuscol-0\"\r\n style=\"\r\n width: 100%;\r\n height: 100%;\r\n align-items: center;\r\n justify-content: left;\r\n \"\r\n >\r\n <div style=\"text-align: left; height: 100%\">\r\n <ejs-richtexteditor\r\n #leftRte\r\n id=\"leftRte\"\r\n height=\"100%\"\r\n [toolbarSettings]=\"{ enable: false }\"\r\n placeholder=\"Analysis of AI Support\"\r\n cssClass=\"e-outline\"\r\n >\r\n </ejs-richtexteditor>\r\n </div>\r\n </div>\r\n <div\r\n class=\"cuscol-1\"\r\n style=\"\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n height: 100%;\r\n \"\r\n >\r\n <div style=\"text-align: left; width: 100%; height: 100%\">\r\n <ejs-richtexteditor\r\n #rightRte\r\n id=\"rightRte\"\r\n height=\"100%\"\r\n [toolbarSettings]=\"{ enable: false }\"\r\n placeholder=\"Analysis of AI Support\"\r\n cssClass=\"e-outline\"\r\n >\r\n <!-- style=\"display: none\" -->\r\n </ejs-richtexteditor>\r\n <div\r\n class=\"no-results-found\"\r\n id=\"no-results-found\"\r\n style=\"display: none; height: 244px; align-content: center\"\r\n >\r\n <img\r\n height=\"50\"\r\n width=\"50\"\r\n src=\"https://storage.googleapis.com/cdn-bolddesk/agent-angular-app/images/light/no-records-warning.svg\"\r\n />\r\n <div>No results found</div>\r\n </div>\r\n <div id=\"skeletonId\" style=\"display: none\">\r\n <ejs-skeleton\r\n #skeletonId1\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"100%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId2\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"90%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId3\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"70%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId4\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"50%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId5\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"30%\"\r\n ></ejs-skeleton\r\n ><br />\r\n <ejs-skeleton\r\n #skeletonId6\r\n shape=\"Rectangle\"\r\n height=\"20px\"\r\n width=\"10%\"\r\n ></ejs-skeleton\r\n ><br />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </ejs-dialog>\r\n <div class=\"toast\" *ngIf=\"showMsg\">\r\n <span class=\"toast_text\">First, Select some text</span\r\n ><span class=\"close_icon\" (click)=\"hideToast()\"></span>\r\n </div>\r\n</div>\r\n",
572
- styles: [".editor_box{position:relative;width:100%;height:100%}.editor_box .toast{position:absolute;left:35%;top:110px;z-index:1;width:400px;border-radius:4px;border:1px solid #e8f2ff;background:#f4f8ff;padding:4px 12px;color:#1f3f5c;font-size:12px;font-style:normal;font-weight:400;height:32px;font-family:Arial;display:flex;align-items:center;justify-content:space-between}.editor_box .toast .toast_text::before{content:url(../../assets/img/info.svg);display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(../../assets/img/notification-close.svg);cursor:pointer;display:inline-block;width:16px;height:16px}.custom-dialog-rte{padding:0 20px;border-radius:10px}.custom-row-0,.custom-row-1,.custom-row-2{display:flex;align-items:center;padding:12px 24px}.e-rte-dropdown-btn-text{padding-left:4px}.no-results-found{text-align:center}.no-results-found img{display:block;margin:0 auto}.e-custom{margin-right:.5rem;border-radius:25px!important}.custom-dialog-rte .skeleton-rectangle{border-radius:4px}@media (max-width:767px){.cuscol-0,.cuscol-1,.cuscol-2{justify-content:center!important}.custom-row-0,.custom-row-1,.custom-row-2{flex-direction:column!important}.cuscol-1{border-right:none!important}.cuscol-0{width:100%;align-items:center}::ng-deep:host .e-dialog{max-height:80%!important}.custom-dialog-rte .e-dialog .e-dlg-content{overflow-y:auto!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor{height:100px!important}.cuscol-noresult{padding-bottom:20px!important}.e-chip-list{padding:5px!important}.cuscol{padding-right:.2rem!important;width:auto!important}.custom-row-1{height:auto!important}}.cuscol-1{display:flex;flex-direction:row!important}.cuscol-2{display:flex;flex-direction:column!important}.sentiment{color:#000!important}.custom-dialog-rte .e-dialog .e-dlg-content{padding:0!important;overflow-y:hidden}.custom-dialog-rte .e-dialog .e-dlg-header-content{padding:20px 0!important;border:0!important}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header{display:flex;align-items:center;line-height:18px;justify-content:space-between}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header .header-title{font-family:Arial;font-size:15px;font-weight:700;font-style:normal}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons{display:flex}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons img{width:16px;height:16px;cursor:pointer;padding:2px;margin-left:12px}.custom-dialog-rte .e-dialog .e-footer-content{padding:0!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor.e-rte-tb-expand .e-rte-content,.e-richtexteditor.e-rte-tb-expand .e-source-content{border:0;border-bottom:1px solid #dee2e6;border-top:0 solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0 solid #ddd!important;padding:0;margin-bottom:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-0{justify-content:left;border-right:none!important;padding:0;display:flex;gap:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1{padding:0;margin-left:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1 .e-primary{color:#44566c;border-radius:4px;border:1px solid #dbe1e7;background:#fff;width:87px;margin:0;padding:2px 12px;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;height:28px}.custom-dialog-rte .dialog-content .custom-row-1{padding:0;height:calc(100% - 40px);gap:12px}.custom-dialog-rte .e-footer-content{border:0}.custom-dialog-rte .e-footer-content .custom-row-0{padding:20px 0}.custom-dialog-rte .e-footer-content .e-control.e-btn{font-family:Arial;font-size:12px;line-height:14px;padding:2px 12px;height:28px;background:#fff;color:#44566c}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn{border-color:#dbe1e7}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn::before{content:url(../../assets/img/editor-copy.svg);vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.editor_box .e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}"]
572
+ styles: [".editor_box{position:relative;width:100%;height:100%}.editor_box .toast{position:absolute;left:35%;top:110px;z-index:1;width:400px;border-radius:4px;border:1px solid #e8f2ff;background:#f4f8ff;padding:4px 12px;color:#1f3f5c;font-size:12px;font-style:normal;font-weight:400;height:32px;font-family:Arial;display:flex;align-items:center;justify-content:space-between}.editor_box .toast .toast_text::before{content:url(../../../assets/img/info.svg);display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(../../../assets/img/notification-close.svg);cursor:pointer;display:inline-block;width:16px;height:16px}.custom-dialog-rte{padding:0 20px;border-radius:10px}.custom-row-0,.custom-row-1,.custom-row-2{display:flex;align-items:center;padding:12px 24px}.e-rte-dropdown-btn-text{padding-left:4px}.no-results-found{text-align:center}.no-results-found img{display:block;margin:0 auto}.e-custom{margin-right:.5rem;border-radius:25px!important}.custom-dialog-rte .skeleton-rectangle{border-radius:4px}@media (max-width:767px){.cuscol-0,.cuscol-1,.cuscol-2{justify-content:center!important}.custom-row-0,.custom-row-1,.custom-row-2{flex-direction:column!important}.cuscol-1{border-right:none!important}.cuscol-0{width:100%;align-items:center}::ng-deep:host .e-dialog{max-height:80%!important}.custom-dialog-rte .e-dialog .e-dlg-content{overflow-y:auto!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor{height:100px!important}.cuscol-noresult{padding-bottom:20px!important}.e-chip-list{padding:5px!important}.cuscol{padding-right:.2rem!important;width:auto!important}.custom-row-1{height:auto!important}}.cuscol-1{display:flex;flex-direction:row!important}.cuscol-2{display:flex;flex-direction:column!important}.sentiment{color:#000!important}.custom-dialog-rte .e-dialog .e-dlg-content{padding:0!important;overflow-y:hidden}.custom-dialog-rte .e-dialog .e-dlg-header-content{padding:20px 0!important;border:0!important}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header{display:flex;align-items:center;line-height:18px;justify-content:space-between}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header .header-title{font-family:Arial;font-size:15px;font-weight:700;font-style:normal}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons{display:flex}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons img{width:16px;height:16px;cursor:pointer;padding:2px;margin-left:12px}.custom-dialog-rte .e-dialog .e-footer-content{padding:0!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor.e-rte-tb-expand .e-rte-content,.e-richtexteditor.e-rte-tb-expand .e-source-content{border:0;border-bottom:1px solid #dee2e6;border-top:0 solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0 solid #ddd!important;padding:0;margin-bottom:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-0{justify-content:left;border-right:none!important;padding:0;display:flex;gap:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1{padding:0;margin-left:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1 .e-primary{color:#44566c;border-radius:4px;border:1px solid #dbe1e7;background:#fff;width:87px;margin:0;padding:2px 12px;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;height:28px}.custom-dialog-rte .dialog-content .custom-row-1{padding:0;height:calc(100% - 40px);gap:12px}.custom-dialog-rte .e-footer-content{border:0}.custom-dialog-rte .e-footer-content .custom-row-0{padding:20px 0}.custom-dialog-rte .e-footer-content .e-control.e-btn{font-family:Arial;font-size:12px;line-height:14px;padding:2px 12px;height:28px;background:#fff;color:#44566c}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn{border-color:#dbe1e7}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn::before{content:url(../../../assets/img/editor-copy.svg);vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.editor_box .e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}"]
573
573
  }] }
574
574
  ];
575
575
  /** @nocollapse */
package/esm5/lib/layout/drawer/index.component.js CHANGED
@@ -286,7 +286,7 @@ var DrawerComponent = /** @class */ (function () {
286
286
  { type: Component, args: [{
287
287
  selector: "rs-drawer",
288
288
  template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\r\n [attr.data-animation]=\"useAnimation\"\r\n [hidden]=\"hiddenDrawer\"\r\n (animationend)=\"onAnimationEnd()\"\r\n >\r\n <div class=\"drawer-header\" #header>\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #headerSlot></div>\r\n </div>\r\n <div class=\"drawer-top-slot\" #topSlot></div>\r\n <div class=\"drawer-content-box\">\r\n <div class=\"drawer-content\" #content>\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n </div>\r\n</div>\r\n",
289
- styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
289
+ styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
290
290
  }] }
291
291
  ];
292
292
  /** @nocollapse */